Category: JavaScript

Js - Prototype

자바스크립트는 프로토타입 기반 언어(prototype-based language)라고 한다. 여기서 말하는 프로토타입이란 무엇일까? 자바스크립트에서는 배열의 속성 값을 쉽게 가공할 수 있는 함수, map()을 제공한다. 이 map을 알아보기 위해 MDN 문서를 검색해보면 문서의 제목이 아래와 같은걸 알 수 있다. 프로토타입에 대한 MDN 문서를 살펴보자

JavaScript - This

자바 스크립트에서 this는 무엇을 의미하는걸까? 아래의 코드를 개선하는 과정을 통해 this가 가리키는 것이 무엇인지를 알아보자. 123456789const me = { name: 'youngjin', age: 31, hello:function(name, age) { return 'Hello, My

JavaScript - 스코프(Scope)

ToC 전역 변수와 지역 변수 스코프와 스코프 체인 렉시컬 스코프 전역 변수와 지역 변수전역변수(Global Variable)과 지역변수(Local Variable)의 차이는 변수가 선언된 블록 내에서만 사용하느냐 아니면 어디서나 사용가능하느냐의 차이이다. 123456let globalVar = "Hello Global";functi

JavaScript - Var과 Let의 차이

자바스크립트를 사용할때 변수의 타입으로 var을 사용하곤 했는데, 인텔리제이 Ultimate 버전을 사용할때 IDE에서 var 대신 let을 타입으로 변경할것을 권하는 alert를 자주 보곤 했다. 그 이유를 정리하려고 한다. Why우선 let이라는 타입은 ES6(ECMAScript6)에서 추가된 문법이라고 한다. 그럼 왜 ES6에서 새로운 타입이 추가된

HTML Table에서 버튼 클릭해서 다른 컬럼 텍스트값 가져오기

프로젝트를 진행하던중 사용자 목록이 정의된 테이블에서 각 로우마다 있는 버튼을 클릭하면 해당 사용자를 삭제할 수 있는 기능을 개발하는 경험을 해보았다. 자바스크립트로 이런것도 가능하구나 싶어서 정리해본다. 예제 코드를 아래처럼 정리해보았다. HTML 코드 123456789101112131415161718192021222324252627282930313233

JS로 텍스트 값을 바꾸는 2가지 방법

오늘 면접을 한 곳 보고왔는데, 이 때 받은 손코딩 문제중에 하나를 기억하고자 남기려고 한다. 사실 코딩 테스트라고 하기엔 좀 쉬운 문제였는데, 긴장을 해서인지 이것조차 못풀고온게 찝찝해서 정리해본다. 123456789101112131415<html> <head> <meta charset="UTF-8"

Js코드로 User-Agent 알아보기

갑자기 접속한 브라우저와 운영체제 등 정보가 담긴 user-agent를 확인이 필요해서 코드를 찾아봤다. Javascript의 navigator 객체를 이용하여 user-agent를 출력할 수 있다. Navigator에 대해서는 생활코딩에서 더 알아볼 수 있으며, navigator 객체의 여러가지 프로퍼티에 대해서 설명한 포스트도 있다. 출처 : 꿀벌

jQuery - DOM, CDN

목차 intro $ DOM CDN IntrojQuery는 특별한 기술이나 프로그래밍 언어가 아니라 Java Script의 라이브러리 이다. 라이브러리는 자주 사용하는 로직들을 재사용(Reuse)을 가능하도록 만든 로직들의 묶음이다. 자바스크립트는 이런 라이브러리가 많은데, 그 중 가장 많이 쓰이는 라이브러리가 jQuery이다. HTML Dom에

JavaScript - Object

목차 Intro 객체 프로퍼티 표기법 객체 프로퍼티 네이밍 Object자바스크립트 변수에 대해 정리한 포스트에서 자바스크립트는 기본타입(number, String, Boolean, undefined, null)을 제외하곤 나머지 모든 데이터 타입이 객체라고 정리한 바 있다. 객체라는 표현은 추상적인 표현이기 때문에 모호하게 느껴질 수 있으나 사실 현

JavaScript - 배열

목차 Intro Most Used Methods Loop for Array For Loop forEach( ) Map( ) Array자바스크립트에서 배열을 선언할 땐 Java와 달리 배열의 크기를 지정하지 않아도 된다. 12var donuts = new Array();var coffee = ["Espresso", "La