220722 TIL

오늘 할 일

• 항해99 주특기 주 차 시작이다. 대충 예상은 했지만 역시나 할 일이 산더미같다. 이해하고 활용해봐야 되는 부분들도 어마어마하다. 이번주야말로 시간을 효율성있게 사용해야한다. 그냥 엉덩이만 붙이고 있는다고 해결될 일이 아니다. 이번 주 차 부터 개인 역량과 진도차가 심해질 것을 예상된다. 그냥 해야할 일을 하자. 
  
  
• 항해 측에서 제공한 리액트 기초 인강의 양이 어마무시하다. 부지런하게 안들으면 다 듣지도 못할 것 같다. 한큐에 끝내버리자. 여러번 반복해서 듣는거 귀찮기도 하고 시간도 많이 소요해서 로스가 많이난다.
  
  
• 개인과제와 팀과제가 나눠져 있지만 이번주 역시 개인성이 짙다. 약간 쓸데 없는 잡생각 하지말고 그냥 하자. 생각은 그만할 떄 됐다.
  
  
• TIL에서 대략적으로만 체크해두거나 적어둔 내용들을 나눠서 포스팅을 해둬야겠다. 일단 리액트 공부하다가 빡치면 알고리즘 하나 풀고 포스팅하는 식으로 하려고 한다. 그리고 뽀모도로 타이머는 뭔가 쓰기 귀찮다. 뭐하는 새끼야 이거.
  
  
•  

---

오늘 한 것 & 더 봐야될 것

• React MVC? 
• 컴포넌트
  
  

 

• 부모 자식간에 데이터 흐름, 부모 컴포넌트에서 업데이트가 될 시 자식컴포넌트에도 업데이트가 되는 라이프 사이클 흐름
• DOM 에 대해 알아 볼 것
• (javascript) 객체 리터럴이란
  
  
• 스코프(scope)
   - 변수에 접근할 수 있는 범위
  2가지 타입의 스코프가 있다. 전역(global)과 지역(local).

 

 

• 함수와 화살표 함수의 차이점(javascript), React에서는 두 함수의 큰 차이점이 없다. 
• 반드시 CRA를 써야만 리액트 프로젝트를 생성할 수 있는 것일까?
  - 아니다. 개발자가 직접 프로젝트를 생성하여 만들 수 있다. 하지만 어느정도 익숙한 리액트 개발자라고 하더라도 밑바닥부터 생성하    고 설정하는 것은 쉬운 일이 아니다. 그러므로 리액트를 처음 시작하는 사람이거나 프로젝트를 생성하는데에 많은 시간을 쏟고 싶지      않은 사람들에게 CRA(Create-React-App)은 훌륭한 대안책이 될 수 있다. 
  
  
  
• 함수와 화살표 함수의 차이점(javascript)
  this에 있다. 이 사실을 이해하려면 선개념을 이해하자.(실행 컨텍스트)
  
  
  
• 실행 컨텍스트(Execution Context)
  
  실행 컨텍스트는 자바스크립트의 동작 원리를 담고 있는 핵심 개념이다. 실행 컨텍스트를 바르게 이해하면 자바스크립트가 스코프를 기반으로 식별자와 식별자에 바인딩된 값(식별자 바인딩)을 관리하는 방식과 호이스팅이 발생하는 이유, 클로저의 동작방식, 그리고 태스크 큐와 함께 동작하는 이벤트 핸들러와 비동기 처리의 동작 방식을 이해할 수 있다.
  
  - 변수 이름은 어디에 등록되는가?
  변수 이름을 비롯한 모든 식벽자는 실행 컨텍스트에 등록된다. 자바스크립트 엔진이 소스코드를 평가하고 실행하기 위해 필요한 환경을 제공하고 코드의 실행 결과를 실제로 관리하는 영역이다. 자바스크립트 엔진은 실행 컨텍스트를 통해 식별자와 스코프를 관리한다.
  
  변수 이름과 변수 값은 실행 컨텍스트 내에 키와 값 형식인 객체로 등록되어 관리된다.
  지금은 단순히 자바스크립트 엔진이 변수를 관리할 수 있도록 변수의 존재를 알린다는 정도로만 알아두자.
  
  

 

 

 

 

D-88