Sprint 7

22.08.01 ~ 22.08.05

만두피 주기

(만두피) 데이터를 어떻게 통합할지 생각을 많이 했던것 같다 검색결과로 오는 데이터와 위경도를 검색해서 얻는 데이터가 달랐고 실제 필요한 데이터도 뽑아야 했기 때문에 좀 애를 먹었다
(만두피) 카카오 api에서 지정해준 오버레이 기능이 말썽이 많았다 오버레이 안에 스타일 적용해서 컨텐츠를 넣어도 내가 지정한 스타일이 제대로 나오질 않았다 커스텀 오버레이로 해결하였지만 이마저도 랜더링 되는 타이밍에 따라서 위치가 바뀌었다 setState가 두번이 호출되었는데 이를 한번으로 바꾸니 해결되었다 랜더링과 setstate의 순서 차이인것 같았다
(만두피) 맵의 중심이 위경도를 지정했음에도 그 위치가 보여지지 않았다 맵을 relayout한 이후에 수동으로 center를 재지정해 지도 중심값을 바꿀수 있었다.
(주기) 기존에 만들었던 피드 UI가 애매한 느낌이 계속 있었다. 그래서 구글에 다양한 피드 UI들을 찾아보면서 더 좋은 UI를 찾고 있다.

(만두피) 일주일 동안 카카오맵 api와 devTalk만 들여다 보고 살았던것 같다 생각보다 기능이 많았고 생각보다 react 프레임 워크여도 js를 써야되는 순간이 온다는 점이었다(내가 못해서 그럴수도…) 컴포넌트 랜더링 시점에 특정 함수를 불러와야하는데 이 순서 맞추는게 굉장히 까다로웠다.
(만두피) 드래그 앤 드랍으로 파일을 올릴때 onDrag 이벤트만 사용하는 줄 알았는데 onDragOver을 사용해야 이게 적용이 된다는걸 처음 알았다 또한 event.preventDefault(); 로 추가적인 동작을 막고 event.stopPropagation(); 로 동시에 이벤트를 발생하지 않게 한다는 점이 눈에띄었다
(만두피) 버튼 클릭시에 해당 위치까지 스크롤이 내려가는 애니메이션을 배웠다 dom 자체에 scrollTo라는 함수가 있어 사용하기 편했다
(주기) Skeleton UI를 구현해보았다. 실제로 적용해보니 데이터 로딩되는 동안 UI가 깨지지 않고 자연스럽게 되어서 좋았다.

Provide feedback