본문 바로가기
반응형

javascript107

[JavaScript 문법] 3일차: 연산자와 표현식 연산자란?연산자는 변수나 값에 대해 연산을 수행하는 기호입니다. JavaScript에서는 다양한 연산자를 제공하여 산술 연산, 할당, 비교, 논리 연산 등을 수행할 수 있습니다.산술 연산자산술 연산자는 숫자 값에 대해 기본적인 산술 연산을 수행합니다.덧셈 (+): 두 값을 더합니다.뺄셈 (-): 첫 번째 값에서 두 번째 값을 뺍니다.곱셈 (*): 두 값을 곱합니다.나눗셈 (/): 첫 번째 값을 두 번째 값으로 나눕니다.나머지 (%): 첫 번째 값을 두 번째 값으로 나눈 나머지를 구합니다.거듭제곱 (``)**: 첫 번째 값을 두 번째 값만큼 거듭제곱합니다.예제:let a = 10;let b = 3;console.log(a + b); // 13console.log(a - b); // 7console.log(.. 2024. 8. 3.
[JavaScript 심화 시리즈] 3일차: JavaScript의 프로토타입과 상속 이해하기 3. 프로토타입과 상속프로토타입이란 무엇인가?JavaScript의 프로토타입은 객체 지향 프로그래밍의 중요한 개념 중 하나입니다. 모든 객체는 자신의 프로토타입 객체에 대한 참조(링크)를 가지고 있으며, 이를 통해 상속받은 속성과 메서드에 접근할 수 있습니다. 이러한 참조 체인을 프로토타입 체인(prototype chain)이라고 합니다.프로토타입 체인프로토타입 체인은 객체의 속성이나 메서드를 찾을 때, 현재 객체에서 찾지 못하면 프로토타입 객체를 따라가며 계속해서 찾는 구조입니다.예제:let person = { name: 'Alice', greet: function() { console.log('Hello, ' + this.name); }};let student = { age: 20};st.. 2024. 8. 3.
[코딩 테스트] 2일차: 조건문과 반복문 조건문조건문은 주어진 조건에 따라 코드의 실행 흐름을 제어하는 문법입니다. 조건문을 사용하여 특정 조건이 참일 때만 특정 코드 블록을 실행할 수 있습니다.if, else if, else 문if 문은 조건이 참일 때 특정 코드를 실행합니다. else if와 else 문은 추가 조건과 기본 조건을 처리하는 데 사용됩니다. JavaScript에서의 if, else if, else 문let num = 10;if (num > 10) { console.log("num은 10보다 큽니다.");} else if (num === 10) { console.log("num은 10입니다.");} else { console.log("num은 10보다 작습니다.");}Python에서의 if, else if, else 문nu.. 2024. 8. 2.
[JavaScript 문법] 2일차: 변수와 데이터 타입 변수란?변수는 데이터를 저장하고 관리하는 데 사용되는 메모리 공간의 이름입니다. JavaScript에서 변수는 var, let, const 키워드를 사용하여 선언할 수 있습니다.변수 선언var 키워드: ES6 이전에 변수를 선언할 때 사용되었으며, 함수 스코프를 가집니다.let 키워드: ES6에서 도입된 변수 선언 키워드로, 블록 스코프를 가집니다.const 키워드: 상수 선언 키워드로, 블록 스코프를 가지며, 재할당이 불가능합니다.예제:var name = 'Alice';let age = 25;const country = 'USA';데이터 타입JavaScript의 데이터 타입은 크게 원시 타입(Primitive Types)과 객체 타입(Object Types)으로 나눌 수 있습니다.원시 타입숫자(Numb.. 2024. 8. 2.
[JavaScript 최신 기능 시리즈] 2일차: JavaScript 템플릿 리터럴 이해하기 2. 템플릿 리터럴템플릿 리터럴이란 무엇인가?템플릿 리터럴(Template Literal)은 ES6에서 도입된 새로운 문자열 표기법으로, 백틱(backtick, `)을 사용하여 문자열을 정의합니다. 템플릿 리터럴은 문자열을 더 쉽게 조작할 수 있는 기능들을 제공합니다.템플릿 리터럴의 기본 사용법템플릿 리터럴은 백틱(``)을 사용하여 문자열을 감쌉니다.let greeting = `Hello, World!`;console.log(greeting); // 출력: Hello, World!문자열 내 변수 삽입 (Interpolation)템플릿 리터럴을 사용하면 문자열 내에서 변수와 표현식을 쉽게 삽입할 수 있습니다. 변수와 표현식을 ${}로 감싸서 사용합니다.let name = 'Alice';let messag.. 2024. 8. 2.
[JavaScript 심화 시리즈] 2일차: JavaScript의 this 키워드 이해하기 2. this 키워드 이해하기this 키워드란 무엇인가?this 키워드는 JavaScript에서 함수가 호출될 때 설정되는 특수한 객체를 참조합니다. this의 값은 함수가 어떻게 호출되었는지에 따라 결정됩니다.기본적인 this의 사용1. 전역 컨텍스트에서의 this전역 컨텍스트에서 this는 전역 객체를 참조합니다. 브라우저 환경에서는 window 객체를 가리킵니다.console.log(this); // 출력: [object Window]2. 객체 메서드에서의 this객체의 메서드에서 this는 그 메서드를 소유한 객체를 참조합니다.let person = { name: 'Alice', greet: function() { console.log('Hello, ' + this.name); }};.. 2024. 8. 2.
[JavaScript 기초 시리즈] 2일차: JavaScript 변수와 자료형에 대해 알아보자 2. 변수와 자료형변수란 무엇인가?변수는 데이터를 저장하기 위한 이름이 붙은 저장소입니다. JavaScript에서는 var, let, const 키워드를 사용하여 변수를 선언할 수 있습니다.변수 선언 방식1. varvar는 ES6 이전에 사용되던 변수 선언 방식입니다. 함수 스코프를 가지며, 중복 선언이 가능합니다.var name = 'JavaScript';console.log(name); // 출력: JavaScriptvar name = 'ECMAScript';console.log(name); // 출력: ECMAScript 2. letlet은 블록 스코프를 가지며, 중복 선언이 불가능합니다. ES6에서 도입되었습니다.let age = 25;console.log(age); // 출력: 25// l.. 2024. 8. 2.
[코딩 테스트] 1일차: 변수와 데이터 타입 변수와 데이터 타입코딩 테스트에서 가장 기본이 되는 부분은 변수와 데이터 타입입니다. 변수는 데이터를 저장하는 공간이며, 데이터 타입은 변수에 저장되는 데이터의 종류를 의미합니다.변수 선언변수를 선언하는 방법은 사용하는 언어에 따라 다릅니다. 여기서는 JavaScript와 Python을 예로 들어 설명합니다.JavaScript에서의 변수 선언JavaScript에서는 var, let, const 키워드를 사용하여 변수를 선언합니다.var: 함수 스코프를 가지며, 선언하기 전에 사용할 수 있습니다(호이스팅).let: 블록 스코프를 가지며, 선언하기 전에 사용할 수 없습니다.const: 블록 스코프를 가지며, 선언과 동시에 초기화되어야 합니다. 이후 변경할 수 없습니다.var x = 5;let y = 10;c.. 2024. 8. 1.
[JavaScript 문법] 1일차: JavaScript 소개 및 설정 JavaScript란?JavaScript는 웹 페이지를 동적으로 만들기 위해 사용되는 프로그래밍 언어입니다. HTML과 CSS와 함께 웹의 핵심 기술 중 하나로, 클라이언트 측 스크립팅을 통해 사용자와의 상호작용을 가능하게 합니다.JavaScript의 역사JavaScript는 1995년 Brendan Eich가 넷스케이프(Netscape) 브라우저를 위해 개발한 언어입니다. 이후 ECMA 국제 표준화 기구에서 표준화되어 ECMAScript(ECMA-262)라는 이름으로 발표되었습니다. 현재 최신 버전은 ECMAScript 2022(ES13)입니다.JavaScript 환경 설정JavaScript를 작성하고 실행하기 위해 필요한 환경을 설정합니다.1. 브라우저 콘솔 사용모던 브라우저는 모두 JavaScrip.. 2024. 8. 1.
[JavaScript 기초 시리즈] 1일차: JavaScript의 역사와 기본 개념 1. JavaScript 소개 및 역사JavaScript란 무엇인가?JavaScript는 웹 개발의 핵심 언어 중 하나로, 웹 페이지를 동적으로 만들기 위해 사용됩니다. HTML과 CSS가 웹 페이지의 구조와 스타일을 담당한다면, JavaScript는 웹 페이지의 동작을 담당합니다. JavaScript를 사용하면 사용자의 입력에 반응하고, 데이터를 조작하며, 페이지의 콘텐츠를 동적으로 업데이트할 수 있습니다.JavaScript의 역사JavaScript는 1995년에 넷스케이프(Netscape)에서 브렌던 아이크(Brendan Eich)에 의해 처음 개발되었습니다. 당시 JavaScript는 모카(Mocha)라는 이름으로 시작되었고, 이후 라이브스크립트(LiveScript)를 거쳐 JavaScript로 명.. 2024. 8. 1.
반응형