220915 - 학습내용

22.09.15 목요일

📝 git 복습

✏️ git 시작

1. github에서 폴더 생성
2. git clone 폴더주소 : 터미널에 입력해서, 폴더를 생성
3. git add 파일이름 : 작성한 파일을 git에 스테이징
4. git commit -m "메세지작성" : 스테이징한 내용 작성
5. git push origin main : git에 파일 올리기

✏️ 브랜치

git branch 브랜치이름 : 브랜치를 생성한다
git checkout 브랜치이름 : 생성한 브랜치로 옮긴다.
git branch -d 브랜치이름 : 브랜치 삭제
git branch -r 원격브랜치이름 : remote 브랜치 정보 확인

✏️ git issues

github --> issue : 게시판처럼 전달사항 작성

✏️ git 하고 싶지않은 내용

.gitignore 파일을 만들고,

/node_modules/
package-lock.json

파일 안에 폴더명, 파일을 쓰면 무시가 된다.

✏️ merge

• merge 하지 않으려면
  --> 내 브랜치에서 push만

merge는 main에서만 한다.

---

📝 개발환경구축

✏️ 설치

npm install --save react-dom
npm install --save babel

---

📝 디버깅

✏️ vscode 디버깅 '기능' 활용할 수 있다.

runtime : node.js
launch.json : 디버깅 명세 제작

✏️ 단축키

F5 : 디버깅 실행
F9 : 중단점 생성
Shift + F5 : 디버깅 종료

✏️ 중단점(break point)

: 점이 찍힌 곳까지만 읽고 멈춤
동작이 워낙 순식간에 지나가기 때문 && 브라우저처럼 바로 눈으로 보이는 것이 없기 때문
--> 사람의 눈역할을 하는 기능
--> 추적하기가 편해짐

✏️ debugger : 일련의 기능(뜯어보는 작업)

언어 + 에디터 공통 / 페이지와 프로그램 파일 구분(HTML은 불가)
자바스크립트 베이스라면 가능

✔️ 스택(stack) : 엔진이 동작하는 방식을 결정하는 개념
👉 모두 사람이 예상하기 어렵기 때문에
👉 디버거의 힘을 빌린다.

반드시 해야하는 것 : 막히면 무조건 디버거부터 찍는다.
몸이 베일때까지 의도적으로 연습 할 것
지멋대로 움직이는 엔진의 중간을 뜯어 볼 수 있게 됨
👉 나머지는 검색으로 해결
👉 에러가 날때 : 에러 표시에 행, 열 포인트가 적혀있다.
👉 추적하기 편해질 것