티스토리 뷰
안녕하세요 강정호입니다
오늘은 인스타그램 클론코딩의 프론트엔드 개발을 시작해보겠습니다.
1. create-react-app 명령어
npx create-react-app prismagram-frontend
위와 같이 하면 리액트 앱 프로젝트 생성
2. 불필요한 파일 삭제
- App.css
- App.test.js
- index.css
- logo.svg
- serviceWorker.js
3. 필요한 util 설치
npm add styled-components react-router-dom graphql react-apollo-hooks apollo-boost
npm add react-helmet
4. 리액트 앱 정상작동 확인
npm start
'프로젝트' 카테고리의 다른 글
[인스타그램클론코딩] #5.4 requestSecret Mutation and Refactor (0) | 2020.10.28 |
---|---|
[인스타그램 클론코딩] #4.1 GlobalStyle and Theme (0) | 2020.10.06 |
[인스타그램 클론코딩] #3.28~#3.29 newMessage Subscription (0) | 2020.09.27 |
[인스타그램 클론코딩] #3.26 seeRoom Resolver (0) | 2020.09.23 |
[인스타그램 클론코딩] #3.21 editPost deletePost Resolver (0) | 2020.09.18 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- github
- GIT
- 월부닷컴
- 인셉션
- 도커
- 항해솔직후기
- docker
- 관계대수
- 2023년
- 열반스쿨기초반
- 항해플러스후기
- resize
- 내년은 빡세게!!
- Spring boot
- Use case
- 부동산공부
- pop_back
- 유즈케이스
- 파라메터
- front
- 재테크공부
- push_back
- 월급쟁이부자들
- 깃
- 깃허브
- Inception
- 항해플러스백엔드
- 개발자 회고
- ```````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
- 폭포수
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
글 보관함