Portfolio

클로저란, 외부 변수를 기억하고, 그 변수에 접근할 수 있는 함수를 뜻합니다. 자바스크립트는 중첩 함수로 쉽게 클로저를 구현할 수가 있는데, 원래 함수 내부 변수를 스코핑할 때는 렉시컬 스코핑을 따라서 그 전역 변수에 있는 값을 참조하게 됩니다. 하지만, 함수 내부에 다른 함수를 위치시킴으로서 내부 함수가 감싸는 함수의 environment를 참조하게 되고, 값을 저장하는 것이 가능하게 됩니다. 즉, 다시 말하자면, 클로저함수는 자신이 생성될 때의 환경을 기억하는 함수라고 할 수 있습니다. 출처: [개발자 아저씨들 힘을모아]

js에서 this란 무엇이고 어디에 사용되나요

3.5

Difference between “==” and “===” ?

ES6에 대해서 알고 계신가요? 사용하고 있는 ES6 feature들을 설명해 주세요

let 과 var의 차이점과 활용도를 알려주세요

javascript 와 node는 어떻게 다른가요

보충필요

1.5

https://edu.goorm.io/learn/lecture/557/%ED%95%9C-%EB%88%88%EC%97%90-%EB%81%9D%EB%82%B4%EB%8A%94-node-js/lesson/21762/node-js-%EB%9E%80

hoisting 에 대해 설명해 주세요

3.5

call apply bind 에 대해 설명해 보세요. 언제 다르게 쓰나요?

보충필요

(function() { console.log(1); setTimeout(function(){console.log(2)}, 1000); setTimeout(function(){console.log(3)}, 0); console.log(4); })(); 실행하면 결과가 어떻게 나오나요? 왜 그런가요?

보충필요

이벤트루프

javascript array가 c 언어의 array와 어떻게 다른지 설명해 주세요

보충필요

deep 과 shallow object copy에 대해 설명해 주시고 용도가 있다면 말씀해 주세요

보충필요

shallow copy: 참조자료형의 주소를 복사 → 원본데이터 손상 위험 Deep copy : 1) Object.assign(new, 원본), 2) spread연산자로 복사(...obj) 3) JSON.parse((JSON.stringify(obj))

https://velog.io/@recordboy/JavaScript-%EC%96%95%EC%9D%80-%EB%B3%B5%EC%82%ACShallow-Copy%EC%99%80-%EA%B9%8A%EC%9D%80-%EB%B3%B5%EC%82%ACDeep-Copy

javascript 의 null, undefined, undeclared 차이점은 무엇인가요

undefined : 선언 이후 값이 할당되지 않은 상태 null : 선언 이후 null이라는 값을 할당한 상태 (nothing,empty, unknown)

모든 자바스크립트 파일을 브라우저에서 한번에 loading 할 때 문제점

보충필요

초기렌더링 늦어져 사용자경험 낮춘다. 해결방법 : <script> 태그 조절로 동적로딩 <script async> 파싱동시에 다운로드, 즉시실행 <script defer> 파싱동시 다운로드, 추후 실행

자바스크립트 Prototype에 관해 설명해주세요 (상속)

보충필요

프로토타입은 모든 객체에 존재, 부모객체를 연결 프로토타입체이닝 : 자신에 존재하지 않은 프로퍼티에 접근시, 프로토티입링크(__proto__)를 통해 부모객체의 메서드 접근 가능 (상속과유사개념)

모든 JavaScript 객체는 다른 객체에 대한 참조인 prototype 프로퍼티를 가지고 있습니다. 객체의 프로퍼티에 접근할 때, 해당 객체에 해당 프로퍼티가 없으면 JavaScript 엔진은 객체의 prototype과 prototype의 prototype등을 보고 프로퍼티 정의가 있을 때까지 찾고, 만약 객체의 프로퍼티에 접근할 때 해당 객체에 해당 프로퍼티가 없으면 프로토타입 체인 중 하나에 있거나 프로토타입 체인의 끝에 도달할 때까지 찾습니다. 이 동작은 고전적인 상속을 흉내내지만, 실제로 상속보다 위임에 더 가깝습니다.

promise에 대해서 설명해 주세요

3.5

- 기존 비동기처리를 위한 콜백함수가 가지는 콜백지옥문제를 해결하기 위해 ES6에서 등장한 문법 - 비동기작업의 수행에 따라 프로미스 객체는 대기,fullfill, reject라는 상태를 가지게 된다. - 상태에 따라 .then()메소드로 resolve(), reject()함수로 상태에 맞는 추가작업을 진행할 수 있다.

Array prototype splice 와 slice의 차이점은 무엇인가요

splice 는 원본 수정 slice는 불변성을 지킨다. 사용방법 splice는 삭제, 교체 ,추가 arr.splice(3,1, 'apple') 3번째 idx부터 1개선택해서 'apple'로 교체 slice(a,b) a부터 b전까지 잘라서 복사

OOP의 4가지 특징과 javascript를 활용하여 OOP스럽게 개발해 본 경험이 있다면 이야기해 주세요

보충필요

https://velog.io/@kimtaeeeny/%ED%95%A8%EC%88%98%ED%98%95-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D-vs-%EA%B0%9D%EC%B2%B4%EC%A7%80%ED%96%A5-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D-feat.-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%A6%AC%EC%95%A1%ED%8A%B8-hooks-FE-study8

탱크 게임 (혹은 기타 게임) 을 OOP적으로 어떻게 개발할 수 있을지 설명해 보세요

보충필요

익명함수와 선언적함수의 차이가 무엇인가요

보충필요

Can you describe the main difference between a forEach loop and a .map() loop and why you would pick one versus the other?

forEach는 불변성 지키지않음 : 리턴값이 없고, 해당 배열을 순회하며 작업진행 map은 불변성지킴 :순회 이후 작업이 진행된 새로운 배열을 리턴

타입스크립트에 대해서 들어보셨나요? 사용해본 경험은? 어떻게 다른가요? 장점은?