analogcoding

What is Closure ? 외부함수의 맥락(context) , 변수에 접근할 수 있는 내부함수 이며 scope chain으로 표현되기도 합니다. 보통 함수를 return 하여 사용하고 return 하는 내부함수를 closure 함수라고 부릅니다. 또한 함수 선언 시 생성되는 유효 범위를 의미하기도 합니다. Closure가 가지는 세 가지 scope chain Closure 자신에 대한 접근. (Closure function 내에 정의된 변수) 외부함수의 변수에 대한 접근 전역 변수에 대한 접근 Why use Closure ? Closure 는 어떤 데이터(어휘적 환경)와 그 데이터를 조작하는 함수를 연결하는 데 있어서 유용합니다. ( 객체지향 프로그래밍의 정보 은닉과 모듈화 같은 이점 들을 얻을 수..

Warning: Problem validating app.json: Unable to perform cache refresh 부터 icon 뭐시기까지.. 여러 Error 가 발생 . 침착하게 구글링한 결과 app.json 과 package.json 버전이 다름을 확인. 수정했지만 여전히 오류 발생. 그런데 발생 위치가 글로벌에 있는 .expo 파일에 schema 에서 오류가 발생했다. 들어가보니 버전이 33.0.0 으로 되어있고 현재 내 expo 에서의 버전은 34.0.1 이었다. 두 버전이 달라서 생기는 문제일 것이라 생각하고 버전을 33.0.0 으로 다시 npm install 후 실행하니 해결되었다.. 이틀을 꼬박헤맸지만 어쨌거나 해결..

간단한 Git 명령어와 GitHub 를 사용하여 fork, clone, push 하는 흐름을 알아봅니다. Git 에는 Staging Area 라는 공간이 존재합니다. 어떤 변경 사항이 저장소에 commit 되기 전에, 반드시 거쳐야만 하는 중간 단계입니다. ( repo 를 local 환경으로 받아와서 작업 후 add 할 경우 staging Area 상태가 됩니다. ) Staging Area 존재해서 작업 트리 안에 있는 commit 이 필요 없는 파일들을 포함하지 않을 수 있고, 파일에서 내가 원하는 일부 변경 사항만 등록해 commit 할 수 있습니다. Simple Git Commend git init : git 저장소를 초기화( 생성 ) 합니다. git status : 저장소에 상태를 확인합니다. g..

코드스테이츠에서 프리코스를 거쳐 이머시브 과정까지 마무리하는 단계에 이르렀다. 여전히 나는 아주 기초적인 것도 모르고 쉬운 것도 낑낑거리면서 해결하는 수준이다. 내 실력과 지식에 대한 불신과 끌려다니듯 해결한 스프린트들을 생각하면 아직도 최소 몇달은 복습을 해야한다는 것을 알고 있었다. 그런 생각을 하던 차에 코드스테이츠 CSE 포지션 공고가 떨어졌고 큰 기대없이 지원했다. 너무 감사하게도 좋은 기회가 나에게 왔고 부족한 나를 더 돌아보고 컴맹으로 시작한 비전공자분들에게 도움을 드리면서 함께 공부하면서 나아가고 싶다!

부족한 정의 등 간단하게 정리 요약 자바스크립트 이벤트루프 기반의 싱글스레드 언어, 하나의 호출 스택을 사용해서 어느 하나의 함수가 실행되면 이 함수가 끝날 때 까지 다른 task 를 실행할 수 없다. 비동기 (event loof) 이 때 비동기영역 eventQueue 에 담긴 비동기함수들은 스택이 모두 비워지고 대기열에 들어온 순서대로 수행된다. 비동기 처리 Promise & async await 콜백이 중첩되는 경우가 따라서 발생하였고, 이를 해결할 방안으로 등장한 것이 Promise 패턴이다. Promise 패턴을 사용하면 비동기 작업들을 순차적으로 진행하거나, 병렬로 진행하는 등의 컨트롤이 보다 수월해진다. 또한 예외처리에 대한 구조가 존재하기 때문에 오류 처리 등에 대해 보다 가시적으로 관리할 ..

프로젝트 기능 마무리를 하고 간단한 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