Jerry

쉬운 주제라고 생각을 했지만, 역시 이 분야에서는 호락호락한 게 없다. 대충 아는 것보다 아예 모르는게 낫다. 어설프게 알바에 조금만 더 노력해서 제대로 아는 게 중요하다. 엄격 모드(strict mode)란? 자바스크립트는 오랫동안 호환성 이슈 없이 발전했다. 이 말은 기존의 기능을 변경하지 않으면서 새로운 기능이 추가 됐다는 걸 의미한다. 또한, 기존에 작성한 코드는 절대 망가지지 않는다는 장점과 자바스크립트 창시자들이 했던 실수와 불완전한 결정 또한 이어진다는 의미이다. 그러던 도중, 2009년 ECMAScript(ES5)가 등장하고 나서 새로운 기능이 추가되고 기존 기능 중 일부가 변경되었다. 이 말은 즉, 기존 기능을 변경했기 때문에 하위 호환성 문제가 발생할 수 있다는 의미기도 하다. 그래서 ..

이 글은 JAVASCRIPT.INFO를 공부하면서 정리한 글입니다. 본문을 보고 싶으시다면, JAVASCRIPT.INFO (

제목에서 느꼈을 수도 있는데, 필자는 1일 1 커밋 운동처럼 1일 1 JAVASCRIPT.INFO 정리 글을 적어보려고 한다. 공부한 내용을 적어보는 거라 글의 형식이 파괴될 수 있으며 전문성 또한 떨어질 수 있다. 하지만, 개인적으로 너무 욕심내지 않고 중요한 부분 위주로 이해가 쉽게 가도록 정리를 해보려고 한다. 그러니 너그럽게 봐주길 바란다. 자바스크립트란? 무엇일까? 필자는 이 제목을 보고 끌려서 글까지 적기로 생각을 했다. 개인적으로 자바스크립트는 '기존의 정적인 HTML 환경에서 동적인 기능을 추가하고 싶어서 생긴 언어가 자바스크립트다.'라고 정도로 알고 있었다. 아무래도 깊게 자바스크립트에 대해 알지 못하더라도 "자바스크립트가 무엇이죠?"라는 질문을 받았다고 생각을 해보니, 클릭이 저절로 된..

이번 시간은 promise(프라미스 / 프로미스)에 대해서 알아보는 시간을 가지겠다. JAVASCRIPT.INFO를 참고하여 정리를 해보았다! promise promise 객체는 다음과 같은 문법으로 만들 수 있다. let promise = new Promise(function(resolve, reject) { // executor (제작 코드, '가수') }); new Promise에 전달되는 함수는 executor(실행자, 실행 함수)라고 부른다. executor는 new Promise가 만들어질 때 자동으로 실행되며 인수로 resolve와 reject라는 자바스크립트 자체적으로 제공하는 콜백을 즉각적으로 반드시 호출해야 한다. resolve(value)는 에러 없이 성공적으로 일이 끝날 때, val..

이번 시간은 이벤트 등록, 이벤트 버블링, 이벤트 캡처링, 이벤트 흐름, 이벤트 위임에 대해서 알아보겠습니다. 1. 이벤트 등록 이벤트 버블링, 캡쳐, 위임에 알아보기 위해 우리는 먼저 이벤트 등록에 대해서 알고 있어야 합니다. 이벤트 등록이란 웹 애플리케이션에서 사용자의 입력을 받기 위한 기능입니다. 아래 코드 예시에서 addEventListener를 이용하여 이벤트를 등록할 수 있습니다. click! 클릭 시, 해당 이벤트 내용이 콘솔에 찍히는 걸 확인할 수 있습니다. 추가로, 만약에 핸들러를 제거 해주고 싶다면, 어떻게 해야 할까요? 그럴 때는 '이벤트 등록'했던 것과 비슷하게 '이벤트 해제' 혹은 '이벤트 제거'를 해줘야 합니다. removeEventListener를 같은 단계에 두고 사용하시면 ..

이 글은 인프런, Javascript 핵심 개념 알아보기 - JS Flow, 정재남 강의를 수강하면서 정리한 내용입니다. 오늘 함수 선언문과 함수 표현식에 대해서 알아보자! 💪😎💪😎💪😎💪😎💪😎💪😎💪😎 함수 선언문과 함수 표현식의 대해 살펴보겠다. 이전의 브라우저에서는 디버깅을 할 때, 기명 함수 표현식은 해당 변수명에 값을 할당하여 보여주어서 익명 함수 표현식 보다 분명한 이점이 존재하였다고 한다. 하지만, 최근에 이르러 브라우저에서, (익명 함수 표현식도) 변수명이 비어 있을 경우, 자동으로 변수명을 할당하기 때문에 이제 기명 함수 표현식을 잘 쓰지 않는다고 한다. 선언한 함수를 변수에 할당한다. 이것이 함수 표현식의 개념이다. 할당 여부에 따라, 함수 선언문과 함수 표현식의 차이가 생긴다. 할당을 하..

이 글은 인프런, Javascript 핵심 개념 알아보기 - JS Flow, 정재남 강의를 수강하면서 정리한 내용입니다. 오늘 데이터 타입에 대해서 알아보자! 오늘도 데이터 타입을 정복하러 가보자! 💪😎💪😎💪😎💪😎💪😎💪😎💪😎 자바스크립트 데이터 타입은 Primitive Type과 Reference Type으로 분류한다. (기본형 타입 / 참조형 타입) 기본형에는 Number, String, Boolean, null, undefined 참조형에는 Object가 대표적으로 있고, 하위에 Array, Function, RegExp .. 등이 존재한다. 구분하는 이유가 무엇이고 어떤 차이가 있는지 메모리와 함께 살펴보겠다. 기본형 타입의 메모리 흐름 변수를 선언하면 컴퓨터는 메모리가 담길 공간을 미리 확보하고 ..

이 글은 인프런, Javascript 핵심 개념 알아보기 - JS Flow, 정재남 강의를 수강하면서 정리한 내용입니다. 오늘 클래스에 대해서 알아보자! 오늘도 클래스를 정복하러 가보자! 💪😎💪😎💪😎💪😎💪😎💪😎💪😎 1. 클래스 클래스는 인스턴스라는 용어와 같이 나온다. 인스턴스는 어떤 클래스의 속성을 지니고 있는 구체적인 객체 및 대상을 의미한다. 클래스상에도 상위 클래스 / 하위 클래스로 나뉠 수 있다. 아래 이미지처럼. 자바스크립트는 프로토타입 언어라고 하지만, 일단은 여기서는 인스턴스를 제외한 나머지를 클래스로 보자! 일반적인 클래스의 정의는 인스턴스를 생성하는 데에 보조하는 역할을 한다. Array에 있는 애들을 static methods, static properties라고 하는데, 얘네들은 클..