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 에서 공용 태그를 한 분이 수정을 하니 모든 부분에 적용이 되서 한동안 헤메었다. ..

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 의 상태에 따라..

Toy 46번 문제. to do later.. 토큰이 검증이 안되는 문제가 발생했다. 문제는 콘솔에 찍힌 토큰을 복사해서 playground 에서는 작동이 되는 것이다.. 잠시 헤매이다가 발견한 실수는 .. 팀원분께서 친히 stringify 를 해서 저장을 해주셔서 typeof 로 보았을 때는 같은 string 이지만 인증과정에서 에러를 뿜어냈다. 작은 헤프닝으로 마무리..ㅋㅋ 콘솔애는 큰 따옴표가 하나였는데.. ( JSON은 쉼표로 모호하지 않으며 Javascript로 직접 실행되거나 JSON으로 구문 분석 될 수 있다.) 오늘 프로젝트에서 한 가장 큰? 일은 유저의 각 mypage 별로 고유 id 값을 params 로 url 의 endpoint 로 주는 작업이었다. react route 에서 prop..

Toy 45번 문제. to do later 프로젝트 30% 토이 난이도 어려운거 30% 피곤한거 40% .. 요즘 토이 손을 못 대겠다 ㅠㅠ 프로젝트 내에서 첫 Query 와 Mutation 요청에 성공! 정말 행복한 순간이었다 ㅠㅠ playground 에서의 요청이 아닌 직접 데이터를 받아서 사용해보았다. Query 요청과 Mutation 의 요청의 가장 큰 차이는 Query 는 렌더 시 실행되고 Mutation 은 콜백 함수가 실행될 때 실행된다. ( 처음에는 query 는 get 같은 느낌이고 mutation 은 post 같은 것인 줄만 알았다. ) Query 먼저 gql 리졸버 함수 양식을 작성했다. 서버에서 지정해놓은 리졸버로 내가 필요한 정보를 직접 지정해서 가져올 수 있다. import gq..