전체 글102 [React] Create react app, PropTypes, module.css 이전 글에서는 스크립트를 import해서 react를 사용했다. Create react app은 많은 설정들이 사전에 준비되어 있어 편리하다. 개발서버에 접근한다던가 자동으로 새로고침 시켜준다던가, 즉각적으로 어플리케이션 안에 css를 포함시켜준다던가 하는 기능이 있다. 웹사이트를 publish할 준비가 되면 create react app은 publish 하는 명령어를 가지고 있어서 코드를 압축해주기도 한다. Create-react-app 사용하기 1. Node.js 설치 > https://nodejs.org/en/ 설치 후 cmd같은 터미널을 사용해서 node -v를 입력해서 node.js버전이 나오면 설치 완료. npx 명령어도 입력해서 작동이 된다면 준비 완료. exit 입력하고 나온다. 나는 cm.. 2022. 5. 7. [React] props * props 전달 부모에서 자식으로 데이터 넘기기 function Btn({onClick}) { // App 컴포넌트에서 onClick이라는 이름의 props를 전달받음 (alert라는 함수) return ( 버튼 // 여기서 button태그의 onClick속성은 이벤트 리스너 ); } function App() { const alert = () => alert("HI"); return ( // onClick은 이벤트 리스너 X, Btn 컴포넌트에 onClick이라는 Props를 전달 ); } ReactDOM.render(, root); 에서 onClick은 이벤트 리스너가 아닌, Btn 컴포넌트에 onClick이라는 함수를 Props로 전달한 것이다. 여기서 onClick은 단순히 props의 이름이.. 2022. 5. 6. [React] state 드림코딩에서 리액트를 조금 공부하다가 학교 과제로 React+typescript로 해태제과 메인 페이지를 만들어보면서 JSX와 PostCSS, useState 사용에 좀 익숙해졌지만 더 진도 나가기 전에 다시 공부해야겠다 싶었다. 노마드코더 'ReactJS로 영화 웹 서비스 만들기' 강의를 들어보고 있다. 일단 목표는 14개 챕터 하루에 1~2 챕터씩 일주일 정도로 잡고 5월 10일까지 끝내기. 곧 프로젝트를 하나 만들어야해서 그전에 노마드 코더 강의 빨리 끝내고 다시 드림코딩 강의 들어야지. 일단 앞부분 들어보니 너무 길지 않게 영상을 끊어주고 이해하기 쉽게 설명해줘서 좋았다. [노마드코더 ReactJS로 영화 웹서비스 만들기] [목표: 5월 10일까지 끝내기] #1 [2021 UPDATE] INTRO.. 2022. 5. 5. [Unity] 충돌 이벤트 실행화면 적용코드 MyBall.cs public class MyBall : MonoBehaviour { Rigidbody rigid; void Start() { rigid = GetComponent(); } void FixedUpdate() { float h = Input.GetAxisRaw("Horizontal"); float v = Input.GetAxisRaw("Vertical"); Vector3 vec = new Vector3(h, 0, v); rigid.AddForce(vec, ForceMode.Impulse); } private void OnTriggerStay(Collider other) { if (other.name == "Cube") rigid.AddForce(Vector3.up * 2,.. 2022. 3. 29. Bokyum's ramen(Chapaguri) Bokyum's vlog 2021-12-05 2022. 3. 29. [Unity] 물리를 이용한 오브젝트 이동(속력, 힘, 회전) ForceMode: 힘을 주는 방식(가속, 무게 반영) AddTorque(Vec): Vec 방향을 축으로 회전력이 생김 적용 코드 public class MyBall : MonoBehaviour { Rigidbody rigid; void Start() { rigid = GetComponent(); } void FixedUpdate() { //#1. 속력 바꾸기 rigid.velocity = Vector3.forward; //#2. 힘을 가하기 if (Input.GetButtonDown("Jump")) { rigid.AddForce(Vector3.up * 25, ForceMode.Impulse); } Vector3 vec = new Vector3( Input.GetAxisRaw("Horizontal"), .. 2022. 3. 28. 이전 1 2 3 4 5 6 ··· 17 다음 728x90
