2026/03/26 2

MenuMate 레시피 페이지(검색 결과 상세 페이지) 고민 사항들

검색 결과 카드는 음식의 이름, 이미지, 간단한 해시 태그 정도만 보여주고 있습니다.본 프로젝트의 목적에 맞게 레시피 같은 상세 정보를 불러오기 위해서 검색 결과 카드에서 이어지는 검색 결과 상세 페이지, 레시피 페이지를 설계할 필요가 있습니다. 1.레시피 페이지의 역할 정의사용자가 검색 시 나오는 검색 결과 카드를 통해 접근 가능한 상세 정보(기본정보, 재료, 조리 순서)를 확인하는 페이지 2. 라우팅 구조 정해보기id를 기준으로 상세 데이터를 다시 조회하는 구조리소스 중심 URL을 적용해볼지?리소스 중심 URL: 동사(행동) 대신 명사(자원, Resource)를 사용해서 URL을 구조화 하는 방식예시) /recipes/[id]라우팅은 식별자 중심으로 하는 편이 단순 3. 데이터 전달 방식 결정하기검..

webpack, rollup과 같은 번들러의 필요성

번들러는 다양한 파일과 모듈을 하나의 배포 가능한 번들로 묶는 역할을 합니다. 번들러가 필요한 주요 이유는 다음과 같습니다. 첫째, 네트워크 요청 성능을 개선하기 위해서입니다. 다수의 개별 파일에 대해 모두 네트워크 요청을 수행할 경우, 성능에 부정적인 영향이 있을 수 있습니다. 번들러는 다수의 파일을 하나 또는 소수의 파일로 묶어 네트워크 요청을 최적화합니다.예를 들어, 애플리케이션이 수백 개의 JavaScript, CSS, 이미지 파일을 사용한다면, HTTP 요청 수가 증가해 로딩 속도가 느려질 수 있습니다. 이때 번들러는 이들을 효율적으로 묶어 소수의 파일로 만듦으로써 네트워크 요청 수를 줄여줍니다. 둘째, 번들러는 트랜스파일링을 통해 더 효율적이고 호환성 있는 애플리케이션을 만드는데 기여합니다...