Next.js App Router에서 서버 컴포넌트와 클라이언트 컴포넌트 구분 기준이 궁금합니다
Next.js 14로 프로젝트를 진행 중인데, 어떤 컴포넌트를 서버 컴포넌트로 두고 어떤 걸 클라이언트 컴포넌트로 분리해야 하는지 판단이 어렵습니다. 특히 폼 입력이 있는 페이지에서 전체를 클라이언트로 만들어야 하는지, 일부만 분리하는 게 나은지 경험 공유해주시면 감사하겠습니다.
개발자들과 기술 이야기를 나누고, 최신 트렌드를 공유하세요.
Next.js 14로 프로젝트를 진행 중인데, 어떤 컴포넌트를 서버 컴포넌트로 두고 어떤 걸 클라이언트 컴포넌트로 분리해야 하는지 판단이 어렵습니다. 특히 폼 입력이 있는 페이지에서 전체를 클라이언트로 만들어야 하는지, 일부만 분리하는 게 나은지 경험 공유해주시면 감사하겠습니다.
안녕하세요! 3개월간 개발한 AI 이력서 분석 서비스 "레주메AI"를 런칭했습니다. GPT-4 기반으로 이력서를 분석하고 개선점을 제안해줍니다. 프론트는 Next.js + Tailwind, 백엔드는 FastAPI로 구성했어요. 베타 기간 동안 무료로 이용 가능하니 많은 피드백 부탁드립니다!
소상공인을 위한 간편 예약 관리 앱을 만들려고 합니다. 현재 백엔드 개발자 2명이 있고, 프론트엔드 개발자 1명과 UI/UX 디자이너 1명을 모집합니다. 기술 스택은 React Native + TypeScript이고, 주 1회 온라인 미팅 예정입니다. 포트폴리오용으로도 좋을 것 같아요!
Tailwind CSS v3에서 v4로 마이그레이션한 경험을 공유합니다. CSS-first 설정 방식으로 바뀌면서 tailwind.config.js가 사라지고, @theme 디렉티브로 변경됐습니다. 컬러 시스템도 oklch 기반으로 바뀌어서 기존 커스텀 컬러 설정을 다시 해야 했어요. 전반적으로 성능은 좋아졌지만 마이그레이션 비용이 꽤 들었습니다.
프로젝트에서 자주 쓰이는 TypeScript 제네릭 패턴을 정리했습니다. Conditional Types, Mapped Types, Template Literal Types 등을 실제 코드 예시와 함께 설명합니다. 특히 API 응답 타입을 자동으로 추론하는 유틸리티 타입 만드는 방법이 실무에서 유용했어요.
Supabase로 인증 시스템을 구축하고 있는데, RLS 정책을 잘못 설정하면 보안 이슈가 생길 수 있다고 들었습니다. 실제로 운영 환경에서 RLS를 적용해보신 분들의 경험담이나 주의사항을 듣고 싶습니다. 특히 다대다 관계 테이블에서의 정책 설정이 헷갈립니다.
비전공자로 6개월 부트캠프를 수료하고, 3개월간의 취업 준비 끝에 스타트업 프론트엔드 개발자로 입사했습니다. 포트폴리오 준비, 기술 면접 준비, 코딩 테스트 대비 등 제가 했던 방법들을 공유합니다. 특히 Next.js + TypeScript 조합의 프로젝트가 면접에서 좋은 반응을 얻었어요.
Bun이 1.0 이후로 안정화가 많이 됐다고 들었는데, 실제 프로덕션에서 사용하고 계신 분이 있는지 궁금합니다. 빌드 속도나 패키지 설치 속도는 확실히 빠른데, 호환성 이슈가 아직 있는지, 특히 Next.js와 함께 쓸 때 문제가 없는지 경험을 나눠주세요.