공부블로그

태그는 꼭 닫는다. 두 개 이상의 태그는 무조건 하나의 태그로 감싼다. ( 이 때 리액트의 Fragment를 이용하기도 한다. ) 자바스크립트 변수를 보여줘야 할 때에는 { } 중괄호로 감싸준다. 태그에 style과 CSS class를 설정할 때 인라인 스타일은 객체형태로 작성하고 ( class style = { ... } ), CSS class를 설정할 때에는 className= 으로 설정해준다. props를 통해 컴포넌트에게 값 전달하기 1. Hello 컴포넌트에 name과 color라는 props (속성)을 전달해주고 싶을 때 App. js 에서 props 전달 Hello. js 에서 받아서 작성 function Hello(props) { return 안녕하세요 {props..

1. 작업환경 준비 Node.js ( 자바스크립트 런타임 ) 와 Yarn ( 자바스크립트 매니저 도구 )를 설치한다. 설치 확인 ) 명령 프롬프트에서 > node -v v14.17.2 > yarn -v 1.22.10 git을 사용할 경우에는 Git Bash를 설치하고, VS Code를 사용할 것이므로 VS Code도 설치한다. 2. VS Code에서 내 git repository 연결 1) VS Code에서 F1을 누르고 git clone입력 -> Git: Clone 메뉴 선택 2) 내 Git에서 생성한 레포지터리 URL을 입력 3) 클론 시킬 폴더 선택하면 끝! 3. 새로운 리액트 프로젝트 만들기 npx create-react-app begin-react 위 명령어를 입력하면 begin-react 라는..