A Developing Developer

2. 첫번째 프로젝트: 가위바위보 게임 - 프로젝트 생성 npx create-react-app *** - onClick 사용 시 주의할 점 play("scissors")}>가위 ------------------------- 콜백함수 형태로 함수를 전달해 줘야 바로 실행시키지 않는다. - UI 를 바뀌가 하고 싶으면 state 에 만든다 - react 로 FE 개발 중 주의할 점 ------------ props.item이 있을 때만 props.item.img를 참조하도록 (가드) 위의 예시 처럼 props.item 이 있을 경우 그러니까 사용자가 선택을 했을 경우에 만 props.item.img 를 불러오도록 해서 선택하지 않았을 경우 발생하는 에러를 사전에 방지해야한다. (가드값!) - 랜덤한 값 뽑는..

1. 리액트 기초 - 프로젝트 생성 npx create-react-app first-react - 프로젝트 열기 code . - 프로젝트 후 설치! ES7 React-Native snippets - SPA : Single Page Application 웹사이트에 페이지 단 하나 - 리액트 컴포넌트 자동생성 rafce (React Arrow Functionexport ComponEnt) - component (컴포넌트) : 내가 필요한 태그를 만들어서 쓰는것 (원하는 태그들을 모아서 하나의 태그로) [재활용] 관련있는 HTML 과 JS 를 함께 둔다 - props : 함수의 매개변수와 같은 역할 - state : UI 에 보이는 값은 무조건 state 로 만들어야한다. 변수는 새로 랜더 될 때마다 초기화 ..