목록2024/09/14 (1)
heyday2024 님의 블로그
[사전캠프 퀘스트] 한식 메뉴 렌더링하기
https://koreanfood-menu.netlify.app/ 한식 메뉴 렌더링하기 koreanfood-menu.netlify.app 한식 메뉴를 렌더링 해보기주어진 데이터를 가지고, 데이터를 화면에 표시했다. 메뉴판 느낌으로 스타일링하고, 각 객체는 각각의 가격, 카테고리, 설명을 포함하고 있다. 카테고리별로 메뉴를 볼 수있고, 검색 기능을 사용해서, 입력한 키워드를 포함하는 요소를 보여줄 수 있다. 특징각 메뉴를 카테고리 별대로 볼 수 있도록 하는 기능을 추가했다. (드롭다운 메뉴)음식을 bootstrap에서 가져온 cards 코드를 이용해 정갈하게 나열했다.filter과 includes 메소드를 이용해서 특정 키워드를 사용자가 입력한 후 검색버튼을 누르면 검색어를 포함한 메뉴가 보이도록 하는 기..
프론트엔드 부트캠프
2024. 9. 14. 16:42