분류 전체보기

이 카테고리는 한빛미디어의 혼자 공부하는 자바스크립트 교재를 학습하는 내용을 정리하는 공간입니다.📌 주요 기능 및 동작 원리1. DOMContentLoaded 이벤트 리스너document.addEventListener("DOMContentLoaded", callback)HTML 문서가 완전히 로드된 후 JavaScript가 실행되도록 보장.오타 주의: "DomContentLoaded" ❌ → "DOMContentLoaded" ⭕2. .rect 클래스를 가진 모든 태그 선택document.querySelectorAll(".rect")HTML 문서에서 .rect 클래스를 가진 모든 요소를 가져옴.NodeList(배열과 비슷한 객체)로 반환되며, forEach를 사용해 각 이미지에 접근 가능.3. 이미지..

이 카테고리는 국비지원 과정으로 관제시스템 GUI 구현을 통한 자바(JAVA)프로그래밍 향상과정에서 학습하는 내용을 정리하는 공간입니다. 프로그래밍 기본 개념 정리프로그래밍을 시작하면서 알아야 할 기본 개념들을 정리해보았습니다. 이 글은 초보 개발자들을 위해 작성되었으며, 콘솔 출력, 연산자, 변수, 조건문, 반복문 등 프로그래밍의 핵심 요소를 다룹니다.1. 콘솔 출력과 줄바꿈 (\n)\n은 콘솔에서 줄바꿈을 의미합니다.예시:출력 결과:CopyHelloWorldjavaCopySystem.out.println("Hello\nWorld");2. 연산자 종류사칙연산+ : 더하기- : 빼기* : 곱하기/ : 나누기정수끼리 나누면 결과는 정수입니다.예: 10 / 20은 0.5가 아니라 0입니다.논리연산== : 같..

이 카테고리는 국비지원 과정으로 [계룡건설] 빅데이터 기반 GreenTech SW개발자 과정에서 학습하는 내용을 정리하는 공간입니다.데이터베이스 정리 (MySQL)1. 스키마스키마: 데이터베이스에서 데이터 구조와 조직을 정의하는 개념이다.물리적 스키마: 데이터가 실제 저장되는 방식에 대한 정의.논리적 스키마: 데이터베이스의 논리적 구조와 데이터 간 관계 및 제약 조건을 정의.2. SELECT 문데이터를 조회하는 기본 명령어.SELECT mem_id, mem_name FROM member WHERE height BETWEEN 163 AND 165;BETWEEN : 특정 범위의 값을 조회. 위 쿼리는 키가 163 이상 165 이하인 회원을 조회.SELECT mem_name, addr FROM member W..

이 카테고리는 국비지원 과정으로 [계룡건설] 빅데이터 기반 GreenTech SW개발자 과정에서 학습하는 내용을 정리하는 공간입니다.JavaScript 핵심 개념 정리1. 변수와 데이터 타입변수 선언var: ES6 이전부터 사용되던 변수 선언 방식. 함수 스코프를 가짐.let: ES6에서 도입된 블록 스코프 변수. 재선언 불가.const: ES6에서 도입된 상수 선언. 값 변경 불가.데이터 타입숫자 타입: 정수, 실수 등.논리 타입: true, false.문자열 타입: 텍스트 데이터.객체 타입: 키-값 쌍으로 구성된 복합 데이터.null: 값이 없음을 나타냄.undefined: 값이 할당되지 않음을 나타냄.2. 변수의 범위전역 변수: 함수 밖에서 선언되거나 var/let 없이 선언된 변수. 프로그램 전체..

이 카테고리는 국비지원 과정으로 [계룡건설] 빅데이터 기반 GreenTech SW개발자 과정에서 학습하는 내용을 정리하는 공간입니다.CSS 핵심  정리1. CSS 적용 방법인라인 스타일: 태그의 style 속성에 직접 작성.내부 스타일 시트: 태그에 작성 (HTML 문서 내 head 태그에 위치).외부 스타일 시트: .css 파일로 분리하여 태그로 연결.2. CSS 셀렉터기본 셀렉터전체 선택자: * - 문서 내 모든 요소 선택.태그 선택자: div, p, h1 등 - 특정 HTML 태그 선택.클래스 선택자: .classname - 특정 클래스 속성을 가진 요소 선택.ID 선택자: #idname - 특정 ID 속성을 가진 요소 선택.조합 셀렉터자식 선택자: div > p - 특정 부모의 자식 요소만 선..

이 카테고리는 한빛미디어의 혼자 공부하는 자바스크립트 교재를 학습하는 내용을 정리하는 공간입니다. 1. 객체 속성 (Properties)객체 속성은 객체 안에 포함된 값들을 의미한다. 객체 속성은 문자열, 숫자, 배열, 함수 등 다양한 값을 가질 수 있다. 객체 속성에 접근하거나 수정하려면 두 가지 방법을 사용할 수 있다.1.1. 객체 속성 접근객체의 속성에 접근하는 방법은 두 가지가 있다.점 표기법 (Dot Notation): 속성 이름을 점으로 구분하여 접근하는 방법이다. 주로 속성 이름이 변수나 상수로 지정되어 있을 때 사용한다.const person = { name: 'Alice', age: 30 }; console.log(person.name); // Alice console.log(person..