DEVELOPMENT

파이썬에서 데이터를 처리하다 보니 이게 빈 문자열(“”)인지 None인지 NaN 인지 구분하는 과정이 중요하다는 생각이 들었습니다. 그래서 자바스크립트를 공부하면서 나온 NaN, undefined, Null도 잘 구분하고 처리하는 게 중요하다는 생각이 들었습니다. 이번 포스트에서는 자바스크립트에서 NaN과 undefined, Null은 무엇을 나타내고 어떻게 판별하고 처리할 수 있는지 정리해보았습니다. NaN, undefined, null NaN Not a number의 약자 입니다. 이는 객체의 값이 … Read more

모든 언어에서 기초적으로 배우는 “조건문”을 공부하고 정리해보았습니다. 자바스크립트의 조건문은 비교 연산자부터 독특합니다. 비교 연산자와 조건문, 논리 연산자 순으로 포스팅 해보았습니다. 비교 연산자 동등 비교 == 또는 === 연산자를 사용합니다. ==는 값의 동등성을 비교하며, 자동으로 형 변환을 수행합니다. ===는 값과 데이터 타입의 동등성을 비교하며, 형 변환을 수행하지 않습니다. ==와 !=는 값만을 비교하므로 예상치 못한 형 변환이 … Read more

자바스크립트 데이터 유형 에는 2가지가 있습니다. 원시 타입, 참조 타입. 각 타입의 특징은 무엇이고 왜 두 타입으로 나뉘어 졌는지 정리해보았습니다. 정리를 위해 참고한 포스트는 글 하단을 참고해주세요. 원시 타입 원시 타입은 단순하고 불변한 데이터를 나타내며, 변수에 실제 값을 저장합니다. 불변형인데 변수 재할당시 데이터가 바꿀 수 있는 것은 주소값을 바꿔서 입니다. 원시 타입의 종류 원시 타입이 … Read more

JavaScript에서 객체 는 키-값 쌍의 집합으로, 속성이나 동작을 나타내는 데이터 구조입니다. (파이썬의 딕셔너리와 키-값 쌍의 집합이라는 점이 유사합니다.) 객체는 중괄호 {}로 표현되며, 키와 값은 콜론(:)으로 구분됩니다. 객체는 동적으로 속성을 추가하고 삭제할 수 있습니다. 객체는 자바스크립트에서 핵심적인 데이터 구조 중 하나이며, 다양한 용도로 활용됩니다. 이번 포스트에서는 객체의 간단한 사용법에 대해서 정리해보겠습니다. 객체 선언하기 객체는 {}중괄호에 key:value … Read more

자바스크립트로 개발하는 데 있어서 필요한 필수 개념들을 정리할 예정입니다. 우선은 스코프 (scope)와 var / let / const에 대해서 정리해보았습니다. 스코프 (scope)란? 스코프는 변수나 함수가 유효한 범위를 나타내는 개념입니다. 스코프는 코드 내에서 변수에 접근할 수 있는 범위를 결정하며, 변수의 유효성과 생존 기간을 관리합니다. 스코프는 변수가 어디서 유효한지를 결정하므로, 변수의 충돌을 방지하고 코드의 안정성을 높이는 데 중요한 … Read more

jQuery 는 4년 전에 웹 개발을 처음 맛보기로 공부했을 때, 마주한 녀석이였습니다. 자바스크립트로만 구현하기 복잡한 것들을 jQuery로 찾아서 넣으면 손쉽게 기능을 구현할 수 있어서 덕지덕지 사용했던 기억이 있네요… 하지만 최근 웹 개발의 트렌드는 React, Vue.js, Svelte 같은 SPA 용 프레임워크나 라이브러리로 옮겨가고 jQuery의 인기는 시들해졌다는데… 그 이유는 무엇일까요? 이번 글에서는 한 때 남용했던? JQuery를 한 … Read more

DOM이란 무엇이고 그 구조는 어떻게 확인 할 수 있는지 정리해보았습니다. DOM (Document Object Model)은 웹 페이지의 구조를 프로그래밍적으로 조작할 수 있게 해주는 API입니다. DOM은 문서를 트리 구조로 표현합니다. DOM 메서드를 사용하면 프로그래밍적으로 트리에 접근할 수 있으며, 이를 통해 문서의 구조, 스타일, 콘텐츠를 변경할 수 있습니다. 노드란 문서의 구조를 나타내는 객체를 뜻합니다. 노드는 다른 노드의 부모, … Read more