HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🤎
프론트엔드 데브코스 5기 교육생
/
🐻
문동욱팀
/
토이 프로젝트

토이 프로젝트

  • 트위터 api
  • kakao map api
  • 포켓몬 api
  • 날씨 api
 
💡
프로그래머스 강의장 예약 시스템

커피챗 질문

  1. 데이터베이스로 파이어베이스 적절한지
  1. 관리자 페이지 설계 방식이 올바른지
    1. https://admin.project.com
    2. https://project.com/admin
    3. 기타
  1. 상태관리 라이브러리 사용 여부
  1. 프론트엔드끼리만 진행하는 프로젝트에서 역할 분담을 어떻게 하면 좋을지

기획 의도

  • 팀 프로젝트 이전, React.js 및 TS의 숙련도를 높이기 위해 !
  • 프로그래머스에 조금이라도 기여하고 싶은 프룽이들의 마음…? 💜

기술 스택

  • React
  • TS
  • SCSS
  • 상태관리 라이브러리는 멘토님 조언에 맡기기..

컨벤션

  • 리뷰어 2명 이상 approve 맡고
  • 2뎁스 이상 X
  • 브랜치 컨벤션
    • main - dev - feature
  • 커밋 컨벤션: https://overcome-the-limits.tistory.com/entry/협업-협업을-위한-기본적인-git-커밋컨벤션-설정하기
  • 깃 브랜치 전략: https://techblog.woowahan.com/2553/
    • 본인이름으로 브랜치를 생성할 지, 기능 별로 생성 할 지
  • 에어비엔비 코딩 컨벤션
  • css 속성순서
    • https://uxkm.io/publishing/css/03-cssMiddleclass/10-css_attr_rule#gsc.tab=0
    • naver

기능

  • 어드민
    • 관리시스템
    • 관리자 인증
  • 일반 유저
    • 강의장 예약 시스템
  • 예약 기능
    • 예약할 수 있는 강의장 클릭(강의장 나열)
      • 예약자 정보 입력
        • 이름, 팀/개인, 날짜, 시간, 인원수
    • 강의장 예약 성공/실패에 따른 알림 설정
알림?? x → 예약 조회???

💬 

  • 어드민 페이지 접근 방식
    • naver.com/admin/
    • admin.naver.com
    • ⇒ 멘토님께 질문 후 결정하기
  • 디자인
    • 좋은 레퍼런스 기반으로 피그마를 사용해서 저희가 디자인을 해볼까요..?
  • 유저 시나리오
  • 예약 시스템
    • 신청할때 받은 정보로 결과를 문자나 메일로 방법은?!
 

매니저님 질문 리스트

notion image
 
notion image
 
회의록
이름
태그
20231123 회의록

기능 요구사항(추후 정리)

요구사항
도메인
MosCow
요구사항
어드민
Must
✔️
관리자 인증 기능
어드민
Must
📄
강의장 예약 관리
유저
Must
✨
강의장 예약

디자인

🎨
좋은 레퍼런스를 찾았다면 공유 하 기 !
 
네이버 항공권
설레는 여행의 시작. 네이버 항공권과 함께!
네이버 항공권
https://m-flight.naver.com/
네이버 항공권
notion image
 
notion image
와이어프레임.pdf
195.0KB
어드민 페이지
notion image
notion image
notion image