자바스크립트 함수 선언문

이번 포스트에서는 자바스크립트 함수 포스트에서 다루지 못했던 함수 선언문 특징에 대해서 정리해 보았습니다. 함수 선언문의 특징 1 : 호이스팅 함수 선언문은 코드 실행 전에 미리 메모리에 올려지기 때문에 함수를 선언하기 전에 호출할 수 있습니다. 즉, 함수가 코드 어디에서든 호출 가능합니다. 함수 선언문의 특징 2 : 재선언 함수는 var 처럼 다른 function 혹은 var로 재선언 될 … Read more

자바스크립트 함수

자바스크립트는 신기하게도 “함수”를 선언하는 방법이 여러가지가 있습니다. 그리고 함수 선언 방법에 따라 독특한 특징도 있습니다. 처음에는 함수 선언 방법과 특징들을 모두 하나의 포스트에 정리하려고 했지만, 함수 선언 방식에 따른 함수들의 특징들이 생각보다 많고 독특한 게 많네요… 함수 선언 방식에 따른 특징들은 다음 포스트에서 정리하고 이번에는 자바스크립트 함수 선언 방법과 몇 가지 주요한 특징들만 간략하게 정리해보았습니다. … Read more

자바스크립트 반복문

“반복문“은 프로그램에서 동일한 작업을 여러 번 수행하기 위한 구조로, 특정 조건이 참인 동안 코드 블록을 반복 실행합니다. 이를 통해 중복된 작업을 효율적으로 처리할 수 있습니다. 자바스크립트 반복문은 C나 Java에서 보이던 for문의 형태도 있고 파이썬에서 보던 for문의 형태도 있습니다. 그리고 다른 언어와 다르게 label 문을 활용하여 명시적이면서 간단하게 반복문을 종료시킬수도 있습니다. 이번 포스트에서는 자바스크립트 반복문에는 무엇이 … Read more

자바스크립트 NaN, undefined, null

파이썬에서 데이터를 처리하다 보니 이게 빈 문자열(“”)인지 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)와 var / let / const에 대해서 정리해보았습니다. 스코프 (scope)란? 스코프는 변수나 함수가 유효한 범위를 나타내는 개념입니다. 스코프는 코드 내에서 변수에 접근할 수 있는 범위를 결정하며, 변수의 유효성과 생존 기간을 관리합니다. 스코프는 변수가 어디서 유효한지를 결정하므로, 변수의 충돌을 방지하고 코드의 안정성을 높이는 데 중요한 … Read more

jQuery 둘러보기

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