Final Project #3

노태경·2021년 8월 7일
0

Final-Project

목록 보기
3/24

오늘 한 일

  • 반응형 기초 작성(별도 파일에 작성 후 활용 (480-770-1024-1280, 조정가능)
  • 처음에는 CSS에 직접 반응형을 구현했다가, styled-components로 반응형을 구현을 시도해봤음.. 해본 적이 없어서 레퍼런스를 찾아본 후 구현할 수 있었음
  • 메인 페이지, 썸네일 색상 표현 목업 구현 (styled components, redux 사용하여 dummy data 렌더링 확인 완료)

    styled components의 props를 최대한 활용할 수 있었던 것 같다.. 정말 좋은 기능

  • 게시글 작성 페이지 목업 구현 ing...

    Local test용으로 Redux에 값들이 탑재되는 것 까지 확인

  • 많은 input들의 상태를 어떻게 관리할 지와 사용자에 의해 추가되어지는 인풋들의 상태 관리에 대한 고민

    고민 끝에 배열과 배열인덱스 그리고 컴포넌트와 state, props 를 활용하여 구현할 수 있었음. 인풋의 인덱스에 해당하는 state의 인덱스에 값을 저장하는 방식을 사용하였고, 컴포넌트 별로 state를 관리하니 어렵지 않게 고민을 해결할 수 있었다. 조금 더 효율적인 방법이 있나 고민을 해보겠지만 현재로선 이 방법이 최선인 듯 함

  • 게시물 작성 페이지 목업 구현

    map을 이용해 더미 데이터를 펼쳐놓고, 반응형으로 grid를 구현하였다. flex와 grid를 활용하면 반응형은 어렵지 않게 구현이 가능한 듯. 목업 작업이 거의 끝나가니 꼼꼼히 살펴보자

  • 효율적으로 작성하기, 재사용가능한 컴포넌트 또는 함수는 재사용하기

    최대한 모듈화, 재사용을 하려고 노력하였음

Error Handling

아직 그렇다할 에러가 없었다. 서버와 통신을 하지 않으니 구현하는데 딱히 큰 문제는 없었음

profile
개발자 공부 일기😉

0개의 댓글