스타벅스 예제 따라하는데 강의가 빨라서 오타도 너무 많아지고 강의에서 사용하는 js, css와 내가 사용하는 버전이 달라서 똑같이 했는데도 안되가지고 원인 찾느라 시간 너무 소요했다🥲
1. Node.js
1.1 설치하기
- LTS(Long Term Supported) : 장기적으로 안전되고 신뢰도가 높은 지원이 보장되는 버전으로, 유지/보수와 보안(서버 운영 등)에 초점을 맞춰 대부분 사용자에게 추천되는 버전
- NVM : Node.js 버전 관리를 할 수 있게 해주는 Manager.
- nvm install version : version에 해당하는 node.js 설치
- nvm use version : 해당 version 사용
- nvm ls : node.js version 확인
- nvm uninstall version : 해당 version node.js 삭제
- nvm --help : 더 많은 정보 보기 - NPM(Node Package Manager) : 전 세계 개발자들이 만든 다양한 기능(패키지, 모듈)들을 관리
- npm init -y : package.json 생성
- npm install parcel-bundler -D : parcel-bundler 패키지 설치 ( 설치한 패키지들은 package.json에 기록됨 )
- 개발 의존성 : 개발할때만 필요하고 브라우저에서는 필요하지 않음
- 일반 의존성 : 브라우저에서 필요 - package.json : 직접적으로 관리
- package-lock.json : 설치한 패키지들에 필요한 패키지들을 자동으로 관리되는 파일?
1.2 개발 서버 실행과 빌드
- devDependencies에 설치된 parcel은 개발할때만 사용되기 때문에 터미널에 parcel index.html을 통해 index.html을 열 수 없으므로
package.json의 scripts부분에 이를 작성하여 npm run dev를 통해 사용 가능함 - npm run build : 사용자가 보는 용도로 만드는 작업
- 코드의 난독화 : 작성된 코드를 읽기 어렵게 만드는 작업. 브라우저에서 해석되는 용도로, 용량을 축소하고 읽기 어렵게 만드는 등의 최적화를 거치는 것이 좋음
- 번들 : 프로젝트 개발에 사용한 여로 모듈을 하나로 묶어내는 작업
1.3 유의적 버전(SemVer)
- 유의적 버전(Semantic Versioning, SemVer)
- Major.Minor.Patch ex) 12.14.1 : 기존 버전과 호환되지 않는 새로운 버전
- Major.Minor.Patch ex) 12.14.1 : 기존 버전과 호환되는 새로운 기능이 추가된 버전
- Major.Minor.Patch ex) 12.14.1 : 기존 버전과 호환되는 버그 및 오타 등이 수정된 버전
- ^Major.Minor.Patch ex) ^12.14.1 : Major 버전 안에서 가장 최신 버전으로 업데이트 가능. Minor, Patch버전만 변경
1.4 NPM 프로젝트의 버전 관리(.gitignore)
git init: 명령어를 사용했는데 오류가 나서 검색을 해보니 cmd에서 실행해보라고 해서 해봤지만'git'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.뜰 뿐 되지 않았다. 이럴 경우 git을 먼저 설치해야 한다... window의 경우 설치 경로는 아래에 있다.
https://git-scm.com/download/win- 설치가 완료되고 cmd에 git --version을 입력하니 버전이 잘 나타난다.
git commit -m '프로젝트 생성': Please tell me who you are..
commit을 하기 위해서는 email과 name이 필요하다...🥲
VSCode에서 알려주는 것과 같이 나의 git 정보를 위의 형식과 같이 입력해준다.git remote add origin 주소: 새로운 원격 저장소를 추가git push origin master: 로컬 리포지토리의 변경 사항을 GitHub 마스터 브랜치로 푸시
출처: https://byul91oh.tistory.com/252 [개꼬 [: 개발하는 꼬바리]:티스토리]
Node.js가 뭔지 아직도 잘 모르긴 하지만 그래도 전보다는 좀 감이 잡힌 강의였고 git과 연결하는 것도 신기했다:)
