JavaScript

웹 개발이라는 목표 하에 JavaScript와 처음 만난 나는 필요한 기능을 신속하게 구현하는 것에만 집중했었다. 초기에는 필요한 기능 구현에만 급급해 '머리박치기' 식으로 학습을 하며, 탑다운 방식으로 큰 개념에서 시작해 문제가 발생하면 그때그때 세부 사항을 파악하는

JavaScript에 대해 공부하기에 앞서, 기본기 중에 기본기, 개발자라면 반드시 습관화해야 할 추상화에 대해 알아보고자 한다. Abstraction 추상화는 컴퓨팅 분야에서, 특히 코드를 공유하며 협업하는 상황에서 매우 중요하다. 원활한 소통을 위해 자신의 생

'유연성'이란 개발자들이 상당히 좋아하는 단어이다. JavaScript는 이러한 개발자들에게 유연성을 제공해준다고 한다. 그런데 나는 그동안 JavaScript를 쓰면서 '유연하다'라는 느낌을 크게 받지는 못했던 것 같다. 그렇다면 왜? 어떤 부분에 있어서? JavaS

변수의 활용, 그리고 변수의 유효 범위에 따른 접근은 Clean Code를 짜는 데에 있어서 가장 기본기가 되는 핵심 개념이다. Scope는 범위, 영역을 뜻하는 말로 변수 접근 규칙에 따른 유효 범위를 말한다. Scope에 대해서 알아보며 추상화를 실현하고, Clea

JavaScript는 객체 지향 프로그래밍을 지원하는 유연한 언어로, 다양한 객체 지향적 특성을 가진다. 그렇다면 왜? 어떤 부분에서 JavaScript를 객체 지향 프로그래밍 언어라고 부르는 것일까? 이와 같은 궁금증을 해결하기 전에, 먼저 객체에 대해 대해 자세히

앞선 글을 통해 '객체'에 대해 살펴보았다. 이번 글에서는, 여기서 한 단계 더 도약해 객체 지향 프로그래밍의 꽃 '메소드(Method)'에 대해 살펴보고자 한다. 단순 함수(Function)과 메소드(Method)의 차이는 무엇일까? 메소드(Method)와 함수(Fu

앞선 글 <JavaScript에서 '객체'란 무엇이길래 사람들이 이리도 강조하는 것일까?> 에서 for...in 반복문에 대해 학습해보았다. 이와 관련해서 다양한 객체를 통해 실제로 for...in 반복문을 활용하던 도중, 이상한 점을 발견하였다. 일반적으로 우리는

JavaScript를 사용하다보면 Date 객체를 사용할 일이 굉장히 많다. 실제로 나 또한 Date 객체를 자주 활용해 본 경험이 있다. 문제는, 항상 Date 객체를 사용할 때 마다 그 사용법과 함수들이 헷갈려 매번 구글링을 통해 찾아봤다는 것이다. 그래서 블로그를

사실 배열도 객체이다. 즉, 배열 또한 JavaScript에서 만들어 놓은 조금 특별한 객체인 것이다.위와 같은 특성으로, 배열은 다양한 프로퍼티와 메서드들이 있어서 필요한 상황에 유용하게 활용할 수 있다. 이러한 측면이 객체가 중요하고, 또 좋은 이유 중 하나이다.

앞선 글 <JavaScript의 Data Type을 왜 특별하다고 하는 것일까?> 을 통해 JavaScript의 Data Type 중 Primary Type에 알아보았다. 이에 이어서, Object Type에 대해 더욱 심도 깊게 학습해 보고 더 나아가 Primary

깃허브를 통해 다른 사람들의 코드를 보다보면 const 키워드를 자주 발견할 수 있다. 심지어 대단한 개발자분들의 코드를 살펴볼 때도 const 키워드를 심심치 않게 살펴볼 수 있었다. 실제로 몇몇 스타일 가이드에서는 변수를 const 키워드로 선언하라고 권장하고도 있

javascript에서 변수를 만드는 방법은 ES2015를 기준으로 변화점을 맞았다. 그 중, 가장 큰 변화는 바로 let과 const 키워드의 등장이다. 과연 기존 var키워드의 문제는 무엇일까? 그리고 ES2015에서는 위 문제를 let과 const 키워드 도입을

자바스크립트 함수에서 파라미터는 기본값을 가질 수 있으며, 여러 개의 아규먼트를 처리할 때 다양한 패턴이 존재한다. 특히, ES6 이후 Rest Parameter의 등장으로 아규먼트의 개수가 가변적일 때 보다 유연한 코드를 작성할 수 있게 되었다. 이에, 이번 글에서

자바스크립트에서 함수는 매우 유연하게 선언되고 사용된다. 이번 글을 통해 함수 선언과 함수 표현식, 값으로서의 함수 활용, 그리고 화살표 함수까지 자바스크립트의 다양한 함수 활용법에 대해 알아보며 상황에 맞게 javascript내에서 유연하게 함수를 만들고 사용할 수

자바스크립트의 구조 분해 할당(Destructuring Assignment) 문법은 배열이나 객체의 속성을 해체하여 각각의 값을 개별 변수에 할당하는 강력하고 유용한 기능이다. 특히 함수에 인자로 객체나 배열을 전달할 때 일부 값만 필요한 경우 매우 유용하게 사용 가능