웹개발/자바스크립트 (5) 썸네일형 리스트형 프론트엔드 기술면접 질문 및 답변 정리 - ES6 편 ES6에서 추가된 기능을 아는대로 말해보세요. Promise 비동기 처리를 위해 사용하는 패턴이며 콜백지옥을 해결하고 애러처리를 용이하게 할 수 있습니다. new Promise를 리턴하여 사용하고 resolve, reject를 호출하여 완료합니다. Arrow function 상위 스코프의 this를 그대로 사용할 수 있으며 함수를 간결하게 표현할 수 있습니다. 화살표 뒤의 값을 그대로 리턴하게 할 수 있습니다. spread 연산자 ...Object 또는 ...Array 와 같은 형태로 요소들을 나열합니다. destructuring const { a, b, c } = object 와 같은 형태로 사용할 수 있습니다. 클래스 const, let Set, WeakSet for of Symbol 타입 ES8 a.. 프론트엔드 면접질문 및 답변 정리 - 자바스크립트 기본 편 자바스크립트 개념 중 이해하기 힘든 부분을 간단하게 질문 답변식으로 정리해 보았습니다. 클로저(Closure)란? 어떤 외부함수에서 선언한 변수를 참조하는 내부함수를 외부로 전달할 경우, 함수의 실행 컨텍스트가 종료된 후에도 변수가 메모리에 남아있는 현상을 말합니다. 클로저 사용으로 메모리 누수가 발생할 경우 어떻게 해결할까요? 함수를 참조하는 변수에 null을 할당하여 메모리 연결을 끊으면 됩니다. let, const, var 차이점 var는 function scope이며, let, const는 block scope입니다. var는 재선언하거나 함수 스코프 안에서 선언 전에 참조해도 애러가 나지 않고 undefined로 인식합니다. const는 명시적으로 상수로 선언하며, 값을 재할당 할 경우 애러가 .. nvm으로 Node.js 버전 관리하기 간혹 Node.js로 개발하다보면 격변하는 JavaScript 세상의 신기능을 사용해보기 위해 최신 버전을 설치해야하거나 혹은 로컬과 운영 서버와의 호환성, 사용하는 라이브러리의 검증을 위해 버전을 내려야 하는 경우가 있다. 이번 글에서는 위와 같은 상황을 해결하기 위해 nvm을 사용해 Node.js의 버전을 관리하는 방법에 대해 간략하게 살펴보겠다. 설치 nvm 설치는 매우 간단하다. nvm에서 제공하는 스크립트를 통해 아래 명령어를 터미널 쉘에 입력하면 된다. (슬프게도 nvm은 Windows를 지원하지 않는다. 만약 Windows를 사용하고 있으면 nvm-windows 혹은 nodist를 사용하기를 권장한다고 한다.) curl -o- https://raw.githubusercontent.com/cr.. [javascript] 이미지 없이 모서리 라운드 테이블 만들기(소스) FireFox, Mozilla 모두 잘 표시됩니다. 아래 소스를 html형식으로 저장해서 보실 수 있습니다. 테스트입니다 사이트내 링크된 곳의 테두리 점선 없애기 A 태그나 img태그를 이용해서 링크를 넣을 경우 클릭할때 테투리 점선이 생겨 보기 싫어집니다. 이걸 한방에 해결하는 방법이 있습니다. 아래 스크립트를 사이트의 header 파일에 붙여넣기 하시면 됩니다. 이전 1 다음