류지 프로젝트

1. 내장 객체(Built-in Object)내장 객체란 자바스크립트에서 기본적으로 제공하는 객체를 말합니다. 우리가 따로 만들지 않아도 사용할 수 있고, 다양한 기능(문자열 처리, 수학 계산, 날짜 등)을 제공합니다. 2. Math 객체자바스크립트의 Math 객체는 수학과 관련된 계산을 도와주는 내장 객체로, 다양한 수학 함수와 상수를 제공합니다. Math 객체는 생성할 필요 없이 바로 사용할 수 있습니다.// min(): 가장 작은 수를 반환console.log(Math.min())console.log(Math.min(1, 10, -10, 1000, 0, '-100'))console.log(Math.min(1, 10, -10, '천', 0, '-100'))// max(): 가장 큰 수를 반환cons..

프론트엔드/JavaScript 2025. 4. 15. 02:44

1. 화살표 함수자바스크립트의 화살표 함수(Arrow Function)는 function 키워드 대신 => 기호를 사용하여 함수를 더 간결하게 작성할 수 있는 방법입니다. ES6(ECMAScript 2015)부터 도입된 문법으로, 특히 코드를 짧게 만들고, this 바인딩 문제를 쉽게 해결(this가 바뀌지 않게 고정해줌)할 수 있도록 도와줍니다.// 일반 함수function add(a, b) { return a + b;}// 화살표 함수const add = (a, b) => a + b;// 매개변수가 1개일 땐 괄호 생략 가능const square = x => x * x;// 코드 블록이 있을 경우 return을 명시해야 함const add = (a, b) => { return a + b;}; th..

프론트엔드/JavaScript 2025. 4. 15. 01:05

1. 프로토타입자바스크립트에서 프로토타입(Prototype)은 객체가 다른 객체로부터 속성과 메서드를 상속받을 수 있게 해주는 메커니즘입니다. 모든 객체는 숨겨진 링크인 [[Prototype]](또는 __proto__)을 통해 자신의 부모 역할을 하는 객체를 참조하며, 이를 통해 객체 간에 속성과 메서드를 공유할 수 있습니다. 이 연결 구조를 프로토타입 체인(prototype chain)이라고 하며, 객체는 필요한 속성을 자신의 내부에서 찾지 못하면, 프로토타입을 따라 위로 올라가며 검색합니다. 이를 통해 자바스크립트는 클래스 없이도 재사용과 상속이 가능한 객체지향 구조를 구현할 수 있습니다.function Person(name) { this.name = name;}Person.prototype.say..

프론트엔드/JavaScript 2025. 4. 14. 02:03

1. 클래스클래스(Class)는 객체지향 프로그래밍에서 객체를 만들기 위한 설계도 또는 틀입니다. 하나의 클래스는 공통된 속성과 동작을 가진 객체들을 정의하며, 이 클래스를 바탕으로 실제 사용할 수 있는 객체(인스턴스)를 생성합니다. 예를 들어, 학생이라는 클래스를 만들면, 이름, 나이 같은 속성과 공부한다는 행동을 포함시킬 수 있고, 이 클래스를 사용해 여러 명의 학생 객체를 만들 수 있습니다. 클래스는 코드의 재사용성, 확장성, 유지보수성을 높여주며, 객체지향 프로그래밍의 핵심 구조로 작동합니다. 자바스크립트에서는 ES6(ECMAScript 2015)부터 class 문법이 도입되었습니다.class 클래스이름 { constructor(매개변수들) { // 객체 초기화 (속성 정의) } 메서드..

프론트엔드/JavaScript 2025. 4. 13. 20:50

1. 프로그램 패러다임프로그래밍을 바라보는 방식 또는 문제를 해결하기 위한 사고 방식입니다. 즉, "어떻게 프로그램을 구성하고 동작하게 할 것인가"에 대한 철학 또는 스타일입니다. 1. 절차 지향 프로그래밍절차지향 프로그래밍은 코드를 순서대로 실행되는 일련의 절차(또는 단계)로 구성하는 방식입니다.데이터와 기능을 분리하고, 함수를 사용하여 문제를 단계적으로 해결해 나가며,흐름 중심으로 설계되기 때문에 프로그램이 위에서 아래로 흐르는 형태를 가집니다.대표적인 절차지향 언어로는 C언어가 있으며, 작은 프로그램이나 계산 중심의 작업에 적합합니다.const names = ["김사과", "반하나", "오렌지", "이메론"];for (let i = 0; i 2. 객체 지향 프로그래밍객체지향 프로그래밍(Object..

프론트엔드/JavaScript 2025. 4. 13. 19:23

1. 함수자바스크립트에서 함수는 특정 작업을 수행하는 코드 블록으로, 필요할 때 이름을 호출해서 반복적으로 사용할 수 있는 구조입니다. 함수를 사용하면 같은 코드를 여러 번 작성하지 않고 재사용할 수 있어 코드가 더 효율적이고 깔끔해집니다. 함수는 function 키워드를 사용하여 정의하며, 괄호 안에는 함수에 전달할 매개변수(입력값)를 넣을 수 있고, 내부에서 return 키워드를 사용해 결과값(출력값)을 반환할 수 있습니다. 함수는 자바스크립트에서 반복되는 작업을 모듈화하고 재사용하기 위한 핵심 도구입니다. 자바스크립트에서는 함수를 만드는 두 가지 방법이 있습니다. 기본 함수 선언식과 함수 표현식인데 비슷해 보이지만 중요한 차이점이 있습니다. 1. 기본 함수 선언식 (Function Declarati..

프론트엔드/JavaScript 2025. 4. 11. 01:43

1. 배열과 반복문배열은 값이 여러 개 들어있기 때문에, 각 요소를 하나씩 꺼내서 어떤 작업을 하고 싶을 때 반복문이 필요합니다. 1. for 반복문let fruits = ["사과", "바나나", "오렌지"];for (let i = 0; i 배열 길이만큼 반복 (fruits.length)i가 배열의 인덱스 역할배열 요소를 직접 조작하고 싶을 때 유용 2. for...of 반복문ES6부터 나온 문법으로, 배열 요소 자체에 바로 접근할 수 있어 더 간단하고 직관적입니다.let fruits = ["사과", "바나나", "오렌지"];for (let fruit of fruits) { console.log(fruit);}인덱스가 필요 없을 때 간단하게 반복 가능배열 요소를 하나씩 꺼내서 바로 사용 3. forEa..

프론트엔드/JavaScript 2025. 4. 10. 17:56

1. 배열자바스크립트에서 배열은 여러 개의 값을 하나의 변수에 순서대로 저장할 수 있는 자료구조입니다. 배열은 대괄호 []를 사용하여 생성하며, 각 요소는 쉼표로 구분됩니다. 배열의 각 값은 인덱스(0부터 시작)를 통해 접근할 수 있으며, 숫자, 문자열, 객체, 함수 등 다양한 타입의 데이터를 함께 저장할 수 있습니다. 배열은 push, pop, shift, unshift, splice, forEach, map 같은 유용한 메서드를 제공하여 데이터를 쉽게 추가, 삭제, 반복, 변형할 수 있도록 도와줍니다. 이처럼 배열은 데이터를 순서대로 다루는 데 매우 유용하고 자주 사용되는 기본 자료형입니다.let 변수명 = [값1, 값2, 값3, ...]; 2. 배열의 특징1. 여러 가지 자료형을 함께 저장할 수 있..

프론트엔드/JavaScript 2025. 4. 10. 17:26