profile
화이팅!
post-thumbnail

DOM 특징, 조작, 이벤트 전파 이해하기

DOM은 HTML 문서의 구조화된 표현(Structured representation)입니다웹 페이지와 JavaScript 코드 사이의 인터페이스 역할을 합니다브라우저가 HTML을 로드할 때 자동으로 DOM 트리를 생성합니다DOM은 프로그래밍 언어와 독립적이며, 플랫폼

2025년 2월 17일
·
0개의 댓글
·
post-thumbnail

엔터티의 개념과 속성, 인스턴스 그리고 도메인

데이터베이스의 구성요소 중 독립적으로 식별가능한 객체(대상)업무에 필요하고 유용한 정보를 저장하고 관리하기 위한 집합적인 실체 또는 객체반드시 업무에서 필요하고 관리할 가치가 있는 정보여야 한다. (최소한의 정보로 구성)엔터티는 식별이 가능하도록 유일한 식별자를 가져야

2025년 2월 12일
·
0개의 댓글
·
post-thumbnail

Javascript for, while 그리고 고차함수 정리

for 반복문은 JavaScript에서 가장 기본적이고 널리 사용되는 반복문입니다. 초기값, 조건식, 증감식으로 구성되며, 조건이 참인 동안 코드 블록을 반복 실행합니다.반복문을 제어하는 두 가지 중요한 키워드가 있습니다:break: 반복문을 즉시 종료continue:

2025년 2월 11일
·
0개의 댓글
·
post-thumbnail

데이터 모델링의 개념과 특징, 유의사항, 모델링과 스키마의 3단계

실물에 대한 상대적인 개념, 실물이 아님, 실물을 간략하게 표현한 것, 실물을 축소한 것실물이 될 구성 요소를 분해하여 이 중 꼭 필요한 요소만 가지고 표현한 것구축하고자 하는 정보시스템에 맞게, 현실세계의 데이터를 약속된 표기법으로 표현한 것그림, 기호, 수식 등이

2025년 2월 10일
·
0개의 댓글
·
post-thumbnail

JavaScript의 배열과 객체 그리고 메서드

💡 핵심 개념: 원시 자료형은 값을 직접 저장하고, 배열/객체는 주소값을 저장합니다.배열은 데이터를 순서대로 저장하는 자료구조입니다.객체는 관련된 데이터를 키-값 쌍으로 저장합니다.✅ 사용할 수 있는 경우:유효한 JavaScript 식별자인 속성 이름문자로 시작하고문

2025년 2월 9일
·
0개의 댓글
·
post-thumbnail

자바스크립트 함수 선언식, 표현식 그리고 화살표 함수

가장 기본적이고 일반적인 함수 만드는 방법입니다.특징:어디서든 사용 가능 (코드 위치 상관없이)이해하기 쉽고 읽기 쉬움함수를 변수에 담아서 사용하는 방법입니다.특징:변수에 할당되므로 유연하게 사용 가능다른 함수의 인자로 전달할 때 유용더 짧게 쓸 수 있는 최신 (ES6

2025년 2월 8일
·
0개의 댓글
·
post-thumbnail

Babel 과 Webpack 에 대해서

바벨은 최신 자바스크립트 코드를 구버전의 코드로 변환해주는 도구입니다.마치 번역기처럼 최신 자바스크립트를 구버전 브라우저도 이해할 수 있게 번역해줍니다.예를 들어:브라우저 호환성모든 브라우저가 최신 자바스크립트 기능을 지원하지는 않음IE나 구버전 브라우저에서도 최신 코

2025년 2월 6일
·
0개의 댓글
·
post-thumbnail

switch - case 문을 사용할 때 주의해야 할 점

switch 문은 === (엄격한 동등 비교)를 사용하여 비교합니다. 즉, 타입이 다르면 일치하지 않는 것으로 간주됩니다.따라서, 비교할 값의 타입을 항상 확인해야 합니다.각 case 블록의 끝에 break 문을 추가하지 않으면, 다음 case 블록으로 계속 실행됩니다

2025년 2월 5일
·
0개의 댓글
·
post-thumbnail

Type Conversion과 Type Coercion 에 대해

자바스크립트에서 데이터 타입을 다룰 때 type conversion과 type coercion이라는 두 가지 개념이 있습니다. 이 두 용어는 비슷하게 들리지만, 서로 다른 의미를 가집니다.정의: 명시적으로 데이터 타입을 변환하는 과정입니다. 프로그래머가 의도적으로 변환

2025년 2월 4일
·
0개의 댓글
·
post-thumbnail

자바스크립트 데이터 타입, 변수 선언 키워드 (let, const and var)

모든 값 (values)은 object 또는 primitive 자료형입니다.이 강의에서는 원시 자료형에 대해 알아보겠습니다.7가지 원시 자료형number: 숫자 값을 나타내며, 정수와 부동 소수점 숫자를 포함합니다.예: 42 // 정수예: 3.14 // 부동 소수점 숫

2025년 2월 4일
·
0개의 댓글
·
post-thumbnail

JavaScript 변수에 값을 할당할 때의 과정 및 호이스팅

변수를 선언할 때, JavaScript 엔진은 해당 변수를 메모리에 생성합니다. 이때 변수는 기본적으로 undefined로 초기화됩니다. 즉, 변수를 선언하는 순간에는 값이 할당되지 않았기 때문에 undefined 상태가 됩니다.위의 코드에서 myVariable을 선언

2025년 2월 3일
·
0개의 댓글
·
post-thumbnail

JavaScript 개요 - 특성, 코드 작성 방법, 값과 변수

High-level (고급 언어) :JavaScript는 고급 프로그래밍 언어로, 개발자가 복잡한 세부 사항에 대해 걱정할 필요가 없습니다. 예를 들어, 메모리 관리와 같은 저수준의 작업은 JavaScript 엔진이 자동으로 처리합니다. 고수준 언어 vs 저수준 언어

2025년 2월 3일
·
0개의 댓글
·

바닐라JS - Datatype 의 정렬 with Object.

한 주의 요일을 리스트 array 로 뽑지만 만약에 "내 개인정보를 저장한다고 한다면", 어떻게 할까?이렇게 배열로 내 정보를 저장한다면 대체 "dolphin" 은 무엇이고 12는 나이인지 뭔지 알 수가 없다.그래서 이 때 object 를 쓰는데, array 와 다른

2020년 8월 4일
·
0개의 댓글
·

바닐라JS - Datatype 의 정렬 with Array.

자바스크립트의 데이터타입을 정렬하는 방법에는 array 와 object 가 있는데 일단 array 를 먼저 확인해 본다.변수명 중간에 스페이스 (공간) 가 필요한 곳에는 스페이스를 넣을 수 없으니 대문자를 넣는다.다른 기호들은 허용되지 않는다.나름 무식? 하게 했어도

2020년 8월 4일
·
0개의 댓글
·

바닐라JS - Datatype

"" (큰따옴표) 나 '' (작은따옴표) 의 결과는 같다.문자열은 반드시 따옴표를 사이에 넣어 줘야 한다.따옴표 내의 숫자는 숫자가 아닌 문자열이다.

2020년 8월 4일
·
0개의 댓글
·

바닐라JS - 상수

가끔은 이 변수의 값이 말 그대로 변수가 아니기를, 변하지 않기를 바랄 때 어떻게 할까?변수를 선언하는 것 (let) 대신 상수 (const) 를 선언한다.임의의 자바스크립트 1000줄 코드에서 info 라는 변수에 100을 넣어 생성 및 초기화 그리고 사용하다가 어느

2020년 8월 4일
·
0개의 댓글
·

바닐라JS - 변수

모든 instruction 은 각기 다른 라인에 있다.각각의 라인들을 'expressions' 라고 부르도록 한다.한 expression 이 끝났음을 선언하는 법은 끝에 semi-colon 을 (;) 넣어주는 것이다.변수는 다음 세 과정을 거친다Create (변수를 생

2020년 8월 4일
·
0개의 댓글
·