210111_TIL (node.js, git에 익숙해지기)

🍎 오늘 한 일

---

 

✔️ node.js, nvm 설치
지금까지는 웹 브라우저 상에서만 Javascript를 동작시켰는데, 이제 새로운 환경인 node.js에서 동작시킬 수 있게 되었다. 보다 쉬운 node.js 버전 관리를 위해 NVM(Node Version Manager)도 설치하고, use 명령어를 통해 설치된 다른 node 버전들을 번갈아 사용하는 방법도 배웠다.

✔️ Git Workflow 익히기
페어분과 같은 레포지토리 파일, 같은 부분에 다른 변경사항을 동시에 push해보며 충돌 상황을 만들어보고, 어떤 오류 메시지가 뜨고 어떻게 해결할 수 있는지 알아가며 연습해봤다. 추가로 fetch 에러와 pull 에러의 메시지가 다르게 뜨는걸 보면서, fetch와 pull의 차이가 뭔지 궁금해져서 ProGit을 보며 이 부분에 대해서도 알아보았다.

✔️ Javascript의 this 알아보기
Javascript의 this는 실행 컨텍스트가 생성될 때, 다시말해 함수가 호출될 때 결정된다. 다시말해 함수가 어떤식으로 호출되는 지에 따라서 this도 계속해서 바뀌게 되는 것이다. 상황별이라는 말이 헷갈려서 이 부분에 대해 여러 사례들을 찾아보며 공부했다. 전역변수일 때, 함수로 호출할 때, 메서드로 호출할 때, 콜백 함수로 호출할 때, 생성자 함수 내부에 있을 때 등 여러 상황에서 this가 뭘 가리키는지, 그리고 그 이유와 발생할 수 있는 문제, 해결 방안에 대해 알 수 있었다. this를 통해 함수와 메서드의 차이점도 연관지어 생각해볼 수 있었다. 추가로 화살표 함수는 그냥 보기 편하게 쓰는 용도인 줄만 알았는데, 화살표 함수를 사용하면 실행컨텍스트가 생성될 때 this를 바인딩하는 과정이 생략된다는 놀라운,,사실도 알게되었다.

 

🍎 기억할 것

---

✔️ node.js 관련도구
NVM(Node Version Manager) : 간단한 명령어로 node를 설치하고, 다양한 node 버전을 쉽게 관리할 수 있게 도와주는 프로그램
NPM(Node Package Manager) : 필요한 모듈을 다운로드할 수 있는, 모듈들이 모여있는 모듈 스토어

✔️ git pull, git fetch
git pull = git fetch(가져오기) + git merge(비교하기) !

✔️ 유사배열객체의 조건
1) key가 0이상인 정수 property 존재
2) length property가 0이상일 것
두 가지를 만족하는 구조만 배열인 객체!
(ex. arguments객체, NodeList(querySelectorAll, getElementsByClassName..))

 

🍎 더 공부할 것

---

✔️ call, apply, bind 메서드
✔️ ProGit에서 기억할만한 부분들 정리해두기