TIL
2023. 5. 28.
TIL #046
오늘 한 것
Project : 1Day1Quote
오늘 배운 것
모바일 브라우저에서 input을 통해 사진 받기
input의 type을 ‘file’로, accept를 ‘image/*’로 지정 해 주면 된다.
<input type='file' accept='image/*' />오늘 느낀 것
작성, 커뮤니티 페이지 UI 구현 및 테스트 페이지 배포
작성, 커뮤니티 페이지 UI를 구현 완료했다. 더미데이터를 통해 별도의 API 없이 컴포넌트 기능 사용이 가능하도록 구현했다. (새로고침하면 전부 사라지지만…😂)
이렇게 구현한 페이지들을 테스트 URL에 배포까지 완료하였다. 테스트페이지를 통해 배포하니 실제 모바일로 테스트 해 볼 수 있어서 편리한 것 같다.
하나의 목표의 집중하기
이번주부터는 하나의 목표에 집중하기 방식으로 Todo를 세우기로 결정했다.
가장 먼저 이번주 목표를 세우고, 이번주 목표를 위해 매일매일의 목표를 세웠다. 이후 오늘의 목표를 달성하는 것 하나에만 집중하며 작업을 했다.
단 하루 실천했지만, 하루에 여러개의 목표가 있을 때 보다 집중력도 높아졌고 목표를 달성했을 때의 성취감도 확실하다고 느껴졌다. 일주일동안 계속 실험해 볼 계획이다 : )
컴포넌트와 State-flow 구조화하기
페이지 내부 컴포넌트간의 State와 props 구조를 짜는 것이 매우 복잡하게 느껴졌었는데, State-flow를 별도로 구조화해 시각적인 자료를 남겨둔 이후로는 매우 컴포넌트 prop을 짜기 쉬워졌다. 체감상으로만 따지면 작업 속도가 이전에 비해 3배는 빨라진 것 같다. 앞으로도 꾸준히 이용할 계획이다.
시각화한 자료는 여기를 통해 볼 수 있다.