유정잉

1. 모듈식 코드 (Modular Code)❓ "큰 프로그램을 잘게 나눠서 각각의 부품처럼 만들 수 없을까?" -> 그래서 나온 개념이 모듈화(Modularization)🔹 뜻기능별로 파일이나 함수, 클래스 등을 따로 나누는 방식각 모듈은 하나의 역할만 수행하도록 설계서로 독립적이어서 유지보수나 재사용이 쉬움🔧 예시 → 기능별로 따로 파일로 나눔 = 모듈식 코드// userService.jsexport function getUserInfo(userId) { ... }// authService.jsexport function login(id, pw) { ... }✅ 장점보기 쉬움수정이 쉬움테스트가 편함재사용이 가능함✅ 2. 애자일 방식 (Agile Methodology)❓ "프로젝트를 빨리 빨리 작고..

자바에서 가장 많이 쓰는 컬렉션 3종 세트✅ List✅ Set✅ Map ✅ 1. List — 순서 O, 중복 O대표 클래스: ArrayList🔹 선언 및 추가import java.util.*;List list = new ArrayList();list.add("apple");list.add("banana");list.add("apple"); // 중복 가능🔹 출력System.out.println(list); // [apple, banana, apple]for (String item : list) { System.out.println(item);}✅ 2. Set — 순서 X, 중복 X대표 클래스: HashSet, TreeSet🔹 선언 및 추가import java.util.*;Set set = ..

자바스크립트에서 filter()는 배열에서 조건을 만족하는 요소만 "걸러내는(filter)" 메서드✅ 기본 개념let 결과배열 = 원본배열.filter(조건을판단하는함수);filter()는 배열의 각 요소를 순회하면서, 조건이 true인 값만 모아서 새 배열을 만들어 반환 ! 원본 배열은 변하지 않음✅ 간단한 예시const numbers = [1, 2, 3, 4, 5, 6];const evenNumbers = numbers.filter(n => n % 2 === 0);console.log(evenNumbers); // [2, 4, 6]n % 2 === 0 → 짝수인지 검사filter()는 true인 값들만 골라서 [2, 4, 6] 새 배열을 리턴함✅ 객체 배열 예시 const users = [ { na..

new Object()와 {}는 자바스크립트에서 객체를 생성하는 두 가지 방법 ! 기능은 거의 똑같지만, 표현 방식과 실제 사용 시점에서 차이가 존재✅ 1. 기본 형태 비교방식문법설명생성자 방식new Object()Object 생성자를 이용해 객체 생성리터럴 방식{}객체를 직접 표현하는 가장 간단한 방법 ✅ 2. 실제 예제 비교🔸 new Object() 사용let person = new Object();person.name = "유정";person.age = 25;🔸 객체 리터럴 {} 사용let person = { name: "유정", age: 25}; -> 결과적으로 둘 다 똑같은 객체를 만듦console.log(person.name); // "유정"console.log(person.age); ..

✅ 1. .some() — "하나라도 통과하면 true"🔹 문법array.some(callback)배열 안에 하나라도 조건을 만족하면 true, 아니면 false🔹 예시 1: 숫자 중에서 10보다 큰 값이 있는지?const numbers = [3, 7, 11, 2];const hasBigNumber = numbers.some(n => n > 10);console.log(hasBigNumber); // ✅ true (11 있음)🔹 예시 2: 참가자 중에 관리자(admin)가 있는지?const users = [ { name: "유정", role: "user" }, { name: "철수", role: "admin" }, { name: "민수", role: "user" }];const isAdminP..

자바스크립트에서 ==랑 ===는 둘 다 "같다"를 비교하는 연산자지만 동작 방식이 다름 ! 연산자이름비교 방식==동등 연산자값만 비교 (타입은 자동 변환해서 비교함)===일치 연산자값과 타입 모두 비교 (엄격한 비교)🔍 예제🔸 == (느슨한 비교)console.log(5 == "5"); // ✅ true (숫자 5와 문자열 "5"를 같은 값으로 취급)console.log(false == 0); // ✅ true (false는 숫자 0으로 변환돼 비교됨)console.log(null == undefined); // ✅ true (자바스크립트만의 특이한 규칙)🔸 === (엄격한 비교)console.log(5 === "5"); // ❌ false (값은 같지만 타입이 다름)c..

❓퀴즈다음 코드의 출력값은?let obj1 = { value: 10 };let obj2 = obj1;obj1.value = 20;console.log(obj2.value); 20 !🔍이유 설명let obj1 = { value: 10 };let obj2 = obj1;여기서 obj2 = obj1은 값 복사가 아니라, obj1이 가리키는 객체를 참조즉, obj1과 obj2는 같은 객체를 공유하고 있는 상태obj1.value = 20;이렇게 값을 바꾸면, 그 객체의 value 속성 자체가 바뀌기 때문에 obj2.value도 똑같이 20이 됨기본형은 값 복사, 객체는 참조 복사!자바스크립트에서 객체(object)는 여러 개의 데이터를 하나로 묶어서 저장하는 자료형쉽게 말해서, 이름표가 붙은 데이터의 모음집 ! ..

var, let, const는 JavaScript에서 변수를 선언할 때 사용하는 키워드 !이 세 가지는 선언 방식, 스코프(Scope), 호이스팅(Hoisting), 재할당 가능 여부 등의 측면에서 중요한 차이점이 존재 !📌 1. 선언 방식스코프함수 스코프 (var)블록 스코프 (let)블록 스코프 (const)호이스팅O (초기값: undefined)O (초기화 전 접근 시 에러)O (초기화 전 접근 시 에러)재선언OXX재할당OOX (불변)🔍 2. 각 키워드의 특징✅ var함수 스코프만 가짐 (if, for 등 블록에서는 스코프가 구분되지 않음)호이스팅 시 변수 선언이 끌어올려짐(초기값은 undefined)같은 이름으로 재선언 가능재할당 가능function example() { if (true) {..