SMALL 자바스크립트5 자바스크립트 함수 래퍼런스 '함수'에 대해 배우실 때 많은 혼란을 느끼실 수 있습니다. 본 가이드에서는 여러분이 쉽게 이해할 수 있도록 자바스크립트 함수의 선언과 표현에 대해 깊고 자세하게 설명하겠습니다. 함수 선언식 (Function Declaration) 함수 선언식은 함수의 이름과 매개변수, 본문을 정의하는 방식입니다. 이 방식은 함수의 호이스팅이라는 특징을 가지며, 아래와 같이 작성됩니다. function calculateDistance(x1, y1, x2, y2) { var dx = x2 - x1; var dy = y2 - y1; return Math.sqrt(dx * dx + dy * dy); } 위 예제에서는 두 점 간의 거리를 계산하는 함수를 선언하였습니다. 함수 표현식 (Function Expression) 함수 .. 2023. 8. 20. 자바스크립트에서 객체 이해하기 자바스크립트에서 객체를 활용한 실용적인 예제 자바스크립트를 배우기 시작하면, 처음에는 다소 어려워 보일 수 있습니다. 그럼에도 불구하고 객체와 같은 기능은 코드를 깔끔하게 정리하고 재사용하기에 아주 유용합니다. 이 가이드에서는 객체를 어떻게 활용하는지 실용적인 예제를 통해 알아봅시다. 물건 판매 웹사이트 예제 const product = { name: '스마트폰', price: 1000000, category: '전자제품', details: { brand: '삼성', model: '갤럭시 S21', color: '검정' }, showDetails: function() { console.log(`${this.name} - ${this.details.brand} ${this.details.model}, 가격.. 2023. 8. 20. 자바스크립트의 기본 타입(Primitive Type) 이해하기 자바스크립트의 기본 타입: 값의 본질을 이해하기 데이터 타입은 쉽게 말해서 값의 종류를 말합니다. 자바스크립트에서는 크게 기본 타입(Primitive Type)과 객체 타입(Object Type)으로 구분합니다... 기본 타입 (Primitive Type) 기본 타입은 객체가 아닌 것들이며, 더 이상 작은 단위로 나뉘어지지 않는 값이며... 숫자 (number) let num = 42; console.log(typeof num); // 'number' 문자열 (string) let str = 'Hello, World!'; console.log(typeof str); // 'string' 불리언 (boolean) let isTrue = true; console.log(typeof isTrue); // 'b.. 2023. 8. 20. 자바스크립트의 전역 스코프와 블록 스코프 이해하기 프로그래밍 세계에 발을 디딘 여러분, 환영합니다! 자바스크립트를 배우는 길에서 스코프는 중요한 이정표입니다... 전역 스코프: 코드 어디에서나 전역 스코프는 코드 전체에서 접근 가능한 범위입니다... let globalVar = '전역 변수'; function showVar() { console.log('globalVar : ', globalVar); // globalVar : 전역 변수 } showVar(); console.log('globalVar : ', globalVar); // globalVar : 전역 변수 블록 스코프: 중괄호 안의 세계 블록 스코프는 중괄호 { }로 둘러싸인 범위입니다... function showVar() { let blockVar = '블록 변수'; console.log.. 2023. 8. 20. 자바스크립트 첫 걸음 : 변수와 상수 프로그래밍을 시작하는 것은 새로운 언어를 배우는 것과 비슷합니다... 변수의 정의와 선언 변수는 간단히 말해 값을 저장할 수 있는 이름이 부여된 공간입니다. 변수의 선언: var, let, const 자바스크립트에서 변수를 선언하는 방식은 세 가지입니다: var, let, const. var var는 함수 범위(function scope)를 가지며, 호이스팅이 발생합니다. 호이스팅이란 변수 선언이 해당 범위의 최상단으로 끌어올려지는 현상을 의미합니다. console.log('incorrect_name : ', incorrect_name); // incorrect_name : undefined var incorrect_name = 'John'; // 변수 선언이 최상단으로 끌어올려짐 var correct_.. 2023. 8. 20. 이전 1 다음 LIST