[6주차] 13, 14장 정리 #34
Open
[6주차] 13, 14장 정리 #34
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
pyi7628
requested review from
KimGaeun0806,
bokeeeey,
haryan248,
hyoribogo and
reeseo3o
as code owners
haryan248
approved these changes
Jun 17, 2025
박영인/Chapter 13 - 렌더링 패턴.md
Outdated
Comment on lines
+198
to
+200
| ### 점진적 하이드레이션과의 차이점 | ||
| - **점진적 하이드레이션:** 페이지가 개별 컴포넌트의 스케줄링 및 하이드레이션을 제어하는 Top-Down 구조 | ||
| - **아일렌드 아키텍처:** 각 아일랜드 컴포넌트가 자체적으로 하이드레이션 스크립트를 가지며 **페이지 상단 트리의 통제 없이** 스스로 하이드레이션하는 Bottom-Up 구조 |
박영인/Chapter 13 - 렌더링 패턴.md
Outdated
Comment on lines
+244
to
+245
| ![[Pasted image 20250616004412.png]] | ||
| ![[Pasted image 20250616004524.png]] |
reeseo3o
approved these changes
Jun 17, 2025
박영인/Chapter 13 - 렌더링 패턴.md
Outdated
|
|
||
| ## 마무리 | ||
|
|
||
| ![[Pasted image 20250616004412.png]] |
박영인/Chapter 13 - 렌더링 패턴.md
Outdated
| SSR은 주로 인증 상태나 개인화 데이터가 필요한 페이지에 적합하다. | ||
|
|
||
| #### 장점 | ||
| **데이터 fetching**이 서버에서 이뤄지므로, 클라이언트로 전송되는 JS 양이 줄어든다. |
Member
There was a problem hiding this comment.
이거랑 SEO 최적화가 진짜 크죠,,, 😢 애증의 Next.js
박영인/Chapter 13 - 렌더링 패턴.md
Outdated
| - **CLS**: 예기치 못한 레이아웃 변화를 측정 | ||
| - **FID**: 첫 입력 지연 | ||
|
|
||
| 👉 위 CWV를 개선하면 검색 엔진 최적화와 사용자 경험을 동시에 향상시킬 수 있다. |
bokeeeey
approved these changes
Jun 18, 2025
박영인/Chapter 14 - 리액트 애플리케이션 구조.md
Outdated
| 저희는 최상위 폴더는 파일 유형별로 나뉘고, 내부에서 도메인 기능별로 나뉘는 혼합형 방식으로 폴더를 관리합니다! | ||
| domain 폴더 내부에는 비즈니스 로직이 각 도메인 별로 모여 있는 구조입니다. | ||
|
|
||
| > 대부분 혼합형이실거 같네여!! |
박영인/Chapter 14 - 리액트 애플리케이션 구조.md
Outdated
| ├── utils/ | ||
| ``` | ||
|
|
||
| ### 읽을거리 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
이번에는 렌더링 패턴과 폴더 구조 관리에 대한 내용이었습니다!
렌더링 패턴 쪽은 이전에 공부해서 익숙한 내용들도 있었지만, 잘 모르거나 처음 보는 내용들도 많았네요!
그리고 nextjs에 대해서 간단히만 알고 있었는데 공부하다보니 더 깊게 공부해보고 싶어졌네요!!
폴더 구조 쪽은 그냥 익숙하게 적용하고 있던 내용인거 같아요!
간단하게만 정리했습니다.