분류 전체보기 224

null , array 의 data type 이 object 인 이유

1. typeof null → "object"인 이유 (역사적 버그)배경자바스크립트가 처음 만들어질 때, 값들은 메모리 내에서 특정 비트 패턴으로 저장됩니다.null 값은 내부적으로 null 포인터를 의미하는 값으로 저장됐고,typeof 연산자는 메모리에서 **값의 타입 태그(type tag)**를 검사하는데,초기 구현에서 null의 타입 태그가 객체(object)로 인식되어 버렸습니다.그래서…typeof null이 "object"로 나오는 것은 자바스크립트 엔진의 오래된 설계 결함입니다.이 문제는 표준이 된 이후로도 수정되지 않았기 때문에 여전히 존재합니다.대부분의 개발자들이 이를 알고 있으므로, null 타입 체크할 때는 별도로 확인합니다.올바른 null 체크 방법 let value = null;co..

JAVASCRIPT 2025.05.27

+ 연산자의 역할

기본 개념자바스크립트에서 + 연산자는 숫자 덧셈뿐 아니라,하나라도 문자열이 있으면 문자열 연결(concatenation) 기능을 수행합니다.예시 1: 숫자 덧셈console.log(10 + 5); // 15 (숫자 덧셈) 예시 2: 문자열 연결console.log("apple" + " pie"); // "apple pie" 만약 +가 없으면? document.write("fruit의 타입은 ", typeof fruit); document.write()는 여러 인자를 지원하지 않으므로,두 번째 인자는 무시되거나 오류가 발생할 수 있습니다.따라서 문자열 연결 시 반드시 +를 사용해야 합니다.정리+ 연산자는 문자열 + 문자열 → 문자열 연결typeof는 데이터 타입을 문자열로 반환하므로, +와 함께 쓰면 ..

JAVASCRIPT 2025.05.27

데이터 타입 확인 방법

✅ 1. 자바스크립트 데이터 타입 분류🔹 원시(Primitive) 데이터 타입string – 문자열 ("hello")number – 숫자 (42, 3.14)bigint – 큰 정수 (12345678901234567890n)boolean – 참/거짓 (true, false)undefined – 값이 정의되지 않음null – 명시적 “없음”symbol – 고유한 식별자🔹 객체(Object) 데이터 타입Object – 일반 객체 { key: value }Array – 배열 [1, 2, 3]Function – 함수 function() {}Date, RegExp, Map, Set 등✅ 2. 데이터 타입 확인 방법① typeof – 기본 타입 확인typeof 123; // "number"typ..

JAVASCRIPT 2025.05.27

Falsy 값, truthy 값이란?

✅ Falsy 값이란?JavaScript에서 불리언(Boolean) 컨텍스트(예: if, while, 삼항 연산자 등)에서 자동으로 false로 변환되는 값들입니다.📌 대표적인 falsy 값들:값 설명 false불리언 false 값0숫자 0-0음수 0 (자바스크립트에만 있음)0nBigInt 0"" 또는 ''빈 문자열null존재하지 않음을 의미undefined값이 정의되지 않음NaN숫자가 아님(Not a Number) ✅ 예제 if (0) { console.log("실행됨");} else { console.log("실행 안됨"); // 출력됨}if ("") { console.log("빈 문자열도 truth..

JAVASCRIPT 2025.05.27

2.객체 데이터 타입 (Object Data Types)

✅ 2. 객체 데이터 타입 (Object Data Types)여러 값을 묶어서 저장하며, **참조(reference)**를 통해 접근하는 데이터 타입입니다.주요 객체 타입:타입 설명 예시 Object키-값 쌍으로 구성된 일반 객체{ name: "홍길동", age: 30 }Array배열 형태의 객체[1, 2, 3]Function함수도 객체function greet() {}Date, RegExp, Map, Set 등내장 객체 타입new Date(), new Map() 등 특징:**참조값(주소)**가 ..

JAVASCRIPT 2025.05.27

data type - 원시 데이터 타입 (Primitive Data Types)

✅ 1. 원시 데이터 타입 (Primitive Data Types)값 자체를 저장하며, **불변(immutable)**한 데이터 타입입니다.주요 원시 타입:타입 설명 예시 string문자열"안녕하세요"number숫자 (정수, 부동소수 포함)42, 3.14boolean논리 값true, falseundefined값이 할당되지 않음let a; // undefinednull명시적으로 "값 없음"let b = null;symbol고유한 식별자 (ES6+)Symbol("id")bigint매우 큰 정수 (ES11+)123456789012345678901234567890n 특징:..

JAVASCRIPT 2025.05.27

sql server 인증 - windows 인증 연결 안될 경우

SQL Server 설치 후, 로그인을 하려고 할 때 위와 같은 오류가 뜨는 원인은 마이크로소프트사가 2022년 7월 12일에 SQL Server Native Client 11.0 (SNAC)에 대한 지원을 종료하여서, SNAC 11.0을 사용하는 어플리케이션은 최신버전의 드라이버로 업데이트하지 않았을 경우 위와 같은 오류가 발생한다고 합니다. 따라서 SQL Server를 설치한 후 위와 같은 오류가 발생하지 않으려면 해당 PC에 "Microsoft OLE DB Driver for SQL Server"가 18.x 버전 이상으로 설치되어 있어야 합니다.근본적인 해결 방법은 "Microsoft OLE DB Driver for SQL Server 18.x"를 사용하도록 드라이버를 업데이트하는 것이며, 아..

데이터베이스 2025.05.14

ssms 상에서 제공하는 수정 메뉴를 사용하여 정의된 테이블 내용 수정시 저장 안될 경우

이런 오류 메시지가 나타나는 이유는 SSMS 안에서 기본적으로 "테이블을 다시 만들어야 하는 변경 내용 저장 방지" 옵션이 활성화되어 있기 때문입니다. 이 옵션은 데이터 손실을 방지하기 위해 설정되어 있지만, 필요에 따라 비활성화할 수 있습니다.비활성화 방법은 SSMS의 상단 메뉴에서 도구(Tools) > 옵션(Options) 메뉴항목을 선택하면, 아래와 같이 옵션 창이 뜨는 데, 해당 옵션창에서 아래 나타낸 것과 같이 "디자이너 > 테이블 및 데이터베이스 디자이너" 항목을 선택하여 나타나는 "테이블 옵션" 중"테이블을 다시 만들어야 하는 변경 내용 저장 안 함(S)" 옵션 앞에 놓은 체크박스를 해제시키고 "확인" 버튼을 눌러 옵션을 변경하면, 이후부터 테이블 수정 내용을 저장할 수 있습니다.

데이터베이스 2025.05.14

컴포넌트와 인스턴스 만들고 Detach 하기

🧩 컴포넌트(Component)란?정의: 반복적으로 사용할 수 있는 기본 설계 원본입니다.예시: 버튼, 아이콘, 카드, 헤더 등특징:수정하면 연결된 모든 인스턴스에 자동 반영됨디자인 시스템의 재사용성과 일관성 유지에 핵심 역할💡 예: "Primary Button" 컴포넌트를 만들고, 여러 곳에 복제해서 사용하면 스타일이 한 번에 바뀜🧱 인스턴스(Instance)란?정의: 컴포넌트를 복제한 개별 객체특징:기본 속성은 컴포넌트를 따름일부 속성은 오버라이드(Override) 가능 (예: 텍스트 변경, 색상 변경 등)원본 컴포넌트가 수정되면, 인스턴스도 자동 업데이트됨💡 예: 버튼의 텍스트만 다르게 바꾸고 싶을 때, 인스턴스에서 텍스트만 변경하면 됨🔄 컴포넌트 ↔ 인스턴스 관계항목컴포넌트 (Compon..

figma 2025.04.29

word-wrap, overflow-wrap, white-space, word-break

word-wrap, overflow-wrap, white-space, word-break 이 네 가지 속성은 텍스트 줄바꿈과 넘치는 콘텐츠 처리에 핵심적으로 사용돼요. 각각의 역할이 살짝 다르지만, 조합해서 쓰면 강력한 텍스트 제어가 가능해요. 🧩 각 속성의 역할 요약속성설명white-space줄바꿈 허용 여부 + 공백 처리 방식 결정overflow-wrap (또는 word-wrap)단어가 너무 길어서 넘칠 때 줄바꿈 허용 여부 결정word-break단어 중간에서 줄바꿈할 수 있는지 여부 결정💡 1. overflow-wrap vs word-wrapword-wrap은 예전 명칭이고, 현재는 overflow-wrap이 정식 이름이에요.하지만 둘 다 거의 같은 기능을 해요.overflow-wrap: bre..

CSS 2025.04.15