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

오전에는 나름 열심히

• 오전은 괜찮게 리액트를 마무리했다.
• 하지만 오후에는 너무 하기 싫었다..

이유가 뭐였을까?

• 신서유기 모든시즌(1,2제외)의 모든내용을 다 봤다고 생각했는데 티비에서 내가 안 본 감독판이 나왔다.
• 하필 점심을 다 먹었는데 하는거라 눈물을 머금고 티비를 끈 다음에 코딩을 했는데
• 집중이 안됐다…
• 지금까지는 밥먹을때마다 신서유기를 보면 항상 봤던거 또 봐서 별 아쉬움과 미련이 없었나보다
• 하지만 오늘은 토요일인 것 까지 겹쳐서 후폭풍이 강했다.

앞으로는

• 더욱 다른 컨텐츠를 안보려 노력해야겠다.
• 머릿속에서 코딩만 냅둬야지
• 근데 가능하려나?..

오늘의 react

• 렌더링
  • 지금까지 배운내용들을 토대로 렌더링을 진행했다.
  • 전반적으로 바닐라 자바스크립트에서 css display속성을 통해 조건부로 토글 기능을 구현한 것과 비슷한 방식의 조건부 렌더링이 인상깊었다.
  • Lists도 다루는 데 map과 filter메서드가 여기서 이렇게 쓰일줄은 생각도 못했다.
  • 진짜 지금까지 배운게 이렇게 효과적으로 쓰이니까 신기하고 흥미로웠다.
  • 알고리즘은 프론트에게도 꽤 중요하다

오늘의 node.js

• Express.js 돌입
  • 서버 만드는데 도움을 주는 서드파티모듈
  • 파이썬의 flask같은 느낌이다.
• 미들웨어
  • 서버에서 중간중간 url을 받는 부분들
  • 사실 아직 서버 지식이 부족해서 정확히는 잘 모르겠다..(우선 한바퀴를 목표로!)
  • app.use()
• 라우트 사용법
  • node.js는 순서대로 처리를 한다.
  • 이때 ‘/’가 위에 있으면 /로 시작하는 모든 url을 위에서 처리하고 멈추기 때문데
  • next()를 써서 의도적으로 모든url에 간섭하는 미들웨어를 만들던가
  • 아니면 맨 아래에 넣어야 한다.
  • 즉 node.js에서는 순서도 고려해야할 대상이다.
• 추가로 favicon관련 지식
  • 내가 테스트할때 자꾸 미들웨어가 두번씩 콘솔로그 찍는 현상이 일어났는데
  • 그 이유는 favicon을 요청해서 ‘/’ 가 한번씩 더 응답하기 때문이었다.
  • 이유를 대략적으로나마 알게되어 시원했다.