규칙
1. 억지로 쓰지 않기.
- 진짜 배운 게 있는 날만 쓰기!
2. 양 신경쓰지 않고 기록하기.
- 양이 적다고 글을 포기하지 말고 조금이라도, 그게 한두줄이더라도 배운 게 있다면 기록하기!
3. 꼭 내 것으로 만든 후 작성하기.
- 스스로 생각을 좀 정리해본 후 TIL 글 적기!
- 남이 쓴 글 복붙 X , 내가 배우고 느낀 점 위주로. (일단은 그렇게 해보자)
밑의 내용들은 내가 수업중에 메모해가며 적은것들이고 이를 통해 다시한번 공부가 되어 올렸으며 적으면서 복습이 되기 때문에 그날 공부한 것들은 안 외우더라도 매번 적을 예정입니다.
<오늘 작업 한 것들>
1. 지구에 대한 다양한 파일 조사
2. 회의를 통한 문제 해결
3. 지도 API 조사
4. 애니메이션 작업 해결
[인상 깊은 부분들]
[논의 사항 및 문제 해결]
1. 사진을 몇장 넣게 할 것인가에 대한 고민
→ 한장만! ← mvp 때까지는 한장으로 해보고 유저 의견 받아서 여러장 넣을건지 의논해보기
2. My 탭에서 검색창이 보이게 할건지? 뜬다면 뭘 검색하는건지? 검색했을때 탐색 탭으로 이동해서 전체 검색?
→ My 탭에서는 내가 쓴 글이 검색이 되게. 플레이스홀더로 두개 검색지 차별화 주기
3.글 작성 시 핀을 먼저 찍고 (예를 들면 기록할 여행지를 선택해주세요!) 나면 작성 모달이 뜨게 하고 그 위치를 위도 경도 받아서 나라 이름, 지역 이름 DB에 저장하는 방법?
→ 둘다 안 닫히고 엑스창으로만 닫히게 적용
4.포스트 왼쪽(바깥 눌렀을 때 안 닫힘. 어떻게 닫아야 하는지도 얘기 필요함) 스크롤 오른쪽(바깥 누르면 닫힘) 뜨는 모달들 다르게 처리하는 건 어떤가요
→ 그럴 경우 액션이 다르기 때문에 디자인을 다르게 해야됨
[다양한 지구에 대해 조사]
- react-globe.gl: https://github.com/vasturiano/react-globe.gl https://classic.yarnpkg.com/en/package/react-globe.gl#globe-layer
- react-globe 모듈: url: https://react-globe.netlify.app/ 모듈 사용한 프로젝트 https://github.com/planetEarth1886/FrontEnd
- mapbox: https://docs.mapbox.com/mapbox-gl-js/example/add-image-animated/
- CESIUM: https://cesium.com/platform/cesiumjs/ https://github.com/reearth/resium
- WebGL Earth: https://www.webglearth.com
[Trouble Shoting]
[문제]1. 파일의 해상도가 높으면 높을 수록 용량이 커서 코드 전체에 대한 렌더링이 길어지고 지구본 형태로 불러와 지지 않음..
[고민 과정]1. 이미지 주소를 가지고 와 렌더링을 편하게 한다.-> 화면의 크기가 크기 때문에 지구본 형태로 불러와 지지 않는다.
2. 파일의 형태를 바꿔서 작업을 해본다.-> tif 파일 같은 경우 VS CODE및 브라우저에서 적용이 안되는 파일이다.
[해결]1.VS CODE로 하여서 저장을 하고 Import 를하여 url에다가 입혀준다.-> 해상도가 어느정도 높은 5000이상이면서 20000까지는 용량이 너무 크면서 과하다 생각하기 떄문에 이정도로 작업했다.
[문제]
2. 지구를 가지고 올려 하는데 react-globe가 작동하지 않는 오류가 발생한다.
[고민 과정]
1.안에서 작업하는 Three랑 es6-tween을 타입스크립트 버전으로 다운로드 해준다.
-> es6-tween 버전은 오래되어서 타입스크립트 버전이 나오지 않았다.
2. node_modules랑 yarn.lock을 없애주고 다시 yarn install을 해주었다.
-> 이래도 해결되지 않았다...
[해결]
1. Three를 예전 버전으로 다운로드 받는다.
Three는 계속 업데이트를 했는데 react-globe는 3년전에 업데이트가 마지막이라 작업이 되지 않는다..
이러면 최신의 작업이 아니라 안 좋은 것이다.
2. react-globe 대신에 react-globe.gl 을 사용했다..
-> globe.gl은 2주 전이 마지막 업데이트 이며 최신으로 업데이트가 잘 되었기 때문에 이것을 사용하는게 더 올바르다..
[지구 이미지 회의 중]
