반응형 React3 React 개발환경 설정 및 프로젝트 생성, 코딩 룰 VS CODE - React 코드 편집기로 사용. Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.com Github Desktop - bash 창에서 command 를 입력할 필요 없이 GUI 로 구현되어 있는 깃허브.. 2021. 8. 26. State 개발 State 제품을 조작하는 입장과 구현자의 입장이 있다. Props : 부모 컴포넌트가 자식 컴포넌트에게 주는 값. 읽기 전용 State : 컴포넌트 내부에서 선언하며 내부에서 값 변경을 가능. 컴포넌트 내부적으로 사용하는 정보. 예를들면 제품의 전선 등 밖에서 보여서 안되는 물건을 뜻한다. 첫번째로 어떠한 컴포넌트가 실행 될 때 render 함수보다 먼저 실행되면서 컴포넌트를 초기화 시켜주고 싶은 코드는 constructor(props){ super(props); } 해당하는 코드블럭 안에 작성한다. App.js의 state로 선언된것을 하위 props에서 불러오는것은 아래 코드처럼 가능하다. class App extends Component { constructor(props){ super(props.. 2021. 4. 26. React 개발환경 구축 NPM 설치 node.js를 통해 npm을 설치한다. https://nodejs.org Create React App 설치 실행 -> CMD npm install -g create-react-app - npx 와의 차이점은, npx는 실행할 때 마다 설치하고, 최신버전을 사용하게 됨. - npm 은 컴퓨터에 설치한다. Create React App을 이용해 개발환경 구축 1. 바탕화면에 react-app 폴더 생성 2. cd react-app 폴더 경로 : 폴더를 명령 프롬프트로 드래그하면 자동으로 경로 출력 3. create-react-app . - . 을 꼭 입력할것!! VS Code 사용 2021. 4. 21. 이전 1 다음 반응형
