codestates / codestates/mobees
[Task] Client / 환경설정 / react 환경구축
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
### Issue 타입(하나 이상의 Issue 타입을 선택해주세요)
- [x] 기능 추가
- [ ] 기능 삭제
- [ ] 버그 수정
- [ ] 의존성, 환경 변수, 빌드 관련 코드 업데이트
### 상세 내용
- [x] VScode 설치 - Prettier: 코드 자동 정렬 도구, ESLint: 자바스크립트 문법 유효성 검사 도구
- [x] node.js : Jabascript 런타임. Babel, Webpack 등의 모듈을 가지고 있음
- [x] npm : Node Package Manager. Node.js의 패키지를 관리
- [x] React 개발환경 구축 : npx create-react-app : create-react-app으로 프로젝트를 생성하면 Babel이나 Webpack 등이 자동으로 설정 됨.
- [x] Debugger 설정 : VScode의 디버그 환경 설정을 진행하여, Chrome을 기본 구성으로 추가
- [x] 라우터 설정 : npm i react-router react-router-dom
- [x] axios 설치 : cmd에서 파일경로를 리액트 프로젝트에 맞춘후 npm i axios , 설치 완료 후 HTTP request가 필요한 컴포넌트에 import axios from 'axios'; 적기.
- [x] 스타일컴포넌트 : npm i styled-components
### 예상 소요 시간
- [ ] `0.5h`
- [ ] `1h`
- [x] `1.5h`
- [ ] `2h`
- [ ] `2.5h`
- [ ] `3h`
### 라벨
- 예상 소요 시간: `E: 1.5h`
- 그룹: `client`
- 긴급도: `High`
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.