[Task] Client / 환경설정 / react 환경구축

[JaeHyup0504]

Issue 타입(하나 이상의 Issue 타입을 선택해주세요)

• 기능 추가
• 기능 삭제
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트

상세 내용

• VScode 설치 - Prettier: 코드 자동 정렬 도구, ESLint: 자바스크립트 문법 유효성 검사 도구
• node.js : Jabascript 런타임. Babel, Webpack 등의 모듈을 가지고 있음
• npm : Node Package Manager. Node.js의 패키지를 관리
• React 개발환경 구축 : npx create-react-app : create-react-app으로 프로젝트를 생성하면 Babel이나 Webpack 등이 자동으로 설정 됨.
• Debugger 설정 : VScode의 디버그 환경 설정을 진행하여, Chrome을 기본 구성으로 추가
• 라우터 설정 : npm i react-router react-router-dom
• axios 설치 : cmd에서 파일경로를 리액트 프로젝트에 맞춘후 npm i axios , 설치 완료 후 HTTP request가 필요한 컴포넌트에 import axios from 'axios'; 적기.
• 스타일컴포넌트 : npm i styled-components

예상 소요 시간

• 0.5h
• 1h
• 1.5h
• 2h
• 2.5h
• 3h

라벨

• 예상 소요 시간: E: 1.5h
• 그룹: client
• 긴급도: High