3. 리액트 본격적으로 살펴보기 3-1. CRA로 첫 리액트 프로젝트 세팅하기 1. node로 yarn 설치하기 node -v # node 버전을 확인해봅니다. npm -v # npm은 노드의 패키지 매니저예요. 이걸 통해서 누군가 만들어 둔 패키지를 설치하고 사용할 수 있어요! npm install -g yarn # -g는 글로벌로 설치하겠다!고 알려주는 옵션입니다. yarn을 글로벌로 설치해봅시다! 2. yarn으로 create-react-app 설치하기 yarn -v # yarn 버전을 확인해봅니다. # global은 글로벌 설치 옵션입니다. # yarn은 npm과 명령어가 조금 다른데요, install 대신 add를 씁니다. # 이런 명령어의 차이는 공식문서를 통해 확인해도 좋고, yarn --h..

1. Javascript Re-start! - 기본 꼭 알아야하는 자바스크립트 기본 문법을 짧게 요약했어요.😉 1-1. 변수와 상수 [변수 생성의 3단계] 선언 → 초기화 → 할당 - 선언: 실행 컨텍스트에 변수 객체를 등록 (스코프가 참조하는 대상이 되도록요!) - 초기화: 변수 객체에 등록된 변수를 위해 메모리에 공간을 확보 (여기서 변수는 보통 undefined로 초기화됩니다!) - 할당: undefined로 초기화된 변수에 실제 값을 할당 - var : var는 가급적 사용하지 않는 게 좋아요! 1) var로 선언한 변수는 블록 스코프가 아니라 함수 수준 스포크를 가짐. 2) var는 선언과 초기화를 한 번에 함. 3) 재선언이 가능함. 4) 선언하기도 전에 사용할 수 있음.(호이스팅이 일어남) ..

아래 기획서를 보고, 퀴즈 시작하기 화면을 만들어보세요! 아래에 라는 자식 컴포넌트를 만들어서 해봅시다! → 숙제할 때는 꼭꼭 클래스형 컴포넌트를 쓸 필요 없어요! (해설 코드는 함수형 컴포넌트로 나갑니다.)우리가 배운 내용으로 위 페이지를 만들어봅시다. 이미지도 넣어보고, 내 친구가 이름을 넣을 텍스트 입력 인풋과 시작하기 버튼을 만들어요. [나는 {} 에 대해서...]부분에 {}는 state에 넣고 prop로 넘겨서 해보세요! - 기획서(레이아웃) 보기 - 내 과제물 다 하고나서 생각해보니까 난 prop으로 넘기지 않았다 ㅋ ㅋ ㅋ ㅋ ㅋ ㅋ... App.js에서 useState를 만들어두고 prop하는게 인상적이지만 그냥 Start component에서 모든걸 해결했다...:) 근데 과제 리뷰를 보..