프로그래머스 - 프론트엔드 미니 데브코스
Redux-thunk를 이용한 비동기 통신 제어하기
ex)
서버 사이드 렌더링
MPA + ajax + pushState
MPA : 사용자가 브라우저를 통해 서버에 웹 페이지를 요청하면, 서버는 HTML을 만들어 반환하는 방식
SSR 이유
- 검색 엔진 최적화
- 더 빠른 초기 로딩 속도
=> 첫 렌더링 후에는 Client side 렌더링을 택하면 된다.
기존 SSR의 문제점
각각 렌더링을 위한 코드를 따로 만들어야 한다.
=> Isomorphic (Universal) : 같은 코드로 서버와 클라이언트에서 동일하게 실행되는 환경
서버사이드에서는 window 객체를 사용할 수 없음 => 예외처리 필요
Todo List Drag & Drop
NEXT.JS
Next.js by Vercel - The React Framework
Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build static and dynamic websites and web applications.
nextjs.org
felog 블로그 프로젝트
React를 이용해 felog라는 클론 프로젝트
사용자 스토리
- 사용자가 서비스를 이용하는 예상 스토리를 만든다.
- 이를 기초로 기획하고 우리가 해야 할 일을 만든다.
필요한 기능
- 로그인과 회원가입
- 유저 정보 수정
- 글 CRUD
- 댓글 CRUD
기능에서 발견한 도메인
- 사용자
- 글
- 댓글
'SW Academy' 카테고리의 다른 글
| [CNU SW Academy] 48일차(23.02.08) (0) | 2023.02.09 |
|---|---|
| [CNU SW Academy] 46일차(23.02.06) (0) | 2023.02.08 |
| [CNU SW Academy] 45일차(23.02.03) (0) | 2023.02.05 |
| [CNU SW Academy] 44일차(23.02.02) (0) | 2023.02.02 |
| [CNU SW Academy] 43일차(23.02.01) (0) | 2023.02.02 |