일일회고
- 오늘은 cra없이 직접 개발환경을 설정하는 것을 복습했고 git, react 등을 처음부터 제대로? 복습하면서 다시 공부를 시작했다.
- 여전히 영어를 보면 어려워서 포기하고 싶어진다.. 앞으로도 영어를 계속 써야 하니 배워야할텐데 어떻게 공부할지 방법을 찾아봐야겠고 시간이 오래 걸리더라도 혼자서 해결하는 습관을 들여야겠다고 느꼈다. 그러나 역시 도와줄 사람이 있어야 할 듯..!
- 내일은 오늘 계획을 지키자는 마음가짐보다 즐겁게 배우는 것을 목표로 공부하고 싶다.
Git
버전을 편리하게 관리! 작업하고 있는 파일들에 원하는 순간에 다시 돌아갈 수 있음.
Git은 VCS(Version Control System) 중 하나고 코드뿐만 아니라 텍스트파일 그래픽파일 등 많은 것도 버전으로 관리할 수 있음
강의나 책을 보고 잘 정리하는 것도 중요하지만 동작 원리를 이해하고 활용하는 연습하기!!
개발환경설정
대충 정리..
1. 노드 프로젝트 초기화
npm init
or
npm init -y- 패키지의 특정 버전 설치
npm i react@version react-dom@version - src와 public 폴더 만들기
mkdir src
mkdir public - ./public/index.html & ./src/index.jsx 파일 작성
- babel.config.js & webpack.config.js 설정 파일 만들기
- package.json scripts에 명령어 추가
"build": "webpack build --config ./webpack.config.js",
"start": "webpack-dev-server --open"- webpack - https://webpack.js.org/
- cypress 설치!
https://www.cypress.io
npm으로 설치가 안 돼서 cdn에서 직접 다운받아서 사용하기로 했다
React
https://beta.reactjs.org/learn
공식문서 Installation 부분만 읽음 ㅎㅎ
배워보고 싶은 기술
daisyUI - https://daisyui.com/
METERIAL - https://material.io/design
꾸준히 자유롭게 즐겁게