[항해99] TIL 사전과제 스터디 D-12

오늘은 강의를 많이 봐서 힘들다

• 그래도 나름 열심히 했어
• 아니 근데 지금 자고 내일 일어나서 또 해야 된다…
• 고3인가?..

강의 → 리마인드 → 강의 →리마인드

• 빠르게 한번 돌리기 위해 반복중이다.
• 효과가 있는지는 모르겠지만 안 하는 것보다는 마음이 편하다.
• 나는 프론트가 확실하다.
  • node.js 내가 쓰면서도 무슨말을 쓰는지 모르겠다…
  • 다음엔 더 잘 이해가 되겠지

오늘의 react

• 컴포넌트는 무엇이고 왜 쓰는지?
  • 그냥 함수다 단 html의 표현하는 함수, 그리고 리액트의 전부이다.
  • 함수인데 javascript코드도 쓸 수 있고 html로 표현할수도 있다.
• 선언적 방식과 명령적방식
  • 자바스크립트는 명령적 방식인데 리액트는 선언적 방식이다.
  • 훨씬 편하고 직관적이다.
• props
  • 리액트에서 컴포넌트간에 데이터를 주고받는 방법
  • 이 방식을 통해 데이터가 계속 전달된다.
• props.children
  • 리액트에서 하나의 컴포넌트안에 다른 컴포넌트를 집어넣을때
  • 그 컴포넌트를 그려주기 위해 사용하는 방법
  • 사실 children은 jsx태그 안의 컨텐츠를 나타내기에 이런 방식이 가능하다.
  • 이를 통해 하나의 쉘 컴포넌트를 만들수가있다.(ex: background나 border radius같은스타일정리)

오늘의 node.js

• 웹의 동작방식
  • 클라이언트 → 요청 → 서버 → 응답 → 클라이언트
• 요청과 응답, 라우터 요청
  • 라우터기능을 이용해 하나의 페이지이지만 다른 응답을 줄 수가 있다.
• 이벤트 기반 코드 실행의 이해
  • 자바스크립트는 이벤트루프를 계속해서 반복하는 것으로 중간에 멈추지않는다.
  • 처음부터 이벤트 콜백을 확인해서 미리 다 등록해놓고 시작한다.
• node 모듈 시스템
  • require를 통해 전역, 사용자, 제3자 모듈을 쓸 수가 있고 export를 통해 내가 만든 모듈을 내보내기 할 수 있다.