Latest update : 2021.04.19 - 수정 완료 훨씬 쉬운 function형 component 바로가기 2021.04.16 - [Front-end Study/React.js] - [React.js] CRA 기초 - 설치/state/Component/props React.js 구문법 (신문법 구문법 둘 다 알고 있어야 합니다.) Node.js 설치 (nodejs.org/ko/download/) (CRA) npx create-react-app 프로젝트명 or yarn create react-app 프로젝트명 -> npm start npx create-react-app 프로젝트명 (or) yarn create react-app 프로젝트명 (and) npm start 1. 기본 class 예시 i..

Latest update : 2021.04.19 - 수정 완료 CRA 기반 React.js 1. input 기본 input 예시 import React, { useState } from 'react'; // state let [inputText, setInputText] = useState(''); // 저장 공간 만들기 ------------------- // input tag { setInputText(e.target.value) } }> // 뭔가 입력될 때 실행됩니다 tip) e.target >> 이벤트가 발생한 target 요소 / e.target.value >> 이벤트가 발생한 target value값 2. input 입력값 다른 state에 추가 (서버 저장 X) import React, {..

Latest update : 2021.04.16 - 수정 완료 React-Bootstrap Bootstrap은 getbootstrap.com/ react-bootstrap.netlify.app/ 로 사이트가 나뉘어 있습니다. ✔️bootstrap 설치 방법은 여러 가지가 있습니다. (react-bootstrap.netlify.app/getting-started/introduction/) Node.js 설치 (nodejs.org/ko/download/) (CRA) npx create-react-app 프로젝트명 (or) yarn create react-app 프로젝트명 -> npm start -> npm install react-bootstrap bootstrap (or) yarn add react-boo..

Latest update : 2021.04.19 - 수정 완료 이후 기재해야 할 수정사항은 추가 포스팅 후 링크하겠습니다. (기초영역일 경우) 어려웠던 class형 component 바로가기 2021.04.19 - [Front-end Study/React.js] - [React.js] 기초 - class로 component 만들기 (구문법) CRA 기반 React.js Node.js 설치 (nodejs.org/ko/download/) (CRA) npx create-react-app 프로젝트명 or yarn create react-app 프로젝트명 -> npm start npx create-react-app 프로젝트명 (or) yarn create react-app 프로젝트명 (and) npm start ..