폴더 구조와 아키텍처에 대해서 알아보자!
폴더 구조 & 아키텍처 프론트엔드 프로젝트가 작을 때는 보통 components, hooks, utils, api, pages 정도로 폴더를 나눠도 큰 문제가 없습니다. 하지만 기능이 많아지고, 로그인, 게시글, 댓글, 마이페이지, 관리자 기능,…
React
10주간의 리액트 중급 스터디를 마무리하며 리액트 중급 스터디가 어느덧 마지막 주차에 도달했다. 처음 스터디를 시작했을 때는 단순히 React와 Next.js를 조금 더 깊게 공부하고, 개인 프로젝트에 적용할 수 있는 실전적인 기술들을 익히는 것…
2026.06.0214분 읽기
폴더 구조 & 아키텍처 프론트엔드 프로젝트가 작을 때는 보통 components, hooks, utils, api, pages 정도로 폴더를 나눠도 큰 문제가 없습니다. 하지만 기능이 많아지고, 로그인, 게시글, 댓글, 마이페이지, 관리자 기능,…
Next.js에서 인증이 중요한 이유 Next.js에서 인증이 조금 까다롭게 느껴지는 이유는 단순히 \"로그인 여부를 확인하는 코드\"만 작성하면 끝나는 구조가 아니기 때문입니다. Next.js는 Server Components, Client Com…
프론트엔드에서도 에러처리가 필요하다 서비스를 운영하기 위해 백엔드의 지원은 필수적이지만, 만일 백엔드 서버가 아프거나, 네트워크 상황이 좋지 않아 제대로 통신이 이루어지지 않았을 때, 에러처리가 필요하다. 만일 단순한 API를 요청이 실패하여 에…