개발 : 2023년 06월 07일(수) ~ 06월 09일(금), 3일
주제 : 음식점(메뉴) 소개 기반 커뮤니티 사이트
- 기술스택 : flask(python), HTML, CSS, JS
전체적인 회고
HTML문서를 최소화 하며, 재사용이 가능하도록 제작했습니다.
- index.html > 5개 카테고리에 대한 뷰포트를 단일문서로 구성, 이를 위해 함수를 세분화하여 제어했습니다.
- detail.html > index.html에서 detail.html로 이동할 때, 관련정보를 쿼리스트링으로 전달함하여 단일문서에서의 동적라우팅을 구성했습니다.
결과적으로 3개의 html 문서로 웹 서비스를 제작했으며, 각 페이지 마다 데스크탑과 태블릿, 모바일에 대응되는 반응형 디자인을 구성했습니다.
index.html, post.html
- 모듈화를 통한 코드 중복 제거(공통된 기능을 하나의 함수생성, 가독성 및 함수의 재활용성을 높임)
- 유지보수에 용이함과 협업의 효율성을 높이고자 관련 코드에 대한 주석을 작성하여 협업 능력을 향상
detail.html
- 단일문서(html)로 상세페이지의 동적라우팅을 구성하는 문제(쿼리스트링으로 전달하여 문제해결)
- 상세페이지의 두 종류의 리소스에 대한 조건부 GET 방식 호출(쿼리스트링에서 추출한 정보를 기반으로 조건부 GET 요청 수행)
- 동적사이드바 제어(제이쿼리 toggle()이벤트 도입), 연관음식 노출을 위한 랜덤배열 생성에서 난수값 설정과 중복제거로 문제 접근
시간이 있었다면..