TDD

→2022.05.18

[React] 실습

✍🏻 기존코드 App.js 코드 import "./App.css"; function Header(props) { return ( {props.title} ); } function Nav() { return ( html css js ); } function Article(props) { return ( {props.title} {props.body} ); } function App() { return ( ); } export default App; ✍🏻 li태그 동적으로 생성하기 import "./App.css"; function Header(props) { return ( {props.title} ); } function Nav(props) { let lis = []; for (let i = 0; i <..

→2022.01.03

[React] 리액트 CRA로 시작하기(create-react-app)

리액트 CRA로 시작하기 리액트 개발환경 설치 npm install --global create-reate-app 해당 폴더에 리액트 프로젝트 설치 npx create-react-app . + CRA 설치, 파일명 앞에 . 을 붙이면 현재 디렉터리에 그대로 생성된다. npx create-react-app react-app 리액트 프로젝트 디렉토리로 이동 cd react-app 리액트 실행 npm run start 아래와 같은 빌드화면 확인 가능하다. create-react-app 성공적으로 실행되었다면, react-app 으로 된 폴더가 생성되고 아래와 같은 파일 구조를 가진다. . ├── README.md ├── node_modules ├── package.json ├── public ├── src └..

→2021.12.31