Library | Framework22 [React] state, props, key props props가 뭔데 씹덕아 React에서 props는 속성값을 나타내는 키워드임. 아니 그래서 그게 뭐냐고 ; 일단 이런 식으로 Subject 컴포넌트를 두 개 생성하면 오른쪽 사진과 같이 된다. Subject는 무조건 WEB world wide web이라는 값만 가지게 되는 건데, props는 이런 값들을 사용자가 마음대로 바꿀 수 있게 해줌!! 이렇게 Subject의 title과 sub를 설정해주고, Subject.js에서 {this.props.title} / {this.props.sub}로 바꾸면 App.js에서 보내준 title값과 sub값으로 적용된다. State는 또 뭔데...? 리액트에서의 state는 구글에서 말해준 '상태'와 비슷하다. props가 컴포넌트에 대한 UI, 즉 사용자가 제품을.. 2022. 1. 3. [React] React 프로젝트 생성, 컴포넌트화 React 프로젝트 생성 설치돼있어야 할 프로그램, 지식 Node.js, npm Visual Studio Code HTML, CSS, JS 기초 지식 React 프로젝트 생성 방법 Windows -> cmd npm -v : npm 버전 확인 -> 무슨 버전인지 출력된다면 npm이 다운된거임 ( 예 : 6.14.13 ) cd '프로젝트 폴더 경로' : 프로젝트 폴더로 이동 npm install -g create-react-app create-react-app "프로젝트명" 이런 식으로 출력되고, 폴더가 생성됐다면 성공 npm 실행은 어케 함? vs code 터미널창에서 npm run start 를 해보면 localhost로 웹 서버를 열 수 있다. 웹을 build 하려면 (프로덕션 모드의 애플리케이션을 만.. 2021. 12. 28. 이전 1 ··· 8 9 10 11 다음
