본문 바로가기

코딩수업112

(미완) 9/21 Bootstrap 프레임워크 AWS 클라우드환경 네이티브 수업 85일차 진행 1. Bootstrap 프레임워크 요약 1. Bootstrap 프레임워크 ※참고 - glyphicon 입력폼(form) (input-group, checkbox / radio / select ) 부트스트랩에서 제공하는 독자적 입력 요소 ( btn-group, dropdown) 네비게이션 (nav-tabs ) 다이어로그 (modal-dialog) ※참고 - glyphicon 부트스트랩 사이트에서 컴포넌트를 클릭하면 기본적으로 제공하는 기본 아이콘들이 있다. 아래의 예처럼 아이콘 아래에 있는 구문을 class 속성에 추가하면 해당 아이콘을 사용할 수 있다. 5. 입력폼(form) input-group 라벨과 입력창이 하나로 그룹핑 되어서 표시되게 하고 싶을 때.. 2022. 9. 21.
9/20 웹페이지 만들어 보기, Bootstrap 프레임워크 시작 AWS 클라우드환경 네이티브 수업 84일차 진행 1. 웹페이지 만들어 보기 (어제에 이어서) 2. Bootstrap 프레임워크 요약 1. 웹페이지 만들어 보기 (자바 스크립트의 getElementsByName 사용 예시) 2. Bootstrap 프레임워크 Bootstrap 사용을 위한 준비 그리드 시스템 (contaioner, row, column, 그리드 옵션, offset) 부트스트랩 컴포넌트 Contents 요소들 (Jumbotron, Typography, Table) 입력폼(form) (form-group, form-inline, button, checkbox) 웹페이지 만들어 보기 9/19에 이어서 welcome 페이지 왼쪽 메뉴 중 history 페이지를 만들어 보자. 거의 welcome과 비.. 2022. 9. 20.
9/19 HTML을 이용해서 웹페이지 만들어 보기 AWS 클라우드환경 네이티브 수업 83일차 진행 1. 웹페이지 만들어 보기 요약 1. 웹페이지 만들어 보기 웹페이지 만들어 보기 welcome.html (첫 페이지) login | Join HOME COMPANY SOLUTIONS CUSTOMER CENTER CONTACT US Web Hosting Solution Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nunc urna, fringilla non fringilla ut, lacinia eu urna. Aliquam nec urna at nisi pulvinar eleifend. Duis commodo luctus leo vitae feugiat. Curabitur ac so.. 2022. 9. 19.
9/16 CSS 속성 ( 배경, 테두리, 박스, 위치, Animation ) AWS 클라우드환경 네이티브 수업 82일차 진행 1. CSS 속성 ( 9/15 이어서 배경) 요약 1. CSS 속성 배경 : Background Color / Background-Image/ Background-Clip / Background-Origin / Background-Size / Background 속성 테두리 : Border-Radius 박스 : Box-Decoration-Break / Box-Shadow 위치 : Float 속성 / Clear 속성 Animation : Animation-Name / Animation-duration / Animation-delay / Animation-direction / Animation-Iteraction-Count 4. 배경 Background Col.. 2022. 9. 16.
9/15 CSS 선택자, CSS 속성(Font, Text, Color) AWS 클라우드환경 네이티브 수업 81일차 진행 1. CSS 선택자 2. CSS 속성 (배경은 9/16 으로 옮김) 요약 1. CSS 선택자 전체 선택자 요소 선택자 클래스 선택자 아이디 선택자 하위 선택자 자식 선택자 속성 선택자 가상 클래스 선택자 가상 요소 선택자 형제 선택자 선택자의 그룹화 2. CSS 속성 Font : Font-Family / Font-Weight / Font 속성 / Font-Face Text : Text-Align / Letter-Spacing / Word-Spacing / Text-Indent / Text-Decoration/ Text-Shadow Color : Color 속성 / Opacity 속성 ※ 주의 CSS에서는 띄어쓰기를 조심해야한다. 띄어쓰기로 작동이 안되는 경.. 2022. 9. 15.
(미완) 9/14 HTML 태그 종류 별 정리, CSS 개념 및 적용 방식, 박스 모델 AWS 클라우드환경 네이티브 수업 80일차 진행 1. HTML 태그 종류 별 정리 2. CSS (CSS 개념, CSS 적용방식, CSS 선택자는 9/15 에 포함) 요약 1. HTML 태그 종류 별 정리 (a, b, body, dd/dl/dt, div, em, fieldset, head, hr, html, i, input, mark, meta, ol, script, small, strong, table, title, ul, ) 2. CSS (CSS 개념, CSS 적용방식, 박스 모델) HTML 태그 종류별 정리 하이퍼링크(hyperlink)를 정의할 때 사용한다. 문법은 아래와 같고, URL을 어떻게 사용하냐에 따라 기능이 약간 다르다. 절대 주소(absolute URL) ex) href=“http://.. 2022. 9. 14.
9/13 데이터 베이스(DB) 자바와의 연결, HTML 시작 및 기초, 구조, 요소의 구조 AWS 클라우드환경 네이티브 수업 79일차 진행 1. 데이터 베이스(Datebase)와 자바(Java)의 연결 ( 9/7 참고, 이어지는 내용 이므로 ) 2. HTML 요약 1. 데이터 베이스(Datebase)와 자바(Java)의 연결 (Java에서 SQL문을 직접 작성해서 데이터 뽑아내기, SQL 데이터를 뽑아내는 패널까지 만들기) 2. HTML (Apache Tomcat 다운 및 설치, HTML의 구조, HTML 요소의 구조, HTML 각종 설정 및 프로젝트 만들기 / 기본 예제 1, 2) 데이터 베이스(Datebase)와 자바(Java)의 연결 Java에서 SQL문을 직접 작성해서 데이터 뽑아내기 package db; import java.sql.Connection; import java.sql.*.. 2022. 9. 13.
(미안)9/7 데이터베이스(DB) AWS 클라우드환경 네이티브 수업 78일차 진행 1. 데이터 베이스(Datebase)와 자바(Java)의 연결 조퇴에에에엥에ㅔ에에엥엑~~~!!! 요약 1. 데이터 베이스(Datebase)와 자바(Java)의 연결 이전 시간까지 DB에서 사용하던 scott DB내에 있는 emp 테이블을 자바를 이용해서 불러와보려고 한다. package db; import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; // DB 접속 클래스 public class DBConnection { public static Connection getConnection(){ Connection conn = null; try { Stri.. 2022. 9. 7.
9/6 데이터베이스(DB) 집합 연산자(교집합, 차집합, 대칭 차집합), VIEW AWS 클라우드환경 네이티브 수업 77일차 진행 1. Create / Insert / Delete / Update / Alter (Drop) 곱집합, 합집합 (Union) ( 8/30 Cartesian Product , 9/5 DML 및 합집합 참고) 2. 집합 연산자 (교집합 (INTERSECT), 차집합 (MINUS), 대칭 차집합 (Symmetric Difference )) 3. VIEW 오늘은 Zoooooooooooooooooooooooooommmmmm~~~ 요약 1. 집합 연산자 (교집합 (Intersect), 차집합 (Minus), 대칭 차집합 (Symmetric Difference )) 2. VIEW (View의 필요성, View의 생성/ 수정/ 삭제, View의 종류와 데이터 업데이트 ) .. 2022. 9. 7.
9/5 데이터베이스(DB) 서브쿼리(SubQuery), Any / All, Create / Insert / Delete / Update, 합집합 (Union), Alter Table, 기본키/ 외래키, AUTO_INCREMENT AWS 클라우드환경 네이티브 수업 76일차 진행 1. 서브쿼리(SubQuery) 2. 비교 연산자 Any, All 3. 연관성 있는 서브쿼리(Correlated Subquery)와 없는 서브쿼리(Noncorrelated Subquery) (9/2 참고) 4. 합집합 (Union) 5. Create / Insert / Delete 6. Alter Table 7. 기본키(Primary Key) / 외래키(Foreign Key) 8. AUTO_INCREMENT ( AUTO_INCREMENT 값 초기화 / 1부터 재정렬하는 방법 ) 조퇴에에에에에에에엑~~~~~~~! 요약 1. 서브쿼리(SubQuery) 2. 비교 연산자 Any / All 3. Create / Insert / Delete / Update 4. 합.. 2022. 9. 5.
728x90
반응형