✍ 공부하기 | 자바스크립트 Closure(클로저), Hoisting(호이스팅) 오늘은 자바스크립트의 완전한 이론 부분이지 않을까 싶은데요 자바스크립트를 그렇게 열심히 썼으면서... 이런 단어들은 처음 들어봤습니다 하하^^.... 면접 준비하면서 이렇게 기본 지식들을 쌓아올리게 되니 기분이 좋네요 정말 중요한 이론이라고 생각합니다 (실은 저희가 다 이런 흐름으로 코드를 작성하고 있었죠) 1. 자바스크립트 Closure(클로저)란? 클로저는 독립적인 (자유) 변수를 가리키는 함수이다. 또는, 클로저 안에 정의된 함수는 만들어진 환경을 기억한다 출처:MDN 자바스크립트는 함수 안에서도 함수를 선언 할 수 있습니다. 전자를 외부함수라 정의하고 후자를 내부함수라 정의해보면, 기본적으로 내부함수는 외부함수의 요소에 접근이 가능합니다. 외부함수에서 그 함수의 수명이 다 하여 외부함수가 종료된 .. ✍공부하기 | 모듈 번들러 webpack, babel 프론트엔드 개발자에겐 webpack과 babel는 필수죠! 크로스 브라우징 질문 관련해서도 많이 나오는 질문이고요 다른 내용들에비해 비교적 쉽게 이해할 수 있는 파트인 것 같습니다 😁 1. 모듈 번들러란? 여러개로 나뉘어 있는 파일들을 하나의 파일로 묶어주는 것을 말합니다 자바스크립트 파일들을 각각 분리해서 로드하면 순서에 따라 에러가 발생하는 등 여러모로 불편한 점이 생기죠 그런 불편함을 해소시켜준답니다 그럼 모듈 번들러로 가장 유명한 webpack에대해 알아볼까요? 2. webpack 최신 자바스크립트 애플리케이션을 위한 정적 모듈 번들러입니다 웹팩이 애플리케이션을 처리할 때 프로젝트에 필요한 모든 모듈을 매핑하고, 하나 이상의 번들을 생성하는 종속성 그래프를 내부적으로 빌드합니다 웹팩에는 4가지 개.. ✍공부하기 | 자바스크립트의 타입 프론트엔드 개발자로 처음 이력서를 넣고 처음 면접이 잡혔을때 면접관님이 🙎♂️ : 자바스크립트 넘버 타입이 하나인데 그 이유가 뭔가요? 다른건 없나요? 라고 물어봤더랬죠... 저는 그때 벼락치기로 면접 질문 리스트를 훑고 면접을 본 상태라.. 그때 했던 말이 🙎♀️ : 음...어... 자바스크립트가 싱글 스레스 언어인걸로 알고 있는데... 죄송합니다 잘 모르겠습니다 라고 대답을^^ 하하하하ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ.... 차라리 그냥 모른다고만 말하지 왜 앞에 알고 있는 척, 연관도 없는 말을 한거죠..... 그래서 이 참에 제대로 알고 가려고 합니다! 1. 자바스크립트 Number Type C 언어 같은 경우 숫자 타입은 Int, Long, Float, Double 등 다양하게 정의 된다고 합니다 그러나 .. ✍공부하기 | Promise, callback, Async Await 프론트엔드 개발자라면 너무나도 많이 사용하고 봤을! 비동기 프로그래밍에 쓰이는 Promise, Callback, Async / Await 저도 개발하면서 굉장히 많이 썼던 것들인데 이론적으로 전문용어 써서 설명하라고 하면^^.... 말 못함....ㅎ..... 그래서 요번에 이론을 뽝! 잡아볼까 합니다! 💪 1. 비동기 프로그래밍이란? 요청을 보낸 후 응답과 관계없이 다음 동작을 실행하는 방식을 말합니다 실행 순서가 확실하지 않는 것이죠! 참고로 자바스크립트는 동기적 방식입니다. 블로킹(blocking) 이며, 싱글 스레드(single-threaded) 언어이죠! 그러나 비동기로 프로그래밍을 할 수 있다는 것! 2. 자바스크립트 비동기 대표 3가지 Callback = Callback Function (콜백.. 이전 1 2 3 4 5 다음
