끄적끄적노트

회사에서 여러 서비스를 만들면서 UI 단위(HTML, CSS, JavaScript) 의 코드 재사용성 에 대해 한창 고민했던 적이 있다. 리펙토링을 반복하며 모듈간 연관성을 제거하는 방식으로 개선해봤지만, 기존의 개발방식에서 크게 벗어나지 않으면서 전체적인 구조에서 모듈간 상호 의존성없이 완전히 재사용 가능하게 만드는 것은 사실상 불가능했다. 프레임워크 컴포넌트 그래서 React, Angular2 등의 프레임워크의 컴포넌트 개념만이 이 문제를 해결할 수 있을 것이라는 생각을 했었다. React는 사실 프레임워크는 아니지만.. 그러나 프레임워크의 사용은 학습이 필요하기 때문에 진입장벽이 높게 느껴질 수 있고 작은 서비스의 경우 오히려 프레임워크 사용으로 전체적으로 무거워질 수 있으며, 그 생태계 안에서는 ..

null과 undefined의 차이는 아주 쉽지만 생각해본 적이 없을 경우 '응? 그러게? 뭐가 다르지?' 할 수 있어서 적어본다. undefined undefined 는 변수를 선언만하고 값을 할당하지 않은 것이다. 즉, 자료형이 결정되지 않은 상태 다. 그래서 값이 할당된 적이 없는 변수에 접근하거나, 존재하지않는 객체 프로퍼티에 접근할 경우 undefined가 반환된다. var testValue; var finalValue = 1 + testValue; console.log(testValue); // undefined console.log(finalValue); // NaN위의 코드에서 undefined는 특수 값 NaN(숫자가 아님)처럼 동작한다. null null 은 변수를 선언하고 null이라..

JavaScript를 공부하다보면 '자바스크립트의 함수는 일급객체기 때문에~' 라는 말을 덧붙이면서 설명하는 경우가 많다. 여기서 말하는 일급객체가 뭘까? JavaScript의 함수는 보통의 다른 언어와 다르게 변수에 담을 수도 있고 다른 함수의 인자로도 사용이 가능하다는 건 알았지만 이것이 JavaScript의 함수가 일급객체이기 때문에 가능한 것이라는 것은 부끄럽지만 얼마전에 알게되었다. 일급 객체(1급 객체, First Class Object) 특정 언어의 일급 객체란, 컴퓨터 프로그래밍 언어에서 일반적으로 다른 객체들에 적용 가능한 연산을 모두 지원하는 객체를 가리킨다. 다음과 같은 조건을 만족할 때 일급 객체라고 말할 수 있다. 변수(variable)에 담을 수 있다. // 변수에..