정렬 inline요소 부모block요소의 text-align속성을 통해서 정렬. 정렬대상 a, img, span과 h1~h6, p안의 text block요소 margin속성(다른 요소와의 거리)를 이용해서 정렬 text-align : left, center, right margin : top right bottom left margin : _ auto ; _만큼 좌우 마진 똑같이 계산해서 지정 margin-left/ margin-right : auto; 좌 우측정렬 justify-content : center; 메인 축 정렬 align-items : center; 크로스 축 정렬 안녕 링크링크 제목 Lorem ipsum dolor sit amet consectetur adipisicing elit. Ve..
h2 안녕 li Hello li 니하오 h2 잘가 li byebye li 짜이찌엔 위 코드에서 직계자식과 후손에 대해 배워보자. 직계자식 & 후손 직계자식인 parent만 h2에 대해서 노란색 배경이 설정되었다. 부모의 경우 '>' 를 사용하고, 후손의 경우 ' ' (띄어쓰기)를 사용한다. 후손에 대해 underline을 지정해주었는데, 부모 및 자식에 대해 전부 설정되었다. 부모 아래에 있는 ul, li에 대해서 색을 빨간색으로 지정해주었더니 parent아래만 빨간색으로 지정되었다. 자식에 대해서 ul, li에 대해 색을 파란색으로 지정해주었더니 child아래만 파란색으로 지정되었다. html css javascript jquery geolocation webstorage 위 코드에 대해서 형제요소에 ..
CSS : Cascade Style Sheet html이 데이터를 다룬다면, css는 style에 대해 다룬다. 문서내용 작성하는 부분과 꾸미는 부분을 분리하여 내용을 수정하여도, 디자인을 바꿀 필요가 없고 디자인을 수정해도 글 내용을 바꿀 필요가 없다. 다양한 기기에도 디자인만 따로 적용하여 구동 시킬 수 있다. style : 정해진 속성을 입력하여 웹페이지를 꾸미는 것 stylesheet 웹페이지에서 반복적으로 쓰는 style을 모아놓은 것 스타일 기본 형식 css를 html에 적용하는 방법 1. html요소의 inline style속성 작성 2. html문서의 내부 style태그 작성 3. 외부 css파일을 현재 html문서와 연결 1. html요소의 inline style 속성 작성하기 CSS c..
이미지 관련 태그 이미지는 img로 작성하며, 시작과 종료 태그의 구분 없이 하나의 태그만 작성한다. src = 이미지 경로 (절대경로/상대경로) 절대경로 : 절대주소는 / 또는 프로토콜로 시작한다. 파일 프로토콜 절대 주소는 서버환경에서 보안상 사용할 수 없다. 상대주소 : / 또는 프로토콜로 시작하지 않는 주소이다. ./ 는 현재 디렉토리 ../ 는 부모 디렉토리 alt = 대체텍스트 이미지를 찾지 못했거나, 시각적 확인이 불가능한 경우 사용할 텍스트. 절대 크기 px : 픽셀로 크기를 나타냄. 창을 키우거나 줄여도 변화 X 상대 크기 % : 전체 가로 길이에서 %로 크기를 나타냄. 창을 키우거나 줄이면 크기변화 O https://www.biew.co.kr/entry/WAI-ARIA-%EC%9B%B9..
비주얼코드 설치 https://code.visualstudio.com/download Extension 에서 추가해야할 것들 Live Server -> Extension Settings local 검색해서 Use local IP as host 선택. 모두 설치해주자. 이제 HTML에 대해 알아보자! HTML Hyper Text Markup Language 웹에서 정보를 표현할 목적으로 만든 마크업 언어. Hyper Text : 다른 페이지로 이동 가능한 링크가 포함된 텍스트 Markup Language : 태그를 통한 정보의 계층구조를 표현하는 언어 웹페이지를 작성하기 위해 사용되는 언어로 웹 브라우저에게 보일 문자열과 이를 감싸는 해석기호(태그들)로 이루어져 있다. ㄴ마크업 (태그) : 문서의 논리적인..
DBC 코드를 간단하게 까지 만들었다. 오늘은 Properties 의 특징을 이용하여 정보를 보호하고, Exception처리를 하는 법을 배웠다. Properties란 HashTable의 자식클래스 K,V가 String, String 형으로 고정되어 설정 정보를 관리하는데에 최적화 되어있다. 먼저 프로젝트 안에 resources 폴더를 만들고, 다음과 같은 파일 두개를 생성한다. datasource.properties에서는 드라이버 클래스와 유저이름, 비밀번호, url등을 관리하고 member-sql.properties에서는 sql문에 대해 관리할 예정이다. 드라이버 클래스, 유저이름, 비밀번호 , url등 정보 관리 datasource.properties ##########################..
이전 글까지 배운 내용이 이거였다면, 이번에는 이렇게 코드를 짜보려고 한다. 맨처음처럼 짤 경우에는 dao에 너무 많은 기능들이 들어가 코드가 길어지고 기능 분할이 되지 않아 가독성도 떨어진다. 그래서 service를 추가해서 코드를 분할해보려고 한다. Service 업무로직 business logic 수행. 트랜잭션처리나 업무수행은 Service 에서 하고 Dao는 진짜 DB로 내용 전달만 한다. Dao 만 존재할 때 Dao 와 Service 분리 Service X 1. jdbc driver class 등록 2. Connection 객체 생성 & set AutoCommit (false) Dao (DQL, DML, 공통) 1. jdbc driver class 등록 2. Connection 객체 생성 & ..
run 클래스 view클래스 vo 클래스 Controller 클래스 Dao클래스 실제로 실행하는 클래스 사용자에게 메뉴 노출 사용자의 입력값 처리 메뉴 선택시 controller의 메소드 호출(요청) Value Object Class Database테이블과 대응한다. field는 테이블의 컬럼과 대응한다. VO객체 하나가 테이블의 레코드와 대응한다. MVC패턴의 가장 중추역할 요청시 view로부터 요청을 받아 dao로 다시 요청을 전달하는 구조. 응답시 dao의 처리 결과값을 받아 view로 리턴처리 Database Access Object 전달받은 데이터를 바탕으로 database에 질의(DQL/DML)하는 객체 지난 시간에 다음과 같은 클래스를 통해서 회원가입을 하는 코드를 작성했다. 이제 남은 기능..
자바 추상클래스의 경우, 바로 객체로 만들 수 없어서 클래스가 필요했다. 이처럼 DB도, 오라클이 구현한 JDBC API를 이용할 것이다. 자바를 db server(Oracle)에서 사용하기 위한 드라이버가 jdbc(오라클의 경우 - ojdbc)인 것이다. Ojdbc 8 다운로드 ojdbc8.jar 다운로드. (jar = java archive) 혹은 오라클을 깔았다면 파일이 이미 깔려있다. (찾으면 됨) 경로는 C:\app\컴퓨터유저이름\product\18.0.0\dbhomeXE\jdbc\lib 안에 존재한다!! 여기서 ojdbc8을 복사해서 이클립스에 넣자. 그 후, 프로젝트에서 오른쪽버튼 - Properties - Java Build Path 클릭. 오른쪽의 Add JARs...를 누르고 ojdbc..
오늘은 SQL활용 시험을 보는 날이었다. 시험을 보면서 깨달은 모르는 개념들을 정리해보려고 한다. 시스템계정에서 오라클 사용자 계정 생성하기 create user [username] identified by [password]; username 에 계정 이름을, password에 비밀번호를 입력한다. ( [ ] 대괄호는 빼고 작성) 시스템 권한의 종류 create user 데이터 베이스 유저 생성 권한 select any table 모든 유저의 테이블 조회 권한 create any table 모든 유저의 테이블 생성 권한 create session 테이블 베이스 접속 권한 create table 테이블 생성 권한 create view 뷰 생성 권한 create proced user 프로시저 생성 권한 c..
