📌이슈 설명

로컬 로그인, 카카오로그인, 회원가입 로직 수정

🗒️투두리스트

• 로컬 로그인 ui
• 카카오 로그인 ui
• 회원가입 ui 및 로직 수정
• 회원가입 라우팅 페이지 구현
• 카카오 회원가입 후 , 추가정보 기입란 로직 추가

👣참고사항

📌이슈 설명

커뮤니티페이지 페이지 작업

🗒️투두리스트

• 커뮤니티 페이지 컴포넌트 구현
• 커뮤니티 페이지 컴포넌트 배치

👣참고사항

📌이슈 설명

popularCommnityArticle 컴포넌트 제작

🗒️투두리스트

• popularCommnityArticle ui
• popularCommnityArticle css

👣참고사항

📌이슈 설명

광장에서 이야기하고 있는 토론주제 ui 제작

🗒️투두리스트

• 토론 주제 컴포넌트화
• 더미데이터 추가

👣참고사항

📌이슈 설명

메인 페이지 두 번째 컴포넌트 : 지금 인기있는 주제

🗒️투두리스트

• 태그 아톰 제작 + 아토믹 적용
• UI 개발

👣참고사항

📌이슈 설명

메인페이지에서 활용되는 버블차트 구현

🗒️투두리스트

• 레퍼런스 커스텀 마이징하기
• 더미데이터 활용해서 버블차트 활용

👣참고사항

📌이슈 설명

카카오 로그인 페이지 개발

🗒️투두리스트

• UI 개발
• 카카오 로그인 - 인가코드 추출

👣참고사항

📌이슈 설명

헤더영역 반응형 작업

🗒️투두리스트

• 일정 너비까지는 요소들 가운데로 모으기
• 일정너비를 지나치면 요소를 아에 새로 제작
• 리스트 형식으로..
• [ ]

👣참고사항

📌이슈 설명

비슷한 주제에 들어갈 박스 - atom
커뮤니티 페이지에 들어갈 주간 인기 top5 박스 - atom

🗒️투두리스트

• 2개 박스 유형 atom으로 빼서 ui 제작
• 안에 데이터 값 Props로 받기 (이미지, 글씨, 등등)

👣참고사항

📌이슈 설명

메인 페이지 네 번째 컴포넌트 : 지금 가장 인기있는 커뮤니티글

🗒️투두리스트

• 슬라이드(수동 드래그) 구현
• UI 개발

👣참고사항

📌이슈 설명

상세페이지에 들어갈 라인그래프 제작

🗒️투두리스트

• 라인그래프 ui 제작
• 라인 그래프 더미데이터화
• css 작업

👣참고사항

📌이슈 설명

반응형 디자인 수정

🗒️투두리스트

[주제별 상세 페이지]

• 타이틀 박스
• ~비슷한 주제예요 & ~이렇게 말하고 있어요
• 캐러셀 갭 유지

[커뮤니티 페이지]

• 카테고리바
• 사이드바
• 게시글

👣참고사항

📌이슈 설명

서치 api

🗒️투두리스트

• 검색 api 연결
• [ ]

👣참고사항

📌이슈 설명

디테일 페이지 작업

🗒️투두리스트

• 디테일 페이지 컴포넌트 배치

👣참고사항

📌이슈 설명

차트와 관련되 내용 반응형

🗒️투두리스트

• 버블커버 반응형
• 버블차트 카테고리 반응형
• 디테일페이지 차트 2개 반응형

👣참고사항

📌이슈 설명

상세페이지의 버블 그래프 구현

🗒️투두리스트

• 버블그래프 구현
• 더미데이터화해서 적용
• 반응형 적용
• 버블글래프 주변 요소들 생성
• 디테일페이지 만들기

👣참고사항

📌이슈 설명

커뮤니티 상세 페이지 - 댓글 영역

🗒️투두리스트

• 댓글 아이템 atom 작업
• 위쪽 댓글 input 영역 작업

👣참고사항

📌이슈 설명

로그인 페이지와 회원가입 페이지 api 연결

🗒️투두리스트

• 로컬 로그인시, api 연결 및 토큰 저장
• 회원가입 api 연결
• 카카오톡 로그인 연결

👣참고사항

📌이슈 설명

모달 molecule 제작

🗒️투두리스트

• 게시글 작성 모달 molecule
• 게시글 작성 완료 모달 molecule
• 구독 취소 여부 모달 molecule
• 모달 organism (transparent)

👣참고사항

📌이슈 설명

모달 api

🗒️투두리스트

• [ ]
• [ ]

👣참고사항

📌이슈 설명

메인 페이지 세 번째 컴포넌트 : 지금 사람들이 가장 많이 본 콘텐츠

🗒️투두리스트

• 키워드?태그 아톰 제작
• UI 개발
• 호버 이벤트 적용
• 반응형 작업

👣참고사항

📌이슈 설명

댓글 api

🗒️투두리스트

• 댓글 api 연결
• [ ]

👣참고사항

📌이슈 설명

파비콘과 오픈그래프 작업

🗒️투두리스트

• 파비콘 작업
• 탭 네이밍 수정
• 오픈 그래프 이미지 추가
• 오픈 그래프 텍스트 추가

👣참고사항

📌이슈 설명

차트와 관련된 부분 api 연결

🗒️투두리스트

• 메인버블차트 api 연결
• 디테일페이지 버블 그래프 api 연결
• 디테일 페이지 직선 그래프 api 연결

👣참고사항

📌이슈 설명

푸터

🗒️투두리스트

• UI
• 링크 연결

👣참고사항

📌이슈 설명

전체 레이아웃 잡아놓기
폰트,컬러 설정

🗒️투두리스트

• 모든 페이지 디자인 그리드 레이아웃 잡기
• 폰트랑 컬러 등록

👣참고사항

📌이슈 설명

기능명세서에 나온 회원가입 로직 오류 해결하기
서버 api 연결

🗒️투두리스트

• 기능명세서 보면서 빠진 작업들 작업하기
• api 연결하기

👣참고사항

📌이슈 설명

카카오 로그인 API 연동하기

🗒️투두리스트

• API 연동
• 로딩 컴포넌트 제작
• 로컬 스토리지 저장

👣참고사항

📌이슈 설명

metaTag를 이용해서 하이퍼링크의 이미지 받아오기

🗒️투두리스트

• metaTag를 이용해서 하이퍼링크의 이미지 받아오기
• 서버에서 하이퍼링크 주면 그거 파싱

👣참고사항

📌이슈 설명

헤더바 스크롤시, 같이 내려오기
텍스트 드래그 막기
페이지 이동시, 스크롤 탑 시키기

🗒️투두리스트

• 헤더바 스크롤시, 같이 내려오기
• sticky 적용
• 텍스트 드래그 막기
• 페이지 이동시, 스크롤 탑 시키기

👣참고사항

📌이슈 설명

캐러셀 컴포넌트

🗒️투두리스트

• 관심주제 category atom UI 작업
• 슬라이드 element 하나 작업 => molecules로 빼기
• 카테고리에 맞게 데이터(슬라이드 아이템) 보여주는 작업
• 캐러셀 구현하기

👣참고사항

📌이슈 설명

메인 페이지 api

🗒️투두리스트

• [ ]
• [ ]

👣참고사항

📌이슈 설명

header 영역 제작

🗒️투두리스트

• header 영역 ui 제작
• 로그인과 비로그인 상태 저장
• 검색창
• 반응형 작업
• 배경이미지 적용

👣참고사항

📌이슈 설명

로컬 로그인

🗒️투두리스트

• 로컬 로그인 UI 개발
• 아토믹 패턴 재적용

👣참고사항

로컬 로그인 컴포넌트만

📌이슈 설명

버블차트 뷰 변경

🗒️투두리스트

• 반응형 작업
• 타이틀 및 날짜 위치 변경
• inner width 잡기

👣참고사항

📌이슈 설명

mypage API

🗒️투두리스트

• [ ]
• [ ]

👣참고사항

📌이슈 설명

커뮤니티 페이지 API

🗒️투두리스트

• 커뮤니티 게시글
• 지금 가장 인기있는 주제
• 주간 인기 주제 top5
• 라우팅

👣참고사항

📌이슈 설명

디테일 커뮤니티 페이지 정렬

🗒️투두리스트

• 디테일 커뮤니티페이지 상단 제작
• 디테일 페이지 라우팅

👣참고사항

📌이슈 설명

마이페이지 탭
(작성한 커뮤니티 글/좋아요한 콘텐츠/좋아요한 커뮤니티 글)

🗒️투두리스트

• mypage tab molecule
• link selected tab

👣참고사항

📌이슈 설명

검색결과 페이지 ui 작업

🗒️투두리스트

• 검색결과 페이지 상단 작업
• 검색결과페이지에 컴포넌트 넣기
• 검색창이랑 라우팅 연동

👣참고사항

📌이슈 설명

api 통신시, loading component 넣기

🗒️투두리스트

• 회원가입 로직에 로딩 넣기
• api 통신 -> 버튼 눌렀을때, 일어나는 일들 로딩 컴포넌트 넣기
• 로딩 컴포넌트 배경 넣기
• overflow-y : hidden -> body

👣참고사항

📌이슈 설명

회원가입 페이지 개발

🗒️투두리스트

• UI 개발
• 회원가입 유효성 검사 체크
• 로컬 로그인

👣참고사항

📌이슈 설명

• 주제별 상세 페이지에 있는 커뮤니티 컴포넌트
• 커뮤니티 페이지에 있는 커뮤니티 컴포넌트
  => molecule 작업

🗒️투두리스트

• 주제별 상세 페이지 - community 게시글 molecule 작업
• 커뮤니티 페이지 - community 게시글 molecule 작업
• 커뮤니티 상세 페이지 - 게시글 작업
• 좋아요 클릭 이벤트 미리 구현해놓기

👣참고사항

📌이슈 설명

커뮤니티 상세 페이지

🗒️투두리스트

• 게시글 + 배경 합쳐서 => top organism
• 댓글 organisms + top organisms 합쳐서 => pages에 넣기

👣참고사항