OOP의 4대 원칙 1. 캡슐화 (Encapsulation)데이터 보호를 위해 클래스의 속성을 private으로 설정하고, getter와 setter 메서드를 통해 데이터에 접근하도록 한다. 이를 통해 객체의 내부 상태를 외부에서 직접 변경하지 못하게 하여 데이터 무결성을 유지할 수 있다.2. 추상화 (Abstraction)추상화는 복잡한 시스템의 세부 사항을 숨기고, 필요한 부분만을 드러내는 개념이다. 이를 통해 코드 재사용성을 높일 수 있다. abstract class와 interface를 활용하여 공통적인 기능을 정의하고, 이를 구현하는 다양한 클래스에서 재사용할 수 있다.3. 다형성 (Polymorphism)다형성은 같은 인터페이스나 부모 클래스의 메서드를 다양한 방식으로 구현할 수 있게 해주는 ..

📌 H2 Database란?H2 Database는 Java 기반의 경량 인메모리 데이터베이스로, 빠른 속도와 쉬운 설정이 장점인 RDBMS(Relational Database Management System)이다. Spring Boot 및 다양한 Java 애플리케이션에서 테스트용 데이터베이스로 많이 활용된다.🔹 H2 Database의 특징✅ 경량 데이터베이스: 파일 기반 또는 인메모리 모드로 동작하며, 설치가 간단하고 가볍다.✅ 빠른 속도: 인메모리 모드에서는 높은 성능을 제공하여 테스트 및 개발 환경에서 효과적이다.✅ ANSI SQL 지원: 표준 SQL을 지원하여 MySQL, PostgreSQL 등과 유사한 쿼리 작성이 가능하다.✅ Java 기반: Pure Java로 작성되어 있어 플랫폼 독립적이다..

1. 웹소켓(WebSocket)이란?1.1 웹의 기본 통신 방식: HTTP의 한계웹 애플리케이션에서 서버와 클라이언트 간의 데이터 교환은 일반적으로 HTTP를 사용한다. 하지만 HTTP는 비연결성(stateless) 프로토콜로, 클라이언트가 요청을 보내야만 서버가 응답하는 단방향 통신 방식이다.이 방식은 실시간성이 중요한 애플리케이션(예: 채팅, 주식 거래, 알림 서비스 등)에서는 비효율적이다. 주기적으로 서버에 요청을 보내는 폴링(Polling), 롱 폴링(Long Polling), 서버 센트 이벤트(Server-Sent Events, SSE) 같은 기술이 사용되지만, 성능과 확장성에서 한계가 있다.1.2 웹소켓(WebSocket)의 등장웹소켓은 클라이언트와 서버 간에 지속적인 연결을 유지하며 양방향 ..

폰트와 텍스트 속성 ▶ 예제 보기더보기 폰트와 텍스트 관련 속성(Font & Text CSS Attribute) font는 글꼴의 다양한 속성을 한 번에 지정할 수 있는 축약형 속성이다. HTML 문서의 디자인을 담당하는 CSS는 폰트와 텍스트 속성을 다양하게 제공하고 있다. 그 상품의 판매가는 9,900원 (10,000) 텍스트에 공백문자를 처리할 수 있는 방법을 지정한다. 텍스트의 쓰기 방향과 한글은 적용되지 않는 font-variant 텍스트에 그림자 설정하기 font-family는 글꼴의 종류를 지정하는 속성이다. 만약 글꼴에 공백있는 이름이면 따옴표(‘’)로 감싸서 지정해야 한다. - h1 {font-family: Poppins, 'Noto Sans KR', sans-serif; font-wei..

CSS의 크기 단위 이 외에도 mm, cm, in, pt가 있지만 자주 사용되지는 않는 단위이다. CSS의 색상 단위 CSS의 선택자 전체 선택자와 요소(태그) 선택자▶ 예제 보기더보기더보기 CSS 선택자 CSS에서 HTML 문서의 특정 요소에 스타일을 지정하기 위해 그 요소를 선택할 수 있는 태그나 클래스 또는 아이디 등을 일컫는 말로 선택하는 요소를 구분할 수 있는 명칭을 선택자(Selector)라 한다. 또한 선택자는 HTML 문서의 특정 요소에 CSS를 통해 스타일을 적용하거나 효과를 적용하기 위해 사용되는 CSS 문법의 필수 구성요소 이다. CSS에서 사용되는 선택자는 마크업 기반의 자바스크립트 프레임워크인 jQuery에서 대부분 사용할 수 있다.  - 전체 선택자..

Table테이블 이란 평소 우리가 많이 사용하는 Excel 시트처럼 행과 열로 구성된 표를 말한다. 예전에는 웹 페이지의 전체 레이아웃을 구성하는데 테이블이 많이 사용되었으며 열과 행 형태의 게시판과 같은 페이지를 제작할 때 아직도 많이 사용되긴 하지만 오늘날 시멘틱 웹(Semantic Web)이 강조되고 HTML5에 이와 관련된 시멘틱 태그들이 새롭게 추가되면서 테이블을 통해 웹 페이지의 레이아웃을 구성하거나 의미 없는 테이블을 사용하지 않는 것이 일반적이다. HTML 4.01에서 사용되던 테이블과 관련된 많은 속성들은 CSS에서 처리가 가능하므로 HTML5에서는 테이블 태그와 관련된 속성들은 대부분 사용되지 않으며 요즘은 CSS에서 처리되는 경우가 일반적이다. 시멘틱 웹(Semantic Web) 이란..

HTML 문서 구조와 주석 Hello HTML 주석 태그 안의 내용은 웹 브라우저에서 보이지 않습니다. 반갑습니다. HTML 네이버 가기 - Ctrl + / 를 누르면 해당 문장을 주석 처리 할 수 있다.- Link를 통해서 해당 이미지나 글자에 하이퍼링크를 추가 할 수 있다.Heading 태그와 style 속성 h1의 제목 h2의 제목 h3의 제목 h4의 제목 h5의 제목 h6의 제목 - Heading 태그는 기본적으로 텍스트를 굵게 표시하며 h1에서 h6까지 6단계로 글자 크기를 표현한다. 6단계 중 h1이 글자 크기가 가장 크며 h6은 가장 작다.- 애국가 1절 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한 사람 대한으..

HTML 문서의 기본 구조  문서에 표시되는 컨텐츠(화면에 보여 지는 내용으로 구성)  은 DTD(Document Type Definition) 라고 한다.DTD도 여러 가지 버전이 있는데 버전에 따라서 브라우저의 해석 방법이 달라진다.DTD는 브라우저에게 HTML 문서가 어떤 표준에 따라 작성되었는지 알려주는 역할을 한다.  태그는 문서의 머리 부분으로 웹 문서에 대한 정보를 기술하는 곳으로 웹브라우저 상에는내용이 표시되지 않는다.  태그 내에는 현재 HTML 문서에 대한 메타데이터(metadata)를정의하는 여러 태그 들이 사용된다. 메타데이터란 데이터를 설명하는 데이터를 의미하며 현재HTML 문서에 대한 설명 정보들을 정의할 수 있는 태그가 사용된다. 예를 들면 문서의 제목을 정의하거나 문서의..

1. Web의 역사1.1 WWW(World Wide Web)의 시작1960년대 소련의 인공위성 발사 성공이 알려지자 이에 위협을 느낀 미국이 국방부 산하에 새로운기술을 연구하는 ARPA(Advanced Research Project Agency)라는 이름의 부서를 창설하였다.ARPA는 연구용 통신망을 개발하여 1969년에 UCLA와 SRI 연구소 간에 연결하는데 성공하게 되면서 이 통신망을 ARPANET이라고 불렀으며 이 통신망은 오늘날 인터넷 망의 시초가 되었다.ARPANET은 핵전쟁과 같은 위험에서 통신시스템의 데이터를 안전하게 보관하고 전송할 수 있는 네트워크 시스템으로 이후에 민간연구용 ARPANET과 군사용 MILNET으로 나누어 졌다. 그리고 민간연구용의 ARPANET이 현재 전 세계의 모든 ..

HashMap HashMap은 Map인터페이스를 구현한 클래스이다. Map인터페이스를 구현했기에 순서는 없고, 중복은 키는 허용하지 않지만 값은 허용한다. → 키 X, 값 O 데이터를 키와 값의 쌍으로 저장을 하는 것이 특징이다. Hashtable은 옛날 버전이고, HashMap은 신버전이다. 두 차이점은 Hashtable은 동기화가 되어있고, HashMap은 동기화가 되어있지 않은 것이 차이이다. TreeMap은 TreeSet과 같은 특징을 가지고 있다. TreeSet에 대해서는 다음 더보기를 확인하면 된다. 더보기 [Java] 컬렉션 프레임웍 (5) - HashSet, TreeSet HashSet HashSet과 TreeSet은 이름 그대로 Set인터페이스를 구현하였기 때문에 순서가 없고 중복을 허용..