전체 글(67)
-
[JavaScript] 이벤트 리스너 종류
이벤트리스너 웹 페이지의 상호 작용을 처리할 수 있게 해 줌 특정 사용자 행동에 응답하는 역할 // 버튼 클릭 시 메시지 출력 function showMessage() { alert('안녕하세요!'); } // 웹 페이지 로딩 시 실행 window.onload = function() { // 버튼에 이벤트 리스너 추가 var button = document.getElementById('myButton'); button.addEventListener('click', showMessage); }; Click 이벤트 리스너 사용자가 요소를 클릭할 때 발생 element.addEventListener('click', function() {...}); Change 이벤트 리스너 입력 필드나 선택 상자 등의 값이 ..
2023.12.22 -
[JavaScript] Document 정의 및 사용 방법
document 웹 페이지의 문서 객체 모델(Document Object Model, DOM)을 나타내는 JavaScript의 내장 객체 중 하나 HTML 문서의 구조를 표현하고, JavaScript를 통해 이 구조에 접근하고 조작할 수 있게 해주는 인터페이스를 제공 웹 페이지의 전체 문서를 나타내며, 해당 문서 내의 요소들에 접근하고 조작할 수 있는 다양한 메서드와 속성을 제공 JavaScript로 HTML 문서를 동적으로 조작 * 요소 선택 document.getElementById( ) 지정된 ID를 가진 요소를 선택 var myElement = document.getElementById('myId'); document.getElementsByClassName( ) 지정된 클래스를 가진 모든 요소를..
2023.12.22 -
[HTML/CSS/JS] 역할과 기능
HTML + CSS + JavaScript = 사용자와 상호 작용이 가능하며 시각적으로 매력적인 디자인을 가진 웹 애플리케이션 생성 가능 * HTML 웹페이지의 구조를 정의하는 마크업 언어 텍스트, 이미지, 링크, 표, 목록 등의 요소를 사용하여 문서의 구조를 표현 각 요소는 태그(tag)로 표시 여는 태그와 닫는 태그의 쌍으로 구성 ex) 안녕하세요! 이것은 HTML 예제입니다. * CSS HTML로 작성된 요소들의 스타일을 정의하는 스타일 시트 언어 텍스트의 색상, 폰트, 크기, 배경색, 레이아웃 등을 지정하여 웹 페이지의 디자인 꾸미기 선택자(selector)를 사용하여 특정 HTML 요소에 스타일을 적용 body { font-family: 'Arial', sans-serif; background-..
2023.12.22 -
[SpringBoot 구조] Entity 설명 및 정의 / 어노테이션
더보기 [목차] - Entity 정의 - Entity 구조 - Entity에 사용되는 어노테이션 종류 Entity 정의 자바 어플리케이션에서 관계형 데이터베이스의 데이터를 객체로 표현하는 데 사용 엔터티 객체를 통해 데이터를 조작하고 관리 가능 주로 기본 키를 가짐. 기본 키는 데이터베이스 테이블의 기본 키와 매핑 데이터베이스의 특정 테이블과 매핑 Entity 구조 및 작성 방법 @Id 어노테이션을 사용하여 기본 키를 지정 @GeneratedValue 어노테이션을 사용하여 기본 키의 값을 자동으로 생성 지정 @Entity @Getter @Setter @AllArgsConstructor @NoArgsConstructor @Builder @Table(name = "product") @SequenceGener..
2023.12.22 -
[GitHub] 마크다운(MarkDown) 문법 작성하는 방법
더보기 [목차] - 마크다운(MarkDown) 문법 정의 - 마크다운(MarkDowm) 문법 작성 방법 1) 제목 (Headers) 2) 목록 (Lists) 3) 링크 4) 코드 5 이미지 6) 인용문 7) 볼드와 이탤릭 8) 수평선 9) 테이블 10) 이스케이프 마크다운(MarkDown)이란? 텍스트 기반의 경량 마크업 언어 문서를 구조화하고 서식을 지정하는 데 사용 장점 : 읽기 쉽다, 쓰기 쉽다 활용 : README.md 파일, 간단한 문서 작성 마크다운(MarkDown) 작성 방법 1) 제목 # H1, 제목 ## H2, 부제목 ### H3, 소제목 #### H4, 제목4 ##### H5, 제목5 ###### H6, 제목6 2) 목록 (Lists) (1) 순서 있는 목록 1. 항목 1 2. 항목 2..
2023.12.21 -
[GitHub/깃허브] README.md 작성하는 방법
더보기 [목차] - README.md 파일 정의 - README.md 파일 작성해야하는 이유 - Readme.md 작성하는 방법 Readme.md란? GitHub 프로젝트의 메인 페이지에 표시 내가 작업한 프로젝트를 MarkDown 문법을 활용하여 구체적으로 작성 한 텍스트 파일 Readme.md 작성 이유 요약 : 프로젝트에 대한 이해를 쉽게 할 수 있으며, 이는 프로젝트를 사용하고 기여하는 데 도움이 된다. 또한, 프로젝트의 개발자와 사용자 간의 의사 소통을 원활하게 할 수 있다. 1. 프로젝트 소개 프로젝트의 목적과 기능에 대한 간단한 소개를 제공함으로써 사용자들이 나의 프로젝트가 무엇인지 쉽게 이해할 수 있도록 도와준다. 2. 설치 및 사용 안내 프로젝트를 사용하려면 어떻게 설치하고 실행해야 하는..
2023.12.21