헬스체크
김은수
- 어제 FEConf 다녀왔어요! 잠실롯데타워 너무 커서 길 헤맸네요..ㅎ 세션이 유익해서 좋았습니다! 원지혁님의 ‘이벤트 기반 웹뷰 프레임워크 설계와 플러그인 생태계 만들기’ 요 세션이 가장 인상깊었어요. 나중에 유투브에 다시보기 나오면 보는 것 추천추천!
- 요 며칠 사이 갑자기 추워져서 코감기 걸렸어요.. 🥲
정다윤
- 공모전 끝나고나니 여유가 생겼어요! 진짜 오랜만에 학교가서 동기들이랑 놀았습니다ㅜㅜ
- 플젝 기간동안만 아침 9시 코어 타임인데 생각보다 괜찮은 것 같아요.. 일찍 일어나니까 하루가 길어져서 너무 좋아요 (졸리긴 하지만..)
- 날씨가 추워졌는데 겨울 옷이 없어서 큰일났습니다 … 방심한 사이에 갑자기 겨울이 돼서…
하송희
- 9시부터 노션 클로닝 했구. 엊그제 약속 있어서 친구들 만났습니다! 회 먹고! 간단하게 간술하고 좋네요. 연어 광어..
- 날이 추워져서 감기 조심
이승민
김민수
- 공모전 준비할 것 같아요..! 친환경적으로 아이디어 내는 건데 거기에 흥미가 생겨서 마침! 해보면 나쁘지 않겠다.
- 9시부터 시작이니 아침에 했다가 운동갔다가 밥 먹고 짧게 잤다가 작업하고 짧게 짧게 자면서 반복.
안재현
- 데브코스 4학년 2학기 하면서 병행 중. 다음 주 시험. 시험은 교양 하나, 설계하는거 발표 하나. 다음 주에 다 있다…
멘토님의 SSR 세션
간단한 카운터 앱 만들기
- CSR (client)로 실행해보기
- SSR 시켜보기
- 서버도 하나 만들고
- 똑같은 앱을 서버에서 그린 뒤 브라우저에 띄워보기
- html 서빙
- 정적 에셋 (js)를 서빙해주는 엔드포인트
jsx는 브라우저가 해석할 수 x
- jsx → js로 바꿔주는 과정 필요
- vite 사용
csr
- 처음 html 받아올 때, 텅 비어있고, index.js가 실행되어야 요소가 그려짐
ssr
- 서버가 필요함. express 로 만들기
- /에 접속 했을 때 counter가 들어있는 html을 내려줘야함
- 빌드 → dist 생성
- renderToString()
- babel/register
- hydration
- 이미 렌더링 된채로 서버에서 내려옴
- 브라웆어ㅔ서 실행될 js는 이벤트 핸들러를 부착해주는 hydreation 과정만 필요함
- hydrateRoot 사용→ 렌더링 된거에 이벤트만 쫙 붙여줌
- 미들웨어 추가 : assets로 들어오는 요청은 dist/assets로 연결해준다.
프롱이들의 궁금한 점
가나다 순으로 정렬했어요 !!
김민수
안재현
이승민
정다윤
- 노션 플젝 끝난 주 이후로 포트폴리오 피드백 요청드리고 싶은데 가능할까요? 🧐