이제 프론트앤드 개발자로 전향후 일을 시작한지 약 6개월이 다 되어간다. 구직시장에 본격적으로 뛰어들때만큼의 열정이 비록 지금은 조금 시들었지만, 그래도 온기만은 여전히 남아서 열정의 불씨는 살아있다. 프론트앤드 개발자라는 꿈을 이루고, 서서히 시들어가는 열정에 마른장작을 넣어 불씨를 살리고자 지난 6개월동안의 내가 크게 배운 것들을 몇가지 꼽아서 회고를…
한것 PWA 정적 캐싱 manifest 작성 동적 패칭데이터 캐싱 GraphQL은 POST에다 EndPoint가 하나. Post는 WorkBox에서 값을 가져올 수 없음 WorkBox는 URL로 캐싱함 참고자료 이를 해결한 방법 GraphQL EndPoint 캐치 리퀘스트에서 쿼리 꺼냄 쿼리를 키로, 리스폰스의 값을 밸류로 idb에 넣음. 키는 hash키…
한 것 포스트 업로드 s3로 (graphql upload) 그냥 이미지 업로드 시킬 수 있게 navBar를 변경 업로드 모달에서 자잘한 애러 수정
한 것 AR text 위치에 대해서 추가 내 쪽 방향으로 보게하려고 하였으나 아직 못함… 포스트 업로딩 모달 회고 AR Text 추가를 성공하였으나, Text로 띄워주는 위치를 제대로 보여주기위해 계속 시도하고있다. 우선
오늘 오자마자 webView를 하기위해 react-native 학습과 환경구축을 하였다. 익숙하면서도 익숙하지 않은 환경이었고, 안드로이드 manifest와 같은 개발 환경을 또 따로 공부해야되었다. 일단 그렇게 안드로이드 스튜디오 jdk등과 같은 환경구축을 마치고 webView를 올릴려고 했는데, expo와 react-native-cli 중에서 고민을 …
한 것 season, year 선택시 재 패칭 main page 리팩토링 useInfiniteHook locationSeason Organisms useViewModeWithSider AR Confirm 버튼 AR 종료시 이벤트 핸들러 추가 AR 캡처기능 추가 중 문제 발생 WebXR AR 캡쳐 지원하지 않음 Three.js 캡처 해도 검은 화면만… na…
한 것 S3 스터디 S3 버킷 생성 post create mutation 생성 frontend infinity scroll 잘한것 s3 구축 인피니티 스크롤 아폴로 클라이언트 캐시에 대해 조금 알게됨…! fetchMore 못한것 year, season 골랐을 때 기존에 캐싱된 데이터 정리되어야 하는데 못함… Retrospect 오늘은 내일 할 일인 s3먼…
한 것 안드로이드 usb 디버깅 테스트 환경 구축 adb로 가능 프론트 - adb reverse tcp:3000 tcp:3000 서버 - adb reverse tcp:4000 tcp:4000 checkARAvaible AR 사용 가능 상태인지 체크 startAR closeBtn Painting Mode Model Mode 잘한것 모바일 디버깅 환경 구축 …
2021-05-11 회고는 몸상태가 좋지않아 많은 작업을 하지 못했고 이번 게시글 12일자에 포함해서 적도록 하겠음. 한 것 useViewMode 전역상태로 관리되는 viewMode를 사용할 수 있게하는 커스텀 훅 Apollo의 Reactive Variable 사용 ios Picker (seasonPicker) Component Atoms - Rotati…
한 것 GeoJsonPolygon 생성 페이지 (배포까지) 폴리곤 그리기 계속해서 추가시킬 수 있게 생성된 것 지도에 표시 mouserover, mouseleave 생성한 데이터가 아니라 기존 데이터 넣어도 반영될 수 있게 Area DataSource KakaoAPI DataSource Area 쿼리들 Areas 쿼리 myArea 쿼리 mongoDB의 G…
한 것 Login Mutation 구현 jwt 발급 user 체크 후 없으면 생성 Apollo Mongo DataSource 적용 graphql datasource module 생성 frontend login mutation 적용 및 로그인 redirect useToken customHook graphql authenticate 적용 graphql con…
한 것 StoryBook, ARc 사용 (+ generact) Atoms, Molecules, Templates, Page 생성 Atoms Button GoogleLoginButton Heading Img Input Label Molecules AddToHomeForm LoginForm Templates GenericTemplate Page LoginPa…
한 것 Apollo 강의 - odesay StoryBook, ARc 발견 (+ generact) 그에 따른 개발 프로세스 정립 이미 만들어진 create-react-app에 ARc에 있는 src-examples 복붙. generact로 생성시키기… 컴포넌트는 이렇게 생성하자! Backend Apollo Setting && FrontEnd Test Apol…
한 일 기획 끝 테스크 카드 수립 기한, 일정 수립 위치기반 서비스 공부 GeoJson MongoDB Location Query 스키마에 Area 추가 GraphQL Apollo Server 공부 Create-React-App template pwa 잘한점 위치기반 서비스의 틀을 잡았다. 테스크 카드 수립 완료했다 못한점 아직 Apollo, GraphQL…