HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 4기 교육생
/
🎍
윤지석1팀
/
☕
커피챗
/
☕
10/26 커피챗
☕

10/26 커피챗

상태
Done

탭 이동 라우팅 or 쿼리 스트링

  • 선택의 문제인데 명확하게 기능이 다른 탭이기 때문에 라우팅할 것 같음
  • 태그, 필터, 그리드/리스트 뷰는 쿼리 스트링으로 넘겨줄 것 같음
    • state로만 관리되면 사용자는 매번 디폴트 값으로 봐야 하기 때문
 

링크 검색

  • 링크 안에 있는 내용 검색
    • (현재는 타이틀로만 검색하고 1차 MVP는 아니지만 나중에 구현해도 괜찮은 기능일까요?)
    • (기획) 멘토님이라면 멀티 태그, 태그는 메모장의 기능
    • 검색이 필요한지 근본적인 의문
    • 제목이나 크롤링이 아니라 저장해둔 코멘트를 보고 싶을 것
    • 내용이 뭔지 모르는 상태에서 내용 크롤링 검색을 한다면 의도하지 않은 정보가 많이 나올 것 같음
    • 검색을 해야한다면 제목으로 충분할 것 같음 (제목 + 태그)
    • (기획) 메타 데이터가 있으면 모두 저장해야한다고 생각 (Description…)
 

크롤링 - 3줄 요약

  • 시도해볼만 함
  • 주요 사이트에서 텍스트를 뽑을 수 있는지 퍼포먼스 테스트(10개 정도)
    • 빨리 해보는 게 좋을 것 같음
    • 엄청 중요한 기능이 아니라면.. 나중에
  • 더보기 버튼을 눌러야 보이는 데이터도 있기 때문에 크롤링에 한계가 있을 것
 

AWS 배포

  • Next.js 서버 사이드를 이용하면 EC2로 배포해야 하나요?
    • 그렙 - Nextjs 프로젝트 배포할 때 Cloudfront + EC2
 
📍
코어 기능이 무엇인지 정의
  • 1️⃣ 내 스페이스 생성해서 링크 넣고, 태그
    • 커뮤니티는 1차에서 넣기엔 부가적
    • 멤버 추가도 부가적
  • 동작하는 것 확인하고 하나씩 확장
    • 커뮤니티
    • 마이페이지
    • 등등..
  • 로그인도 처음에 신경쓰지 않아도 좋을 듯
  • 라우팅 처리 중요
  • 공통 컴포넌트가 있으면 만들어서 가져다 쓰기
    • 디자인 + 텍스트 + 액션
    • props로 디자인 형식, 텍스트, callback 함수 넘겨주기
  • 유틸성 함수
  • GNB → 레이아웃으로 컴포넌트 만들어서 라우팅 처리
  • Type 정의
  • API 모듈화
 
📍
방학 전까지 완료하면 좋을 것
  • 데이터 처리 하지 않더라도 전체 라우팅
  • 더미데이터라도 넣어서 버튼 클릭하면 이동
    • MSW는 초기 세팅 비용이 크기 때문에 json으로 Mock Data 만들기
      • https://sylagape1231.tistory.com/110
  • API 나온 것 있으면 적용
 

Dropdown 구현

  • div로 감싸거나
  • 라이브러리 이용