Logo menu Sub Menu Main Menu footer : 섹션 구역을 나누는 태그. 네이버나 다음과 같은 홈페이지를 보면 뉴스 섹션란, 검색란, 타이틀 로고란 등등 각각의 섹션 구역이 나눠져있고 기능마다 분할되고 할당되어있다. 이후에 css를 이 div 태그에 적용하는데 적용하려면 각 div 태그들을 구분할 수 있게 해주어야한다. 여기서는 id 속성을 통해 일일히 구분값을 지정해주었다. 이후에는 필요한 경우에만 id 혹은 class 속성으로 구분값을 줄 것이다. id="wrapper" : 모든 구현 구조들을 감싸는 최상단 div 태그를 뜻하는 id값 id="header" : 상단 구조 섹션을 담당하는 div id 값 id="content" : 메인 내용 구조 섹션을 담당하는 div id 값 i..

텍스트 정의 요소들 문장 중 일부를 강조하고자 할 때 사용하는 태그들 문장 중 일부를 강조하고자 할 때 사용하는 태그들 HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다. IR 기법을 사용하면 검색에 용이하다. 월드 와이드 웹을 창시한 팀버너스 리는 웹이란 '장애나 구애 없이 모든 사람들이 손쉽게 정보를 공유할 수 있는 공간' 이라고 정의하였으며, 웹 컨텐츠를 제작할 때에는 장애에 구애됨이 없이 누구나 접근할 수 있도록 제작하여야 한다고 하였다. : 하나의 문단을 나타내는 태그. p 태그 이후의 코드 결과들은 개행되어 출력된다. : 기울여쓰기 처리하여 강조하는 태그. em 태그와는 다르게..

인라인 레벨 요소 구글 다음 강조 : href 속성에 적은 주소로 동작을 실행할 수 있는 태그. : 텍스트를 기울여쓰기 처리하여 강조하는 태그 shift + alt + 아래 방향키로 현재 커서가 위치한 코드를 그대로 복제하여 아래로 붙여넣기 할 수 있다. 범위를 지정해서 실행하면 범위만큼의 코드가 반영이 된다. 코드를 작성할 때에는 h1 태그 밑에 개행을 하여 a 태그와 em 태그를 사용하였지만 결과는 위의 이미지처럼 개행되지 않고 옆으로 붙여서 출력된다. 이것을 인라인이라고 한다. 작성한 코드가 그대로 반영이 되기 위해서는 pre 태그를 사용하거나 다른 방법을 사용해야한다.

HTML은 웹 페이지를 만들 때 틀이되는 구조라고 볼 수 있다. 기호 안에 태그를 설정하여 구성할 수 있으며, 브라우저에서 그 틀을 확인할 수 있다. 기본적인 초기 태그 구성을 알아보자. 블록 레벨 요소 블록 레벨 요소의 특징 : 말 그대로 HTML 구조 임을 명시하는 태그이다. 가장 바깥 쪽에서 구현체들을 감싸고있는 wrapper 형태라고 볼 수 있다. lang 속성으로 한글 사용을 명시한다. : 타이틀, 설정 정보들을 import하는 태그. : charset="utf-8" 로 텍스트 형식을 utf-8로 지정하는 태그. : 브라우저의 탭에 보이는 타이틀 태그. : 사실상 우리가 브라우저를 열었을 때 눈으로 바로 보이는 전체적인 내용 구조를 포함하는 태그. : 제목 태그. 가장 큰 형태의 제목 태그이다...

다른 개발자 분께서 만든 프로젝트를 Clone 하여 인텔리제이 내부에서 불러왔다. 만들어진 프로젝트의 모듈을 변경할 수 없는 것처럼 보였다. 그래서 Spring 프로젝트를 만들기 위해 Spring 모듈을 추가해주었는데, 위의 이미지와 같이 clone 받은 프로젝트 내에 새로운 프로젝트 모듈이 생겨버렸다. 추가시키지 말고 clone 받은 프로젝트 자체를 Spring 모듈로 전환하여 진행하고 싶었지만 바뀌지가 않았다. 내부에 생성된 프로젝트에서 작업을 진행하고 외부의 본 프로젝트를 원격지로 지정하여 반영시켜주기로 하였다. 우선 Git Bash를 실행하고 내부에 생성된 프로젝트로 진입한다. 나의 경우에는 "C드라이브 -> work 폴더 -> clone받은 본 프로젝트 -> 내부에 생성된 프로젝트" 로 진입한다..

H2는 Java 기반의 관계형 데이터 베이스(RDBMS)이다. 서버 모드와 임베디드 모드의 인메모리 DB 기능을 지원한다. 브라우저 기반의 콘솔모드를 사용할 수 있고, 별도의 추가적이고 복잡한 설치과정이 필요없고 용량도 매우 적어 사용하기 간편하다. H2의 작동 혹은 어플리케이션을 실행한 서버를 끄게 되면 DB에 저장된 내용들은 사라지게 된다. JDBC api 또한 지원하기 때문에 사용하기 편리하다. MYSQL과 같은 표준 SQL을 지원한다. 위와 같은 특징들 때문에 어플리케이션 개발 단계의 테스트 DB로서 많이 사용된다. H2 사용법 (Feat. 연동 방법) (1) H2 DB installer 다운 https://www.h2database.com/html/main.html H2 Database Engi..