류지 프로젝트

1. 모듈자바스크립트 모듈(module)은 코드의 재사용성과 유지보수성을 높이기 위해 기능을 개별 파일로 분리하여 사용할 수 있도록 해주는 구조입니다. export 키워드를 사용하여 모듈에서 변수, 함수, 클래스 등을 외부로 내보내고, import 키워드를 사용하여 다른 파일에서 이들을 불러와 사용할 수 있습니다. 이를 통해 전역 변수 오염을 방지하고, 각 기능을 독립적으로 관리할 수 있어 복잡한 애플리케이션 개발에 적합한 구조를 제공합니다. ES6(ECMAScript 2015)부터 표준으로 도입되어 현재 대부분의 환경에서 널리 사용되고 있습니다.1. CommonJS 방식의 모듈📁 counter.js (모듈 파일)let count = 0function increase(){ count++}funct..

백엔드/Node.js 2025. 4. 18. 17:37

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

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

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