내가 찾아가는 JavaScript

갈피를 잡지 못하고 있을 때 웹개발자를 목표로 코딩을 시작하고 기본적인 html, css 그리고 JavaScript 강의를 유튜브 또는 인터넷 강의를 통해 배웠다. html과 css의 경우엔 내가 모든 기능을 사용할 수 있는 것은 아니지만 적당히 다음으로 넘어갈 수 있

JavaScript에서 this는 함수를 불러오는 방법에 의해 결정된다. 선언 시 정해지는 것이 아닌, 함수를 불러올 당시에 결정되며, 함수를 불러오는 주체가 this가 된다. 글만으로는 이해가 어려울 수 있으니, 간단한 예시 코드를 통해 이해해보도록 하자. 다음과

중요성실행 컨텍스트(Execution Context)는 자바스크립트의 동작원리와 같다. 컴퓨터 언어의 동작 원리를 이해한다면 코드의 진행을 예측할 수 있다. 즉, 예측 가능한 코드를 작성할 수 있고, 버그를 최소화할 수 있는 것이다. 그렇게 때문에 조금은 어려웠지만 끝

실행 컨텍스트는 자바스크립트 엔진의 동작원리인 만큼 그 내용이 방대하다. 이전 글에서는 실행 컨텍스트에 대한 간단한 소개와 소스코드의 평가와 실행에 대해 정리했으니, 이번 글에서는 실행 컨텍스트가 어떠한 역할을 담당하는지, 자바스크립트 코드는 어떤 순서대로 실행되고,

이전 글에서는 간단한 예제 코드를 보면서 실행 컨텍스트의 역할과 실행 컨텍스트 스택(call stack), 렉시컬 환경(Lexical environment)에 대해 알아보았다. 이번 글에서는 새로운 예제를 통해 실행 컨텍스트 생성 메커니즘, 실행 결과의 관리 그리고 식

반복문 반복이란 같은 것을 되풀이하는 것을 말한다. 인간은 그들이 할 수 있는 반복의 한계를 경험하였고, 그 이상을 원했기 때문에 컴퓨터 및 컴퓨터 공학이 탄생하였을 것이다. 컴퓨터를 사용하는 목적 중 하나는 한계를 넘어서는 반복이기에 JavaScript뿐 아니라

이벤트 루프는 자바스크립트 코드가 런타임에서 어떠한 방식과 순서대로 실행이 되는지 알기 위해 꼭 알고 있어야하는 개념이다. 또, 이와 관련해서 Heap, Stack, Queue 등 기본적인 자료구조의 특성에 대한 이해 역시 필요하다. 글을 모두 읽으면 자바스크립트가 어

복잡한 form 웹 서비스에는 수 많은 정보 입력이 있고, 유저들은 서비스를 사용하기 위해 일러주는 타이핑 양식을 바탕으로 빈칸을 채운다. 회원가입할 때 마주하는 빈칸들을 봤을 때 입력하기 귀찮았던 경험이 분명 있을 거다. form에는 유저와 상호작용하는 input

이전 글에서는 양식 유효성 검사(form validation)를 왜 하고, 특히 프론트엔드에서는 어떤 점에 신경을 써야하는지 생각해보았다. > 이전 글: [프론트엔드 개발자가 고민(해야)하는 form ](https://velog.io/@ubermensch0608/%ED

얼마 전 온보딩 과제를 진행하면서 자바스크립트의 Map 자료구조를 사용하기 좋은 문제를 접했다. ES6의 Map 자료구조를 사용해서 문제를 해결한 적이 많이 없었는데 이번 기회에 많이 알고 가게 되어 다른 간단한 문제를 통해 어떤 점에서 유용한지 공유한다.Map은 자바