[렌더링 방식의 분석] 우디(류정우) 미션 제출합니다. #83
Merged
Conversation
This file contains 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
ksone02
requested changes
Oct 22, 2023
| # 사용자 경험(UX) 측면 분석 | ||
|
|
||
| 이번 미션에서는 로드맵 디테일 페이지를 next.js app router를 통해 SSR 방식으로 구현했습니다. | ||
| 기존 프로젝트의 컴포넌트를 그대로 재사용하기 위해 styled-components를 도입했고, 이 때문에 API 요청을 client side에서 수행해야 했기 때문입니다. |
There was a problem hiding this comment.
styled-components를 그대로 사용하고도 client components가 아닌 server components로 api 요청을 때릴 수 있어요! 제 테코톡에서 설명 드렸는데 아직 유튜브에 안올라온 관계로.. 짧게 설명하자면 스타일드 컴포넌트를 파일을 분리하고 해당 파일에 'use client'를 선언하면 됩니다! 기존 컴포넌트는 그대로 서버 컴포넌트로 사용하구요.
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.
🧐 2단계 - 렌더링 방식의 분석
에디 안녕하세요~!
1단계에서 렌더링 방식과 서버 컴포넌트, 클라이언트 컴포넌트가 개념적으로 정리가 되지 않아서 제가 선택한 방식이 어떤 방식인지도 제대로 설명하기 어려웠는데, 이렇게 렌더링 방식에 대해서만 다뤄보니 조금 이해가 된 것 같아요🤩
에디에게 마지막 미션을 리뷰받을 수 있다니 영광이네요!!
잘 부탁드립니다🤩