일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- function
- 타입스크립트
- null
- typescript
- let
- 자바스크립트
- 라우터
- VUE
- 객체
- todolist
- var
- this
- 스코프
- 데이터 타입
- const
- 컴포넌트
- BIND
- Number
- 함수
- Interface
- 투두리스트
- react
- js
- 모던 자바스크립트
- 리액트
- redux
- 모던
- CSS
- 뷰
- ES6
- Today
- Total
목록팀프로젝트/HongLim_Project_ToDoList (2)
홍준혁
먼저 프로젝트에 리액트를 설치를 해주도록 하자 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(친구 재현이와 나)에서 TodoList를 만들기로 했다. 저번에 만들었던 ToDoList를 개편하고 쌓인 지식으로 더 좋은 웹사이트를 만들려는 취지로 개발을 시작한다. honglim001.github.io/html-project 1/start.html Start_ToDoList honglim001.github.io 위의 웹사이트는 전에 재현이와 만들었던 웹사이트이다. 코드도 더럽고 이상하지만 그래도 아무것도 모르던 우리가 뭔가를 만들었다는 것에 만족한다. (제이쿼리도 써가면서 ㅋㅋ) 이번에는 리액트를 활용해서 개발하려고 한다. 리액트는 깊게 공부하지 않고 가볍게 보기만 한 정도라서 이해 못할 부분이 많겠지만 그래도 한번 배워본다는 목적과 부딪혀본다는 느낌으로 개발해보려고 한다.