Step In 함수 호출이 있으며, 함수가 호출된 줄로 돌아가서 결과를 리턴할 때까지 호출된 함수 몸통으로 들어가서 한줄 한줄 시행한다. Step over 함수 호출이 있으면 블랙 박스처럼 함수가 어떻게 실행되었는지는 보여주지 않고 리턴된 결과만 보여준다. Step out step in으로 함수 안에 들어간 상태에서 step out을 누르면 함수 몸통의 남은 부분을 실행하는 부분을 보지 않고 함수가 리턴된 부분으로 step out하겠다는 뜻이다.
현상 CRA with typescript로 만든 프로젝트에서 eslint랑 prettier 설정을 한 상황. 그런데 라이브러리에서 인터페이스를 임포트 하려는데, 그런 건 찾을 수가 없다며 eslint의 import/named 에러가 발생한다. 분명 그 위치에 인터페이스가 존재하는 것도 맞고, vscode도 그걸 인지하고 있는데 왜 eslint가 못찾겠다고 하는지 계속 헤맸다. .eslintignore에 node_modules를 추가 안해서 그런가 했는데 어차피 기본적으로 무시하게 되어 있다고 한다. (https://eslint.org/docs/user-guide/configuring/ignoring-code#the-eslintignore-file) 해결 깃헙 이슈와 스택오버플로우에서 workaround를..
현상 프로젝트가 한 폴더에 두개 존재하는 상황 project1 / package.json project1 / project2 / package.json project1은 라이브러리고, project2는 데모 폴더로 project1이 빌드된 걸 보고 그걸 임포트해서 데모를 띄우는 식. project2의 package.json 내에서 이런 식으로 가져다 씀. 밑에 react랑 react-dom도 중복된 패키지 방지용으로 https://ko.reactjs.org/warnings/invalid-hook-call-warning.html#duplicate-react 문서에 나와있는대로 해결한 것. "dependencies": { "@project1": "file:..", "@types/node": "^12.0.0"..
스코프랑 클로저에 대해 전에도 정리했었지만, 이번엔 렉시컬 환경이라는 개념과 함께 정리하려고 한다. Lexical Environment의 개념 Lexical Environment는 코드 block, function, script를 실행하기 앞서 생성되는 특별한 객체로, 실행할 스코프 범위 안에 있는 변수와 함수를 프로퍼티로 저장하는 객체다. 즉 우리가 소스 코드를 실행하면서 참조가 필요한 변수의 값을 이 Lexical Environment 라는 객체에서 식별자 이름을 키로 찾는다고 보면 된다. 실행 컨텍스트(execution context)와의 관계? 실행 컨텍스트는 실행하고 있는 함수를 트래킹하기 위한 특별한 자료 구조다. 현재 실행하고 있는 함수 내의 현재 변수 상태와 this의 값 등을 저장하고 있..
for of를 적용할 수 있는 객체를 이터러블(Iterable)이라고 부른다. for of 를 적용할 수 있으려면(= 이터러블이려면) 해당 객체는 Symbol.iterator 이라는 메서드를 갖고 있어야 한다. for of를 사용하려면 Symbol.iterator 메서드를 호출한다. 위 메서드는 iterator 를 리턴해야 한다. 이터레이터는 next 메서드를 갖고 있는 객체다. next 메서드를 호출하면 {done: Boolean, value: any} 이런 모양을 가진 객체를 리턴해야 한다. done 프로퍼티 값이 true면 이터레이션이 끝난 것이고, 아니라면 value가 다음 value가 된다. let range = { from: 1, to: 5 }; range[Symbol.iterator] = f..
- Total
- Today
- Yesterday
- package.json
- 리덕스
- JavaScript
- Conflict
- c언어
- 알고리즘
- react
- GIT
- youtube data api
- Java
- 깃
- 제네릭스
- linkedlist
- CSS
- 포인터 변수
- Redux
- til
- jQuery
- 인스턴스
- 자바
- rxjs
- 개발 공부
- oracle
- this
- SQL
- Prefix Sums
- getter
- Session
- useEffect
- Data Structure
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |