웹사이트 구축 질문
32
작성한 질문수 3
안녕하세요, 이번에 강의로 보면서 천천히 클라이언트 + API활용 + 어드민 + 데이터 활용하여 웹사이트를 구축 하고 직원들에게 배포를 진행할려고합니다.
현재 사용 중인 기술 스텍
Next.js + React + TypeScript
Vercel(유료)
Supabase(유료)
TailwindCSS + shadcn/ui
CSV/엑셀
구조는
로그인 / 회원가입 / 고객 가입 / 담당자 / 온보딩
멀티테넌트 + RLS
역할 기반 라우팅
임베딩, 매칭
다수의 API
까지 사용하고있는데 다만 데이터가 쌓일수록 문제가 홈페이지 들어갈때나, UI 클릭시 다수의 시간이 걸린다는점입니다.
이 부분에서 추가적으로 어떤 공부를 진행해야하는지 감이 안잡혀서 글을 남깁니다.
따로 짐코딩님의 볼 강의나, 추천해줄 공부할게 있을까요? EX) 백엔드, 백엔드 프레임워크 등
답변 1
0
안녕하세요! 👍
지금 기술스택에서 크게 두 가지만 공부하시면 됩니다.
1. Next.js의 다양한 렌더링 전략 SSR / SSG / ISR / 서버 컴포넌트 등, 어떤 데이터를 어디서(서버냐 클라이언트냐) 언제 그릴지 골라 쓰는 법이에요. 무거운 목록은 서버에서 처리하고, 자주 안 바뀌는 페이지는 미리 생성해두면 체감 속도가 확 빨라집니다.
2. 캐싱 전략 한 번 가져온 데이터를 다시 안 불러오게 하는 거예요. Next.js 자체 캐싱(데이터/라우트 캐시)과 클라이언트 캐싱(React Query·SWR)을 이해하시면, "클릭할 때마다 다시 로딩"이 사라집니다.
이 두 가지가 데이터 쌓일수록 느려지는 문제의 핵심 해법이에요. (DB 인덱스는 그다음 단계로 보시면 됩니다.) 🙌
감사합니다!
mcp.json파일 생성 X
0
9
1
강의 내용이 정신이없네요 ;;
0
18
2
제 컴퓨터에서는 Claude's plan이 아래와 같이 나오는데 괜찮은 건가요?
0
9
0
강의에서 사용하는 prompt
0
9
1
window 11 환경 + git bash 터미널 statusline 반영이 안됩니다 ㅠ
0
13
1
프로젝트를 커밋할때 알려주세요
0
13
0
작업결과물이 수업내용의 화면이 좀 다르네요
0
23
2
강의 도중 에러가 발생합니다.
0
24
2
사진과 같이 영상에 한글이 실시간으로 영어로 번역되어 보입니다
0
22
2
커밋버튼 비활성화
0
20
2
Cursor 질문
0
18
2
플러그인, git repo 설치 및 삭제
0
23
1
162 자료
0
17
2
supabase mcp로 테이블 생성 보여주실떄
0
23
2
settings.local.json
0
33
2
notion 에이전트와 prd-generator 에이전트와의 관계
0
28
2
PRD.md
0
33
2
클로드코드 단축키 문의
0
27
1
Shrimp Task Manager npx 설치 질문
0
35
1
클로드 코드 초기 설정이 안되요
1
33
2
클로드 코드 터미널 텍스트 중복 출력
0
35
2
CLAUDE.md 관한 질문
0
39
1
강의교안
0
47
1
DOCs와 스킬관련 PRD 폴더트리
0
31
2