jiho1996 / gbucks-customer

Gbucks-cutomer

🎯 step1 요구사항 - 사용자 친화적인 디자인

- [V] 카페 소개 만들기
    - [V] 카페 컨셉에 대한 상세 소개 만들기. - how to use
    - [V] 카페 컨셉 - 의미
    - [V] 카페 컨셉 - 목적
    - [V] 카페 컨셉 - 컨텐츠

- [V] 네비게이션 바 만들기 
- [V] 배너 만들기 
- [ ] 네비게이션 바 클릭으로 해당 스크롤 위치 이동
    - [V] About 영역
    - [V] Menu 영역
    - [ ] Event 영역

🎯 step2 요구사항 - 상태 관리로 메뉴 관리하기

- [V] 관리자에서 메뉴 추가 될 때 데이터 확인
- [V] 관리자에서 메뉴 수정 될 때 데이터 확인
- [V] 관리자에서 메뉴 삭제 될 때 데이터 확인

🎯 step3 요구사항 - 서버와의 통신을 통해 메뉴 관리하기

- [V] 메뉴 불러오기 확인
    - [V] 에스프레소 메뉴 불러오기 확인
    - [V] 프라푸치노 메뉴 불러오기 확인
    - [V] 블렌디드 메뉴 불러오기 확인
    - [V] 티바나 메뉴 불러오기 확인
    - [V] 디저트 메뉴 불러오기 확인

🎯 추가적 목표

- [ ] 컴포넌트로 분리해서 관리하기
- [ ] 재사용하기 좋은 패턴 적용
- [V] 슬라이더 구현하기 갯수에 맞게
- [ ] MVC 패턴 브랜치 만들어보기.
    - [V] Model 분리
    - [V] View 분리
    - [V] Controller 분리

    * 분리 규칙

    Model은 쉽게 말해 상태를 관리하는 자료구조라고 보면 된다.

    
    Model은 Controller와 View에 의존하지 않아야 한다.

    (Model 내부에 Controller와 View에 관련된 코드가  있으면 안된다.



    View는 Model에만 의존해야 하고, Controller에는 의존해선 안된다.

    (View 내부에 Model 코드만 있을 수 있고, Controller 코드가 있으면 안된다.



    View가 Model로 부터 데이터를 받을 때는,

    사용자마다 다르게 보여주어야 하는 데이터에 대해서만 받아야한다. => 프로젝트 특성 상 일단 데이터 관리를 따로 분리



    Controller는 Model과 View에 의존해도 되다.

    (Controller 내부에는 Model과 View의 코드가 있을 수 있다.



    View가 Model로 부터 데이터를 받을 때, 반드시 Controller에서 받아야 한다.

gbucks-customer's Issues

[Issue # ? ]Controller

Controller에서 Render시 비효율적으로 5번이 되는 경우 발생.
await 을 기다리는데 그 뒤에 넣으면 큐에 들어가버려서 렌더링이 안되서 forEach안에 넣음.
그렇기에 렌더링 순서를 조정 해야할 것으로 보임.

메뉴 전부 받아오는 방식 변경 필요.

현재 DOMContentLoaded시 전부 받아오고 있는데 좀 더 효율적인 방법 고안 필요.

!! 카테고리 메뉴 받아오는 과정에서 promise<pending> ㅠㅠ

슬라이더 컴포넌트화 및 css 컴포넌트로 관리하기

현재 에스프레소만 실험완료.
어느정도 css 손본다음 컴포넌트화 및 관리 요망

슬라이드 추가시 움직임 이슈

클론 방식으로 계속해서 생성 또는 index관리해서 마지막으로 이동 등 슬라이드 관리방법 결정

[Issue # n] innerHTML 보안 이슈

innerHTML은 보안이슈가 있습니다.
참고 : "https://velog.io/@raram2/%EB%8B%B9%EC%8B%A0%EC%9D%B4-innerHTML%EC%9D%84-%EC%93%B0%EB%A9%B4-%EC%95%88%EB%90%98%EB%8A%94-%EC%9D%B4%EC%9C%A0"

따라서 이를 대체할 방법이 필요합니다.

!!컴포넌트 분리 과정서, 각각 슬라이드에 카테고리 이름 분리로 발생한 임시방편 css 적용 해결하기