Preject .1 오늘의 집 클론코딩

code_yoon20·2020년 11월 22일
0

TeamProject.1 | 오늘의집 클론코딩

팀원

FrontEnd : 안상혁(pm), 이승윤, 공주민

BackEnd : 강두연, 김민서, 김기용

프로젝트 기간

2020.11.16 (월) ~ 2020.11.27 (금)

Goal

Team

  1. 네비게이션 바 (nav bar) 와 로그인기능 구현 (소셜 로그인은 구현x)
  1. mock데이터를 활용한 검색기능 구현
  2. 글쓰기 기능 구현
  3. 커뮤니티 탭에 사진메뉴 페이지 레이아웃 구성 및 기능 구현(좋아요, 스트랩북 저장 등)
  4. 커뮤니티 탭에 사진메뉴 detail페이지구현
  5. 5번에서의 기능구현
  6. 스토어 탭에

1주차 나의 진도

실제 오늘의 집 모습

내가 만든 오늘의 집 모습

  1. 포스트 하나를 컴포넌트화 해서 map method 를 활용하여List 로 만들었디

    1-1. 백엔드 데이터에서 받아온 글쓴이의 프로필 사진, 아이디가 필요했고 그것을
    componentdidMount함수 내에서 fetch 함수를통해 받아왔고 json 형태로 전환해서
    기존의 state 를 setState하여 객체형태로 변환된 데이터를 골라서 사용할 수 있게 했다.

    1-2. 마찬가지로 메인 이미지가 되는 사진을 데이터에서 가져와 map method를 통해 List를 만들며 각각의 컴포넌트마다 다른 데이터가 적용되게 하였다.


    1-3. 아이콘 마다 onClick 이벤트를 적용하여 클릭 했을때 마다 다른 css를 적용하여 각각의 의미를 나타내 주었다.

0개의 댓글