[TIL] 엘리스 SW 엔지니어 트랙 Day 063
📖 오늘 배운 내용 - 2022.01.19
- Server Side Rendering
- Client Side Rendering
- 성능 측정 키 메트릭
- React를 활용한 Server Side Rendering
- React 앱 빌드와 배포
- Azure를 사용한 VM 배포
- Next.js 맛보기
📝 SSR과 CSR 차이점
[WEB] SSR과 CSR 차이점
🎯 SSR과 CSR 차이점 Server Side Rendering, Client Side Rendering에 대해 알아보자! 📝 Server Side Rendering 📕 Server Rendering React, Vue, Angular 등 자바스크립트 프레임워크가 나오기 이전 초기 웹..
lakelouise.tistory.com
📝 성능 측정 키 메트릭
[WEB] 성능 측정 키 메트릭
🎯 성능 측정 키 메트릭 📝 웹 퍼포먼스 웹 페이지가 로드되고 유저와 상호작용하는 모든 것들을 측정하는 성능 측정 방법 성능을 측정하여 웹앱의 사용성을 개선할 수 있다. 열악한 네트워크
lakelouise.tistory.com
📝 React를 활용한 Server Side Rendering
[React] 리액트로 SSR 구현하기
🎯 React를 활용한 Server Side Rendering 📝 ReactDOMServer ReactDOMServer를 활용하여, 특정 React Component를 HTML로 빌드 Node.js 서버에서 JSX를 사용하여 페이지 빌드 📝 ReactDOMServer.renderToString(..
lakelouise.tistory.com
📝 React 앱 배포 프로세스
[React] 리액트 앱 배포 프로세스
🎯 React 앱 배포 프로세스 IP를 부여받은 서버(VM)에 React 앱을 배포 앱을 빌드하고, 웹서버를 세팅 앱을 서빙하는 웹서버를 통해 사용자에게 앱을 전달 사용자는 필요한 데이터를 받아 앱을 로딩
lakelouise.tistory.com
📝 Next.js 맛보기
[Next.js] Next.js 맛보기
🎯 Next.js 맛보기 Next.js는 React 기반으로 서버 사이드 렌더링을 구현을 쉽게 할 수 있도록 도와주는 프레임워크다. SSR(Server Side Rendering) 이란 말 그대로 서버 쪽에서 렌더링 준비를 끝마친 상태로
lakelouise.tistory.com
💡 오늘 깨달은 것
- CSR / SSR, SEO를 높이는 방법, 배포 등 프로젝트를 구상할 때 고려해야 할 점들을 공부했다.
- 지금까지의 공부는 구현에만 초점이 맞춰져 있다면, 이제는 유저에 초점으로 이동해 성능과 SEO 등을 고려하여 설계를 하고 개발을 해야 한다.
- 두 마리 토끼를 모두 잡기 위해? Next.js를 아주 잠깐 배웠다. 이 프레임워크가 왜 나왔는지, 왜 사람들이 사용하는지 이유를 알고 배우니까 재밌었다.
📌 참고
'프로그래밍 > Today I Learned' 카테고리의 다른 글
| [TIL] 엘리스 SW 엔지니어 트랙 Day 065 (0) | 2022.01.22 |
|---|---|
| [TIL] 엘리스 SW 엔지니어 트랙 Day 064 (0) | 2022.01.20 |
| [TIL] 엘리스 SW 엔지니어 트랙 Day 062 (0) | 2022.01.18 |
| [TIL] 엘리스 SW 엔지니어 트랙 Day 061 (0) | 2022.01.17 |
| [TIL] 엘리스 SW 엔지니어 트랙 Day 060 (0) | 2022.01.17 |