Programming/JavaScript17 자바스크립트에서 this란? 🔍 this란?자바스크립트에서 "누가" 실행했는지를 가리키는 키워드다.기본적으로는 window를 나타낸다. 웹을 켜고 콘솔창에서 this를 입력하면 window 관련정보가 출력된다. 예를 들어서어떤 객체(Object) 안에서 함수를 실행하면, 그 함수 안의 this는 그 객체 자신을 가리킨다. const student = { name: 'ashley', sayHello: function () { console.log(this.name + ' 안녕!'); }};student.sayHello(); // 👉 "ashley 안녕!" (this는 student를 가리킴) 익명 함수에서 this VS 화살표 함수에서 this 익명함수(function)const person = { na.. 2025. 4. 11. script defer와 script async의 차이점 및 비교 우리는 보통 웹페이지를 만들 때 아래처럼 적는다. hello 위의 코드의 경우, 위의 head 태그부터 코드를 읽다가 script.js를 만나면 바로 실행되기 때문에 그동안 나머지 HTML 부분은 멈추게 된다.이게 바로 느려지는 이유그래서 등장했다. defer / async defer 📄 본문 내용 // script.jsconsole.log('🕓 defer 실행됨!'); 1. HTML 파싱과 script 파일 다운로드 동시에 시작2. HTML 다 파싱된 후 console.log 출력됨‼️단, 여러 defer 스크립트가 있다면 작성 순서대로 실행됨 async 📄 본문 내용 // script.jsconsole.log('⚡ async 실행됨!'); 1. HTM.. 2025. 4. 11. 자바스크립트 객체(JavaScript Objects) 실생활 객체, 속성 및 메소드(Real Life Objects, Properties, and Methods) 실생활에서, 차는 객체이다. 차는 무게, 색깔 그리고 출발과 멈춤같은 방법(메소드)의 속성들을 갖고 있다. 객체 속성 방법(메소드) car.name = Fiat car.model = 500 car.weight = 850kg car.color = white car.start() car.drive() car.brake() car.stop() 모든 자동차는 동일한 속성을 갖고 있지만, 속성 값은 자동차마다 다르다. 모든 자동차는 동일한 방법을 갖고있지만, 서로 다른 시간에 실행된다. 자바스크립트 객체(JavaScript Objects) 자바스크립트 변수는 데이터 값을 담기 위한 컨테이너라고 이미 배웠었.. 2022. 11. 10. 자바스크립트 함수(JavaScript Functions) 자바스크립트 함수는 특정 업무를 수행하도록 설계된 코드 블록이다. 자바스크립트 함수는 "무언가"가 이를 호출했을 때 실행된다. //12 자바스크립트 함수 구문(JavaScript Function Syntax) 자바스크립트 함수는 function 키워드, 이름, 괄호()로 정의된다. 함수 이름에는 문자, 숫자, 언더바 그리고 달러 기호가 포함될 수 있다.(변수와 같은 규칙이 적용된다) 괄호는 쉼표로 구분된 매개변수들을 포함한다.(parameter1, parameter2, ...) 함수에 의해 실행되는 코드는 중괄호 { } 안에 위치한다. function name(parameter1, parameter2, parameter3) { // code to be executed } 함수의 매개변수는 함수 정의에서 .. 2022. 10. 26. 자바스크립트 데이터 타입(JavaScript Data Types) 자바스크립트 변수는 다양한 종류의 데이터 타입을 가질 수 있다. : 숫자, 문자열, 객체 등등 let length = 16; // Number let lastName = "Johnson"; // String let x = {firstName:"John", lastName:"Doe"}; // Object 데이터 타입의 개념(The Concept of Data Types) 프로그래밍에서, 데이터 타입은 중요한 개념이다. 변수에 대해 연산을 수행하려면 타입에 대해 아는 것이 중요하다. 데이터 타입 없이는 컴퓨터는 다음과 같은 예제를 안전하게 해결할 수 없다. let x = 16 + "Volvo"; 숫자 16에 "Volvo"를 추가하는 것의 결과는 다음과 같이 처리된다. let x = "16" + "Volvo".. 2022. 10. 24. 자바스크립트 할당(JavaScript Assignment) 자바스크립트 할당 연산자(JavaScript Assignment Operators) 할당 연산자는 자바스크립트 변수에 값을 할당한다. 연산자 예제 같은 의미 = x = y x = y += x += y x = x + y -= x -= y x = x - y *= x *= y x = x * y /= x /= y x = x / y %= x %= y x = x % y **= x **= y x = x ** y 💡 **= 연산자는 ECMAScript 2016의 일부이다. 인터넷 익스플로러(IE) 11이나 그 이전 버전에선 동작하지 않는다. 쉬프트 할당 연산자(Shift Assignment Operators) 연산자 예제 같은 의미 > y >>>= x >>>= y x = x >>> y 논리 할당 연산자(Logical .. 2022. 10. 24. 이전 1 2 3 다음
