analogcoding

프로젝트 기능 마무리를 하고 간단한 css 작업에 들어갔다. 정말 간단한 css 였지만 css 고자들에게 너무 벅찬 css.... 어떻게 움직이는 지 대체.. 그래도 margin 이나 pedding , float 정도는 사용가능한 것 같다. 내일 시연 연상 녹화까지 조금 더 준비하면 어느정도 프로젝트가 완료된 것 같다. 팀 개고생 화이팅!! 기술에 대한 정의나 정보 등 너무 빨리 지나쳐온 사항들 간단하게 정리해본다. 자바스크립트 이벤트루프 기반의 싱글스레드 언어, 하나의 호출 스택을 사용해서 어느 하나의 함수가 실행되면 이 함수가 끝날 때 까지 다른 task 를 실행할 수 없다. 비동기 (event loof) 이 때 비동기영역 eventQueue 에 담긴 비동기함수들은 스택이 모두 비워지고 대기열에 들어..

refetchQueries refetchQueries란 무엇인가? mutation 요청 후에 data 가 변경되더라도 Query 요청을 하지 않기 때문에 사용하는 프로퍼티이다. refetchQueries 의 경우 비동기 적으로 처리되며, mutation 요청이 완료 (해결)되기 전에 대기하지 않는다. awaitRefetchQueries 의 경우 default 는 false 지만 true 로 설정하면 true 로 설정하면 mutation 요청이 완료된 것으로 간주되기 전에 re fetch 된 Query 가 완료된다. 코드 ex) 오늘 해결하지 못한 error 발생. props 가 변화되면서?! 생긴 문제인 것 같다. lifeCycle 을 조금 더 공부하고 해결해볼 예정.. componentWillRecei..

프로젝트 마지막 스프린트 기간.. 한번에 여러 컴포넌트에 지도를 띄우는데 실패했다. 이유는 여전히 모르겠고 시간 문제 상 결국 하위 컴포넌트에 구현해서 해결. 마무리 작업이다보니 새로 얻는 지식보다는 기존에 했던 코드를 비슷하게 작성하거나 오류를 잡는 게 대부분이다. 카카오 url 콜백 해결하는 것은 월요일에 해결하고 포스팅! 발표준비를 위해 팀원마다 각자 발표 주제를 들고 체크인을 했지만 내가 선택한 주제는 발표에 적합하지 않다는 평가를 들었다. 다른 주제를 찾거나 기존 주제에서 더 파고 들어야할 것 같다. 다시 정리할 내용 Query , Mutation apollo client Cache , context

발표 주제 선정. 정리예정 자료 Restful API vs GraphQL What is Query & Mutation in GraphQL & Apollo GraphQL & apollo flow 4주 프로젝트 막바지 단계 . 아무래도 여럿이 작성한 코드를 합치다보니 컴플릭이 많이 난다. git 에서 내 실수로 remote 를 멍청하게 origin 과 작업 repo 를 똑같이 해버려서 여지껏 repo 자체에 브랜치를 따서 작업 중이였다. 그 외에도 누군가는 파일을 삭제하지 않고 merge 를 하는 등 유령파일?!이 자꾸 남아있는 현상 또한 있었다. repo 브랜치 잘못 딴거 삭제 후 다시 포스팅 예정.. 각자 작업하던 css 에서 공용 태그를 한 분이 수정을 하니 모든 부분에 적용이 되서 한동안 헤메었다. ..

what is Apollo Cache 아폴로는 Query 요청을 할 때 먼저 Cache 를 확인한다. 처음 Query 요청 시 Cache 에 Query , variables 데이터를 자동적으로 Cache에 저장한다. 처음 페이지가 렌더 될 때 로딩이 걸리지만 다음 번 그 페이지를 방문할 때 바로 렌더 되는 이유는 첫 요청에서는 요청을 실행하지만 그 다음부터는 Cache 를 참조한다. problem 그렇지만 단점으로는 데이터가 업데이트되는 Mutation 요청이 진행되었을 때, 페이지에서 새로고침을 하지않는 한 렌더된 데이터가 변하지 않는다. Query 요청을 다시 보내서 새로 DB에서 업데이트 된 데이터를 가져와야하는데 Cache 에 같은 Query 의 이름이 있어서, 기존에 Cache에 있던 데이터만 ..

카카오 개발자 등록 후 개인 javascript API 발급 후 index.html 에 script 를 추가한다. 현재 좌표를 가지고 오기 위해서 navigator.geolocation.getCurrentPosition 함수 호출 (위 함수는 사용자의 현재 위치를 요청한다.) navigator.geolocation.getCurrentPosition 에서 받아올 수 있는 프로퍼티 coords.latitude 고도 coords.latitude 위도 coords.longitude 경도 coords.accuracy 위도/경도의 오차(m) coords.altitudeAccuracy 고도의 오차(m) coords.heading 방위(도) coords.speed 속도(m/초) ㅍ 지도 호출은 카카오 디벨로퍼에 sam..

Toy 48번 기본 연산자 혹은 조건 연사자만 사용하여 곱셈 ,나눗셈 구현 곱셈과 뺄셈 중간까지 구현 , 마무리 하는데로 포스팅 예정 카카오 맵에서 지도를 로드하고 지도의 init 좌표를 내 위치로 하는 구조 요청 페이지를 구현. 클릭으로 핀을 이동시키고 위치 확인을 하면 state 로 좌표가 저장된다. 저장하지 않을 시 현 위치를 좌표로 한다. 먼저 index.html 에 script 를 추가하고 현재 좌표를 가지고 오기 위해서 navigator.geolocation.getCurrentPosition 함수 호출 (위 함수는 사용자의 현재 위치를 요청한다.) navigator.geolocation.getCurrentPosition 에서 받아올 수 있는 프로퍼티 coords.latitude 고도 coord..

Toy 47번 문제. 오늘도 ~~ to do later~~ ant design 의 upload 컴포넌트와 fetch , 서버에서 multer 를 이용해서 이미지 file 을 url 로 db 에 저장하는 방식을 구현하는데 결과는 좋지 못했지만 시도했던 것을 적어본다. 현재 프론트 파트를 맡아서 서버 쪽 코드는 아직 코드리뷰를 하지 않아서 잘 알지 못하는 상태다. multer 와 S3 를 이용한 방식에 대해서 다시 공부하고 포스팅 예정! 시도 과정 먼저 ant design 의 upload 태그를 import 한 후 정보가 업로드 되게 할 이벤트 태그를 감싸준다. upload / change ..props 로 사용된 props 에서는 여러 속성을 가지고 onChange 함수의 인자 안 file 의 상태에 따라..