Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Refactor/file route #18

Merged
merged 13 commits into from
Aug 3, 2024
Merged

Refactor/file route #18

merged 13 commits into from
Aug 3, 2024

Conversation

bepyan
Copy link
Collaborator

@bepyan bepyan commented Jul 31, 2024

수정된 내용

전체적으로 파일 베이스를 조금 다듬었습니다.
작업 중인 브랜치와 무조건 충돌될거 같은데 조금 양해 구해요.. 🙈

1. /plaground -> /pg

쉽게 접근하기 위해 네이밍을 줄였어요.

2. html lang kr -> ko

한국어의 언어 태그는 ko입니다.

3. layout.tsx 분기

서로 영향을 주지 않도록 layout.tsx을 관심사 별로 수정했습니다.

L (auth): 인증을 처리하는 라우트 (callback 처리만 진행)
L (main): 실 서비스 라우트 < 여기에 실서비스 페이지 (대시보드, 로그인, 에디터)가 들어갈 예정이에요!)
L (playground): 실험을 위한 라우트
L (ut): UT 초대장을 위한 일회용 페이지

4. /pg 프리텐다드 적용

이전에 적용이 안되고 있었는데..
서버 부하 줄이는 차원에서 외부 cdn으로 폰트 파일 적용했습니다.

5. 폰트 파일 /public > /assets로 이동

assets에 두면 최적화되는지 보려했는데 폰트 파일을 따로 프로세싱을 하지 않나보네요.

추후 public에 있는 ut 이미지들 assets로 옮겨 주세용
L 공용으로 쓰지 않는 리소스는 app route에서 /_assets에 모아두면 어떨지 싶소.

@bepyan bepyan self-assigned this Jul 31, 2024
Copy link

The latest updates on your projects.

Name Status Preview Updated (UTC)
invi ✅ Ready (Inspect) Visit Preview 2024-07-31 19:24:56

Comment on lines +13 to +18
<link
rel="stylesheet"
as="style"
crossOrigin="anonymous"
href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.min.css"
/>
Copy link

@invibee invibee Jul 31, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

(창완): assets/fonts 에도 pretendard 폰트가 있는데 요것도 필요한가요?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

위 설명에 있긴한데,
서버 부하를 줄이는 차원에서 외부 cdn 쓰는 코드 유지했어요.

부하로 문제 될 건 없긴한데.. 폰트가 서버 대역폭 다 차지하는거 너무 맴찟이에요
https://vercel.com/invis-projects/~/usage#Fast%20Data%20Transfer

image

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

서버 대역폭 문제로 cdn으로 옮기는 건 이해했는데, assets/fonts 에도 pretendard 폰트가 있는데 중복 아닌가 해서요!

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

일단 요정도까지 정리하고 추후 개선해보면 어떨지,

  1. local font는 서버 대역폭 부하가 있다.
  2. cdn font는 서버 대역폭 부하가 없지만 local font보다 느리다.
  3. 실서비스는 폰트가 빠르게 로딩되는 것이 좋기에 local font를 쓴다.
  4. 내부서비스는 빠르게 로딩되는 것이 중요하지 않기에 cdn font를 쓴다.

Copy link
Member

@xilucks xilucks left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 변경사항 확인했습니다 ^^7

@bepyan bepyan merged commit 053555d into main Aug 3, 2024
3 checks passed
@bepyan bepyan deleted the refactor/file-route branch August 3, 2024 06:38
@bepyan bepyan restored the refactor/file-route branch August 6, 2024 09:30
@bepyan bepyan deleted the refactor/file-route branch August 6, 2024 09:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants