TIL #220911

📚 TIL

---

멀티스레드 기반 자바스크립트, 코드숨 알고리즘, 발표 준비, 노마드코더 NextJS 시작하기, 패스트캠퍼스 프론트엔드 아카데미, 방송대 수업

🏎 멀티스레드 기반 자바스크립트 책 읽기

 

오늘은 2장 브라우저를 읽었어요

웹 페이지 사이를 연결하는 프록시 같은 역할을 하는 서비스 워커를 배웠어요

메시지 패싱 개요에서는 RPC 패턴과 명령어 분배 패턴을 배웠어요

 

---

 

🏎 코드숨 알고리즘 스터디 준비하기

 

벌써 코드숨 알고리즘 스터디 마지막 주차를 준비하게 되었어요

유형별로 문제를 뽑으려니 중요한 문제가 많아서 고민을 오래 했어요

안풀어본 유형도 찾아보고 정리하느라 이번주차는 준비하는데 시간이 오래 걸렸어요

오랜만에 알고리즘 문제 찾아보고 준비하니까 재밌었고 저한테도 나중에 쓸모가 있을 것 같아요

다시 알고리즘을 풀어야겠어요! 일단 책좀 많이 읽고요 ㅎㅎㅎ

 

---

 

🏎 HTTP 완벽가이드 스터디 발표 준비하기

 

오늘은 9장 웹 로봇 발표자료를 준비했어요

한시간 넘게 했는데 양이 너무 많아서 다 못했어요 ㄷ ㄷ

70%정도 했는데 내일 끝내면서 다른 발표 준비도 다 해야겠어요!

자료 정리하면서 복습도 되고 이해가 안되는 부분도 있더라고요

파일 시스템 링크 순환 이해를 못했는데 내일 다시 봐야겠어요

 

---

 

🏎 노마드코더 NextJS 시작하기 강의 수강하기

 

오늘은 NexJS 시작하기 2강을 들었어요

Layout에 children을 넘겨줘서 _app.js를 깔끔하게 만들어줬어요

Next.js에서 지원하는 Head 컴포넌트로 타이틀을 만들어봤어요

public 폴더에 파일을 넣으면 /로 시작하는 경로로 간단하게 이미지를 불러올 수 있어요

Next.js에서 제공하는 url을 이동시키는 redirects와 url을 대체하는 rewrites 기능을 배웠어요

rewrites는 API key를 숨길 수 있어서 너무 유용한 기능이에요!

SSR을 가능하게 해주는 getServerSideProps라는 함수도 배웠어요

모든 작업을 완료한 다음에 HTML로 만들어서 화면을 보여주도록 해주는

그리고 폴더로 중첩 라우팅을 구현하고 대괄호([])로 다이나믹 라우팅을 구현하는 방법을 알게 되었어요

useRouter 훅의 push 메서드로 페이지를 이동할 때 객체로 쿼리를 넘겨줄 수 있고, as 옵션으로 url을 마스킹할 수 있어요

params를 배열로 받아서 catch-all URL을 만들어봤어요

404.js로 404페이지를 간단하게 만드는 방법도 배웠어요

Next.js 기능이 정말 많네요 프레임워크란 이런거군요 대단해요..

수업 다들었어요! 짠 수료증도 받았어요~ 히히

 

 

---

 

🏎 패스트캠퍼스 프론트엔드 아카데미 제2강 수강하기

 

오늘은 리액트 파트 마지막 강의를 들었어요

Hook은 함수가 상태를 가질 수 있게 하는 것이라고 해요

class는 상태를 가질 수 있는데 함수는 return되면 상태가 사라져서

함수형 컴포넌트에서 상태를 가지게 하기 위해 Hook을 사용한대요

react 함수 컴포넌트, custom hook에서 hook을 사용하라고 합니다

hook의 호출 순서는 항상 같다고 하는데 이러한 제약이 생기는 이유를 useState를 구현해보면서 이해해봤어요

 

그리고 10강에서는 React의 장단점을 학습했어요

리액트는 가상돔으로 React-Native, Next.js처럼 다양한 활용을 시도해보게 했다는 의의가 있지만

UI만 제공해서 제공해주는 서비스가 크지 않기 때문에 컴포넌트의 재활용성이 높지 않고

그만큼 리액트를 사용하려면 많은 라이브러리를 또 덧붙여야된다는 단점이 있다고 해요

내일부터 캐럿마켓 챌린지가 시작하기때문에 잠깐 이 강의는 멈추고 챌린지 끝나고 이어서 들을 예정이에요!

 

 

---

 

🏎 방송대 수업 듣기 - 딥러닝의통계적이해

 

오늘은 3,4강 딥러닝 모형의 구조와 학습 수업을 들었어요

다층신경망의 구조, 활성화 함수, 다층신경망의 학습을 이해했어요

활성화 함수에는 항등함수, 시그모이드함수, tanh 함수, ReLU 함수가 있어요

학습에 이용되는 오차역전파법과 경사소실, 과대적합을 배웠어요

음 신경망 순방향, 역방향 연산하는거 어렵네요 미분이라니..

 

---

 

😁 오늘 한 일

---

 

📕 공부하기

- 오늘 오전에 언니랑 카페에 가서 같이 공부했어요

- 그리고 점심먹고 코인노래방갔다가 집에 와서 책을 읽었어요

- 알고리즘 스터디 문제 준비도 하고 HTTP 스터디 발표 자료도 준비했어요~

 

🍗 맛있는것 먹기

- 오늘 점심으로 언니랑 닭갈비를 먹었어요

- 맛있어서 볶음밥까지 볶아먹었어요!

- 저녁은 가족들이랑 추석 음식과 감바스를 해먹었어요~