o-yoon

랜딩페이지를 만들다가 그 사이트 내에서 나에게 바로 연락할수 있게 하고싶어서 찾아보니 JavaScript로 보낼수 있는 EmailJs 라는 API가 있었다. (나래언니 고마워 🥹❤️) [작동 결과물] 1. 회원가입을 한 뒤 로그인을 한다. https://www.emailjs.com Send email directly from your code | EmailJS No server side code required. Add static or dynamic attachments, dynamic parameters, captcha code and more. Start with our free tier! www.emailjs.com 2. Email Services에서 Add New Service 클릭 난 이미 추..

# JDBC - JDBC(Java-Database Connector)는 Java 언어를 이용하여 DBMS에 접속하고자 할 때 사용하는 Java에서 제시하는 표준이다. 이에, 각 DBMS 개발사(社)는 JDBC 표준에 맞게 각 Connector 의존성을 개발하여 배포하고 있다. (자주 사용하는 의존성 참고) - `Connection`(`java.sql.Connection`) : Java 어플리케이션과 데이터베이스간의 연결을 제공하는 인터페이스이다. 직접 객체화하지 않고, 이가 구현하여야 하는 로직은 `Class.forName` 메서드를 활용하여 지정한 DBMS의 드라이버(Driver)에 따라 `DriverManager`(`java.sql.DriverManager`)의 `getConnection`메서드가 구..

* 자식 결합자 * - 자식 결합자(Child Combinator)는 어떠한 부모 선택자에 대한 자식을 선택하기 위해 사용하는 결합자이다. - 다음과 같이 작성한다. ("는 없는 것으로 한다.) "어떠한 부모 선택자" > "자식 선택자" { "속성" : "속성 값"; "속성" : "속성 값"; "속성" : "속성 값"; } * 자손 결합자 * - 자손 결합자(Descendant Combinator)는 어떠한 부모 선택자에 대한 자손을 선택하기 위해 사용하는 결합자이다. - 다음과 같이 작성한다. ("는 없는 것으로 한다.) "어떠한 부모 선택자" "자손 선택자" { "속성" : "속성 값"; "속성" : "속성 값"; "속성" : "속성 값"; } * 일반 형제 결합자 * - 일반 형제 결합자(Gener..

* ID 선택자 * - ID 선택자(ID Selector)는 CSS 속성(Property)을 적용하기 위해 사용하는 선택자 중 하나로, 태그가 가진 아이디의 이름을 활용하되, 그 이름 앞에 샾(#)을 붙인다. - 다음과 같이 작성한다. ("는 없는 것으로 한다.) "#아이디 이름" { "속성" : "속성 값"; "속성" : "속성 값"; "속성" : "속성 값"; } - CSS 스타일을 주기 위해 ID를 부여하는 것은 추 후에 ID가 겹칠 가능성을 제공함으로 사용을 자제한다. * 클래스 선택자 * - 클래스 선택자(Class Selector)는 CSS 속성(Property)을 적용하기 위해 사용하는 선택자 중 하나로, 태그가 가진 클래스의 이름을 활용하되, 그 이름 앞에 마침표(.)를 붙인다. - 다음과..

* z-index 속성 * - 요소를 화면에 표시할 순서를 정한다. - 값은 0(기본값)이상의 자연수로 표시한다. - 값이 클수록 다른 요소에 의해 가려지지 않고 화면에 표시된다. - 용법 ... { z-index: [0~?]; } - 값이 같다면 보다 뒤에 만들어진 요소가 위로 올라오게 된다. - position 속성 값이 static 이라면 무시된다. * width 및 height 속성 * - width는 가로크기를, height는 세로크기를 지정하기 위해 사용한다. - 단, display가 inline인 요소(span, a 등)는 그 display 값을 다른 것으로 변경하기 전에는 width 및 height 속성이 적용되지 않는다. * transition-duration 속성 * - 어떠한 요소에 ..

* Not 의사 클래스 * - Not 의사 클래스(Pseudo Class)는 다른 의사 클래스를 부정하기 위해 사용한다. - 다음과 같이 작성한다. ("는 없는 것으로 한다.) "선택자":not(:"다른 의사 클래스") { "속성" : "속성 값"; "속성" : "속성 값"; "속성" : "속성 값"; } - 가령, 마지막 요소가 아닌 모든 요소는 다음과 같이 선택한다. *:not(:last-child) { . . . } * Hover 의사 클래스 * - Hover 의사 클래스(Pseudo Class)는 어떠한 선택자에 의해 선택된 요소에 마우스가 올라가 있는 상태(Mouse Hover)일 때에 대한 선택자이다. - 다음과 같이 작성한다. ("는 없는 것으로 한다.) "선택자":hover { "속성" :..

HTML - HTML(Hyper Text Markup Language) 는 마크업 언어 (Markup Laguage) 이고 자체적으로 연산이 불가능하다. - 마크업 언어는 태그(Tag) 등을 이용하여 문서나 데이터의 구조를 정의하는 언어이다. - 태그란 문서상에서 어떠한 구성요소의 존재나 시작과 끝을 알리기 위해 사용한다. ''가 여는 태그(Opening Tag) 이고, ''가 닫는 태그(Closing Tag) 이다. - 자동으로 닫는 태그(Self-Closed Tag)는 닫는 태그를 요구하지 않는다. - 태그 이름은 대소문자를 구분하지 않지만 전체 소문자로 작성하는 것이 표준이다. - 시멘틱(Sementic) : 검색 엔진(Search Engine) 이나 TTS(Text-To-Speech) 로 하여 어..

- S(Strike) 태그는 어떠한 자료나 문서가 수정되었거나 잘못되었음을 나타내기 위해 취소선을 긋는데 사용한다. >> 예를들면 이런 식 - SUB(Subscript) 태그는 아래 첨자를 나타내기 위해 사용한다. - 시멘틱(Sementic) : 없음 - sup(Superscript) 태그는 위첨자를 나타내기 위해 사용한다. - 시멘틱(Sementic) : 없음 - Del(Deleted) 태그는 어떠한 내용이 삭제되었음을 나타내기 위해 사용한다. - table 태그 혹은 표(Table) 태그는 표를 그릴 때 사용한다. - 사이트 레이아웃을 위해 표를 사용하지 않아야한다. 순수 데이터를 담는 용도로만 사용. ..

- i 태그 혹은 이탈릭(Italic) 태그는 글씨를 기울임꼴로 만드는데 사용한다. - 시멘틱(sementic) : 없음 - em 태그와 같이 보기 - EM 태그 혹은 강조(Emphasize) 태그는 I 태그와 똑같이 생겼으나 시멘틱이 있음. - 시멘틱(Sementic) : 있음 - i 태그와 같이 보기 - 문서나 구획의 제목을 담기위해 사용한다. - h1부터 h6 까지의 태그를 사용하며 이 가장 상위 제목, 가 가장 하위 제목이다. - 시멘틱 : 있음 - iframe 태그 혹은 아이프레임 태그는 외부 웹 페이지를 현재 페이지 내에 조각으로 삽입하고자 할 때 사용한다. - 시멘틱(Sementic) : 없음 - 속성 - src : 표..

- a 태그 혹은 앵커(Anchor) 태그는 아래 목적 중 하나 이상의 목적으로 사용한다. 1. 의미없는 단순 텍스트를 담는 용도 2.다른 페이지로의 링크(Link)를 걸기 위한 용도. 3. 페이지 내 특정 위치를 지정하기 위한 용도. - 속성 - href : Hypertext Reference, 해당 a 태그를 클릭하면 이동할 페이지의 주소를 속상 값으로 명시한다. - target : 해당 링크를 어느 위치에서 열지에 대한 설정이고, 그 값은 아래 중 하나이다. - "_self" : 현재 창/ 탭에서 연다. 기본값. - "_blank" : 새로운 창/ 탭에서 연다. 구글 아무 의미 없음 - b 태그 혹은 볼드(Bold) 태그는 글씨를 굵게하는 목적으로 사용한다..