frontendschool6 / react-project-7 Goto Github PK
View Code? Open in Web Editor NEW멋쟁이사자처럼 FE 6th 7조(-7ㅏ-7ㅏ오 7ㅏ즈아) 's Final Project
멋쟁이사자처럼 FE 6th 7조(-7ㅏ-7ㅏ오 7ㅏ즈아) 's Final Project
DB를 관계를 고려하여 구체적으로 설계
포켓호스트에 각 테이블 스키마 설정
레퍼런스 또는 건의사항 등 기타사항
로그인 페이지 레이아웃 마무리
헤더와 푸터 레이아웃을 구성하고 필요한 기능을 추가할 예정입니다.
기존 시안에 추가한 것들을 반영하여 작업할 예정입니다.
프로필 관련 페이지 모듈 CSS 적용
components 내부에 Profile 폴더에 컴포넌트와 함께 의미에 맞게 분리되어있기를 기대합니다.
레퍼런스 또는 건의사항 등 기타사항
상세 페이지 레이아웃을 구성하고 필요한 기능을 추가할 예정입니다.
상세 페이지의 레이아웃과 기능을 완성합니다.
리뷰는 쿠팡 플레이를 참고하며 추후 컴포넌트를 세분화할 예정입니다.
Assets내 이미지가 컨벤션이 안지켜지고 있는 상황
assets 폴더내 페이지별로 사용하는 이미지 정리
레퍼런스 또는 건의사항 등 기타사항
검색 페이지 레이아웃을 구성하고 필요한 기능을 추가할 예정입니다.
검색 페이지의 레이아웃과 기능을 완성합니다.
추후 컴포넌트를 세분화할 예정
프로필전환 페이지 레이아웃을 구성합니다.
프로필전환 페이지의 레이아웃과 기능을 완성하여,
추후에 프로필 전환시 유저정보가 변경되는 상태를 잘 받아올 수 있도록 합니다.
추후 컴포넌트를 세분화할 예정
멤버십 페이지 레이아웃을 구성합니다.
멤버십 페이지의 레이아웃을 완성합니다.
추후 컴포넌트를 세분화할 예정
배포 전 사전 작업: 코드 내 주석 삭제 및 기능과 레이아웃 구현에 사용되지 않는 코드를 삭제해주세요
코드의 성능개선
성능 개선을 위한 다른 방법 고민이 필요할 것 같습니다
커밋, 코딩 컨벤션
일관성 있는 커밋 메시지, 코드
스와이퍼를 커스텀하고 기획한대로 구현하기
제가 구상한대로 swiper를 받아와 그대로 구현해내는 것을 기대합니다.
멤버십 페이지 모듈 CSS 적용
components 내부에 Membership 폴더에 컴포넌트와 함께 의미에 맞게 분리되어있기를 기대합니다.
레퍼런스 또는 건의사항 등 기타사항
영화 정보를 보여줄 데이터 확보
공공 API 데이터가 아닌 크롤링한 데이터를 기반으로 실제 서비스와 유사하게 만들 수 있음
레퍼런스 또는 건의사항 등 기타사항
CSS Module로 스타일링에 사용한 코드를 분리해낸다.
css 클래스가 중첩되는 것을 방지할 수 있다.
프로필 관련 페이지 컴포넌트 분리
components 내부에 Profile 폴더에 컴포넌트가 의미에 맞게 분리되어있기를 기대합니다.
레퍼런스 또는 건의사항 등 기타사항
랜딩 페이지의 구조를 컴포넌트별로 분리하는 작업을 할 것입니다.
컴포넌트로 분리하여도 기존의 페이지대로 에러가 없이 잘 작동하게 하는 것이 목표입니다.
9/5 임무 분담을 완료했지만, 일부 페이지가 확정되지 않음
페이지 확정후, 라우팅을 설정해두고자 함
레퍼런스 또는 건의사항 등 기타사항
Git 사용법 숙달
Git에 대한 이해도 제고로, 충돌 최소화
최대한 구체적으로 작성! (사진 첨부 추천)
각각 담당한 페이지와 기능 코드 내에서 컴포넌트 분리
코드의 가독성 및 재사용성 향상으로 코드의 품질 개선
레퍼런스 또는 건의사항 등 기타사항
검색 페이지 주요 기능을 구현 예정입니다.
검색 페이지의 주요 기능을 완성하고 다른 페이지들와 유기적으로 잘 돌아갈 수 있을 것으로 기대된다.
레퍼런스 또는 건의사항 등 기타사항
내가 찜한 콘텐츠 페이지 레이아웃을 구성하고 필요한 기능을 추가할 예정입니다.
내가 찜한 콘텐츠 페이지의 레이아웃과 기능을 완성합니다.
추후 컴포넌트를 세분화할 예정입니다.
멤버십 페이지 컴포넌트 분리
components 내부에 Membership 폴더에 컴포넌트가 의미에 맞게 분리되어있기를 기대합니다.
레퍼런스 또는 건의사항 등 기타사항
메인페이지의 레이아웃을 구성하고 필요한 기능을 추가할 예정입니다.
기존 시안과 비슷하게 작업할 예정이며, 콘텐츠들의 내용과 이미지는 모두 최신에 맞게 업데이트 할 것입니다.
서버 상태 관리 도구인 Tanstack Query 적용
적절한 캐싱으로 로딩 성능 개선
레퍼런스 또는 건의사항 등 기타사항
접근성 개선 및 SEO 를 위해 메타 태그 및 헬멧 코드 추가
접근성 향상을 위한 방안 추후 논의 및 추가 반영 필요
SignIn 페이지의 로그인 기능 마무리 및 FindId 페이지 레이아웃
최대한 구체적으로 작성! (사진 첨부 추천)
레퍼런스 또는 건의사항 등 기타사항
9/4에 기능 정의한 것을 기반으로, 기능 분담
9/6 수요일부터 정상적으로 기능 구현을 할 수 있기를 기대함
로그인 페이지의 레이아웃을 구성하고 로그인 기능을 추가합니다
로그인 페이지의 레이아웃과 기능 완성
추후 컴포넌트를 세분화 합니다.
검색 페이지 컴포넌트 분리
components 내부에 Search 폴더에 컴포넌트가 의미에 맞게 분리되어있기를 기대합니다.
레퍼런스 또는 건의사항 등 기타사항
9/5 있을 기획 발표 준비
향후 프로젝트에서 일관성 있는 코드, 문서를 갖추기를 기대함
랜딩 페이지 레이아웃을 구성하고 module.css로 스타일링을 합니다.
티빙과는 조금 다르게 어떻게 구현할지 기획하고 그대로 구현해내는 것이 목표입니다.
검색 페이지 모듈 CSS 적용
components 내부에 Search 폴더에 컴포넌트가 의미에 맞게 분리되어있기를 기대합니다.
레퍼런스 또는 건의사항 등 기타사항
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.