250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- VUE
- 모던 자바스크립트
- 리액트
- 타입스크립트
- 스코프
- this
- ES6
- function
- const
- 뷰
- BIND
- typescript
- 컴포넌트
- Number
- Interface
- CSS
- js
- null
- 라우터
- 데이터 타입
- redux
- 모던
- react
- 자바스크립트
- 투두리스트
- todolist
- var
- let
- 함수
- 객체
Archives
- Today
- Total
목록DoM (1)
홍준혁
HongLim_ToDoList만들기(1)-리액트 설정
먼저 프로젝트에 리액트를 설치를 해주도록 하자 vscode에서 기본으로 지원하는 터미널에 git bash를 연결하였다. create-react-app todolist create-react-app을 사용해서 todolist라는 파일에 react세팅을 해주도록 하자. 빌드에 성공하면 Happy hacking이라는 글이 뜬다. 이제 happy hacking글 위에 명령어(cd , yarn start)를 순서대로 치면 로컬호스트로 서버가 열린다. 이제 리액트 웹 서버가 열린것을 볼 수 있다. 브라우저를 보면 React App이라는 웹이 생긴것을 볼 수 있다. 이제 리액트 앱을 만들었으니 설정을 해주도록 하자. App.css의 내용을 모두 지워주고,App.js에서 이렇게 설정을 해주자. 그렇게 저장을 하고 리액..
팀프로젝트/HongLim_Project_ToDoList
2020. 9. 17. 12:32