자바스크립트6 [JavaScript] 자바스크립트 호이스팅에 대해 간단하게 설명하기 호이스팅 hoisting 이란 자바스크립트에서 코드가 실행되기 전 변수 선언과 함수 선언을 코드 맨 위 최상단으로 끌어올려 동작하는 것을 말한다. 호이스팅으로 인해 코드의 선언 위치와 무관하게 변수를 사용할 수 있는 것처럼 보일 수 있는데 선언 측면에서의 이야기인 것이지 변수의 값 얼로케이션까지 최상단으로 끌어올리듯 동작하는 것이 아님을 주의해야한다. 함수를 사용한 후 함수에 대해 선언해도 함수 호출 자체에 대한 문제가 없는 것이 호이스팅이라면 var로 선언하고 할당한 변수를 선언문 전에 출력하면 초기화된 것이 아니라서 undefined 으로 출력되고 선언문이 작동한 후 출력해야 할당된 값이 정상적으로 출력된다는 것을 주의해야한다. let 과 const에 대해 호이스팅이 작동하기는 하지만 선언문 이전.. 2024. 12. 31. [JavaScript] 자바스크립트 기초 5. 형 변환(1) 1. Type Conversion 형 변환 (1) 1-1. 형 변환 개요 String(), Number(), Boolean() 함수를 이용한다 변환할 자료형에 맞는 함수를 선택하고 괄호 안에 변환할 값을 작성한다 console.log('10' + '5'); // 105 string console.log(10 + 5); // 15 number // Type conversion console.log(Number('10') + Number('5')); // 15 number console.log(String(10) + String(5)); // 105 string 1-2. 숫자로 형 변환 let x = '문자'; console.log(x); // 문자 console.log(typeof x); // string.. 2024. 2. 11. [JavaScript] 자바스크립트 기초 4. 자료형 활용 (number, string, boolean, typeof) 1. 숫자형과 연산 console.log(7 % 3); // 나머지 console.log(7 + 3); // 덧셈 console.log(7 - 3); // 뺄셈 console.log(7 * 3); // 곱셈 console.log(7 ** 3); // 거듭제곱 console.log(7 / 3); // 몫 console.log(7 + 3 * 2); // 사칙연산의 우선순위를 기반으로 계산됨 console.log((7 + 3) * 2); / console.log(11 + 3 * 4); // 23 console.log(25 / 5 + 15 % 4); // 8 console.log(33 - 5 ** 2); // 8 console.log((3 + 27) * 12 ** (5 % 3)); // 4320 - 거듭제곱이 .. 2024. 2. 11. [JavaScript] 자바스크립트 기초 3. return문 개념 1. return 문 1-1. return 문 개념 함수 내부에서 되돌려줄 값을 return 문으로 작성한다 function getTwo() { return 2; } console.log(getTwo()); // console.log(2); 와 같은 의미 1-2. 활용 예시 let x = 10; let y = 20; function myFunction(a, b) { return a + b; } let myAnswer = myFunction('x', 'y'); console.log(myAnswer); 출력 결과는 xy 이다 30 이나 1020으로 예상한 사람들이 많았을 것 같은데 xy인 이유는 다음과 같다 콘솔 로그문에서 myAnswer을 출력하고자한다 myAnswer 변수는 myFunction을 호출하여.. 2024. 2. 11. [JavaScript] 자바스크립트 기초 2. 자료형, 추상화, 변수, 함수, 파라미터 개념 1. 자바스크립트의 자료형 1-1. 일반적인 프로그래밍 언어의 자료형 숫자 Number - 정수 Integer / 소수 Floating Point 문자열 String 불린 Boolean 1-2. 자바스크립트에만 존재하는 특별한 자료형 이후 자세히 배울 내용으로 아직은 설명하지 않을 예정. 해당 링크를 참고하면 된다 https://developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures JavaScript의 타입과 자료구조 - JavaScript | MDN 모든 프로그래밍 언어에는 내장된 자료구조가 존재하지만, 보통 그 내용은 언어마다 다릅니다. 이 글에서는 JavaScript에서 사용할 수 있는 내장 자료구조와 그 속성에 대해 알아보겠습니다. 그러 de.. 2024. 2. 11. [JavaScript] JavaScript Style Guide, Indentation Setting 1. 자바스크립트 스타일 가이드 다양한 자바스크립트 스타일 가이드는 다음을 참고하면 좋다 ( 코드 에디터마다 들여쓰기가 다를 수 있으나 하단의 스타일 가이드들은 대부분 2칸 space를 권장한다) https://google.github.io/styleguide/jsguide.html Google JavaScript Style Guide Google JavaScript Style Guide 1 Introduction This document serves as the complete definition of Google’s coding standards for source code in the JavaScript programming language. A JavaScript source file is des.. 2024. 2. 11. 이전 1 다음 728x90
