일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- nqueens
- grpahQL
- vscode
- DOM
- 코드스테이츠
- JS
- underbar
- 클라이언트
- 개발
- array
- 알고리즘
- 일상
- JavaScript
- 코딩
- 초보
- 엔퀸즈
- 제일어려워
- 연습
- Instantiation Patterns
- react
- method
- 해커톤
- 포스기
- this
- 리액트
- 공부
- 취업
- underscores
- 자바스크립트
- ftech
- Today
- Total
목록분류 전체보기 (176)
analogcoding
What is Jest ? Jest 는 코드가 제대로 동작하는 지 확인하는 test case 를 만드는 '테스팅 프레임워크' 입니다. Why use Jest ? lint 가 코드 스타일에 rule 을 정하는 것이라면 코드가 올바른 기능을 하는 지 체크할 수 있습니다. 이를 통해서 보다 안정적이고 제대로 동작하는 코드를 작성할 수 있습니다. How to Start ? package.json 파일을 만들고 Jest 라이브러리를 개발 의존성으로 설치합니다. yarn 과 npm 모두 간단하게 설치 가능합니다. yarn add --dev jest npm install --save-dev jest Tip* ( -dev 는 package.json 안에 dependencies 가 닌 devDependencies 에 저..
발생오류 window10 npm command not found 맥 사용자인 나에게 환경 질문은 너무나 고통스러웠다. 먼저 stack overflow 를 뒤지다보니 몇가지 해결책을 찾아보았다. 1. nvm , npm -v 버전을 확인해서 제대로 설치된지 확인한다. (version update) 2. cache 삭제 후 rebuild 를 한 후 다시 install 을 진행한다. 3. package.json 을 찾을 수 없음. 있다면 삭제 후 npm init , npm install 실행 해결실패. window10 환경에서 비슷한 이슈를 겪은 사람들의 해결책을 실행보았지만 대부분 실패했다.ㅠㅠ --> 우분투 설치로 대체 응급처치...
What is This ? 자바스크립트에서 this 는 execution context 의 구성요소 중 하나로 모든 함수 scope 내에서 자동으로 설정되는 특수한 식별자이며 현재 실행 문맥을 나타냅니다. ( 실행문맥 이란 호출자가 누구인지를 의미합니다. ) execution context 이란 ? Execution Context 실행 컨텍스트는 추상적인 개념 . 실행 컨텍스트는 실행 가능한 코드가 실행되기 위해 필요한 환경입니다. (실행 컨텍스트)는 scope, hoisting, this, function, closure 등의 동작 원리를 담고 있습니다. 어떤 함수가 호출되면 execution context가 만들어집니다. 변수 : 전역변수, 지역변수, 매개변수, 객체의 프로퍼티 함수 선언 변수의 유효..
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 패턴을 사용하면 비동기 작업들을 순차적으로 진행하거나, 병렬로 진행하는 등의 컨트롤이 보다 수월해진다. 또한 예외처리에 대한 구조가 존재하기 때문에 오류 처리 등에 대해 보다 가시적으로 관리할 ..