프로젝트 우리펫푸드

목표

  • HTML, CSS, JS를 사용해서 웹페이지를 직접 구현해본다
  • FIGMA로 작성된 목업페이지를 실제 웹페이지로 구현한다

제한조건

  • 외부 라이브러리 사용 금지. 순수 HTML, CSS, JS를 사용해서 구현 한다.
  • 매 기능을 구현할 때 마다 브랜치를 새로 만들어서 작업한다.
  • 매 기능을 구현할 때 마다 코드리뷰를 하도록 한다.
  • 코드리뷰는 풀 리퀘스트를 통해 진행한다.
  • 이미지 등의 에셋은 해당 프로젝트의 public 폴더에 있으니, 그대로 사용하면 된다.
    없는 에셋이 있으면 @Malloc72P에게 요청하면 된다
  • 미션에 대한 상세내용은 해당 페이지에서 확인할 수 있다

브랜치 규칙

우선 자신의 브랜치를 생성한다

  • main 브랜치에서 분기하여, 자신의 브랜치를 생성한다
  • 이 때, 자신의 브랜치 명은 <<자신의 깃헙아이디>>로 한다
  • ex: malloc72p
  • 절대로 main브랜치에서 작업하지 않도록 한다

기능을 구현할 때 마다 새로운 브랜치를 생성한다

  • 브랜치 명은 <<자신의 깃헙아이디>>/<<기능>>이 되어야 한다
  • ex: malloc72p/impl-main-header
  • 매 기능을 구현하고 나면, 자신의 브랜치로 병합할 수 있도록 풀 리퀘스트를 올린다

main 브랜치에 푸시 금지

  • main브랜치는 수정하지 않는다
  • 풀 리퀘스트를 올리는 경우, target을 반드시 자신의 브랜치로 바꿔주도록 한다

코드 리뷰

매 기능을 구현하고 나면 풀 리퀘스트를 요청한다

  • 어떤 기능을 구현했는지 요약해서 풀 리퀘스트를 작성한다
  • 리뷰하면서 꼭 알아야 하는 사항이 있는 경우 풀 리퀘스트에 상세히 작성한다

풀 리퀘스트 작성 시 주의사항

  • 변경사항이 1000라인을 넘기 전에 풀 리퀘스트를 작성할 수 있도록 노력한다.
    • 어쩔 수 없는 경우엔 1000라인을 넘더라도 풀 리퀘스트를 생성해도 괜찮으나, 가급적이면 지켜주도록 한다.
    • 코드가 너무 길면 리뷰어, 리뷰이 둘 다 힘들어지고, 꼼꼼한 리뷰가 불가능해진다

Readme 작성

  • trial-and-error.md라는 파일을 프로젝트 루트 경로에 만든다
  • 미션을 수행하면서 겪은 시행착오를 일지 형식으로 이 파일에 기록한다
    # Trial and error
    
    ### 2024/01/12 (금)
    
    #### 캐로셀 구현하다가 막힘 🥹
    
    - 너무너무 어렵다
    - 케에엥... 🚀
    
    ### 2024/01/15 (월)
    
    #### 캐로셀 구현할 수 있을 것 같다! 👍
    
    - 이케이케해서 이케이케하면 구현할 수 있지 않을까?
    - 크 오졌구요 xxxx... 🚀
    
    ### 2024/01/16 (화)
    
    #### 캐로셀 자동 슬라이드 성공! ✨
    
    - 이케이케해서 이미지가 자동으로 슬라이드하는걸 구현했다!
    - 이제 캐로셀 루프를 구현해야 하는데, 이건 어케할지 모르겠다... 🐳
    
    
  • 위와 같이, 어떤 시행착오를 겪었고, 문제를 어떻게 해결 할 수 있었는지 그날그날 집에가기 전에 정리한다

기타

  • 이상한 점이 있거나 문의사항이 있는 경우 @Malloc72P에게 문의한다