001cloudid

*플렉스 레이아웃을 활용해 항상 중앙에  표시 클릭 ※ 뷰포트 단위1vw 뷰포트 너비 1%, 1vh 뷰포트 높이 1%, 1vmin 너비 높이 중 작은값 1% 1vmax 너비 높이 중 큰값 1% CSS 그리드 레이아웃 사용하기그리드 레이아웃 기준으로 박스를 사용할 때 주축(수직, 수평, 기준축) 기준으로 요소를 배치하는 것가로방향(줄 row), 세로방향(열 column) 웹 화면 구성. 간격을 지정해서 원하는 레이아웃 *displaydisplay : grid; 컨테이너 안의 항목을 블록 레벨 요소로 배치display : inline-grid; 컨테이너 안의 항목을 인라인 레벨 요소로 배치1. ㅂㅈㄷㄱ2. qwer3. ㅁㄴㅇㄹ4. asdf5. zxcv 1. ㅂㅈㄷㄱ2. qwer3. ㅁㄴㅇㄹ4. asdf5. ..

반응형 웹 연습 DOCTYPE html> CSS2/ex3.html * { margin:0;padding:0; } body {background: #fff;} a {text-decoration: none;} nav a:link, a:visited {color: #fff;} nav a:active {color: yellow;} h1 {font-size: 1.8em;} h2 {font-size: 1.3em;} p {font-size: 1.3em; line-height: 2.5;} li {font-size: 1em; line-height: 2;} /* 모바일 - 767px 이하 */ #container {width: 100%; margin: 0 auto;} header {width: 100%; height: 3..

Q1. operator 값이 +,-,*,/인 경우 사칙 연산을 수행하는 프로그램을 if-else if문과 switch-case문을 사용해 작성 int num1 = 10; int num2 = 2; char operator = '+'; int num1 = 10; int num2 = 2; char operator = '+'; if (operator=='+') { System.out.println("num1 + num2 = " + (num1 + num2)); } else if (operator=='-') { System.out.println("num1 - num2 = " + (num1 - num2)); } else if (operator=='*') { System.out.println("num1 * num2 =..

시맨틱(semantic) 태그 문서 내용에는 영향을 주지 않으면서 웹 브라우저가 문서 구조를 파악하는 데 중요한 역할을 하는 태그 연습1) 생략 시맨틱태그 : 웹문서 구조를 만듬 (화면상에서는 별 차이가 없음.) 헤더영역 메뉴(내비게이션)영역 내용을 담는 태그 독립적 내용 담는 태그 내용영역 사이드바 푸터영역 * {margin:0px; padding: 0px; box-sizing: border-box;} /* 전체영역 밖여백 0, 안여백 0, box-sizing : border-box */ a {text-decoration: none;} /* a 밑줄 없앰 */ ul {list-style: none;} /* ul 목록 스타일 none */ #contaniner {margin: 0px auto; backg..

Apache Tomcat Server 새로운 인스턴스 생성 이름 : ApacheTomcat Ct ↔ Web(Apache) ↔ WAS(Tomcat) ↔ DB 이름 외 모든 설정은 이전 시간에 했던 것과 똑같이 Tomcat은 8080포트를 기본적으로 사용. EC2 대시보드 네트워크 및 보안- 보안그룹 - web - 인바운드 규칙 편집 그림 3 규칙 추가 클릭 사용지 자정 TCP, 포트번호 8080 수동으로 입력, 소스 유형 Anywhere-IPv4 섵개 포트번호 변경 불가, 소스 유형 Anywhere-IPv4 선택 MobaXterm 사용해서 원격 접속. Session → New Session → SSH Remote host : EC2 인스턴스 퍼블릭 IPv4주소 Advanced SSH settings 탭 →..

for문 반복횟수를 알고 있을 때 주로 사용 형식: for(초기화변수(초기값) ; 조건식(반복횟수) ; 증감연산자 ) {반복할 내용} ex1) "안녕하세요" 10번 출력 int i; for(i=1; i

선택자 연결선택자 둘 이상의 선택자를 연결해서 스타일이 적용될 요소가 어느 부분인지 지정. 선택자를 둘 이상 조합하므로 '조합 선택자','콤비네이션 선택자','콤비네이션 셀렉터'등으로 부름. *하위선택자와 자식선택자 특정 요소를 기준으로 그 안에 포함된 요소를 하위 요소라고 함. 현재 요소를 기준으로 바로 한 단계 아래 요소는 자식 요소, 그 자식 요소의 한 단계 아래는 손자 요소라고 함 하위선택자를 사용하면 부모 요소에 포함된 하위 요소를 모두 선택하여 자손 선택자라고도 함. 즉, 자식 요소뿐만 아니라 손자 요소, 손자의 손자 요소 등 모든 하위 요소까지 적용. ex) section p {.....} section 상위 요소, p 하위 요소 자식선택자는 하위 선택자와 다르게 자식 요소에만 스타일을 적용..

반복문 프로그램 내에서 동일한 명령을 지정 횟수만큼 반복하여 수행하도록 제어하는 명령문 *반복문에서 지켜야하는 규칙 1. 초기화변수 : 반복을 시작하는 값을 저장해 놓은 변수 = 초기값 2. 조건식 : 반복횟수를 정한다.(조건을 만족할 때까지 반복 수행 → 조건이 만족하면 계속해서 반복을 수행) 조건식이 거짓이면 반복할 내용을 수행하지 않고 while문을 빠져나간다. 3. 증감연산자 : 반복횟수가 순차적으로 늘어나거나 줄어들어야 함 ※증감연산자 : 하니씩 순차적으로 증가, 감소시키는 연산자 1. 단항으로 이루어진 증감연산자 : a++, ++a, a--, --a 2. 대입 연산자 : a = a + 1 → a +=1 *while문 반복횟수를 모르거나 무한반복 시켜야하는 경우 주로 사용 형식) while(조건..

HR 스키마 - ERD 만들기 ERD(Entity-Relationship Diagram) 개체(테이블)와 개체 사이의 관계도 데이터 모델링 테이블들을 설계해서 생성하는 일련의 과정 데이터 모델링 순서 요구사항 수집 및 분석 개념 모델링 주요 개체(테이블)와 관계를 결정하는 단계. 테이블, 컬럼, 테이블과 테이블의 관계 결정. 결과물 → ERD(뼈대) 논리 모델링 개념모델링의 결과를 구체화 시키는 단계. 제약조건, 데이터타입, 컬럼 사이즈 등 결정. 결과물 → 구체화된 ERD 물리 모델링 : 논리모델링의 결과를 토대로 테이블 차트 및 생성. 작업을 하는 단계 결과물 → 테이블 차트, 테이블 생성 역모델링? 현재 운영되고 있는 테이블을 토대로 구체화된 ERD를 그리는 작업 메뉴 [Home] - [Models..

위치 *웹 요소의 위치를 정하는 left, right, top, bottom left : 기준 위치와 요소 사이에 왼쪽으로 얼마나 떨어져 있는지 지정 right : 기준 위치와 요소 사이에 오른쪽으로 얼마나 떨어져 있는지 지정 top : 기준 위치와 요소 사이에 위쪽으로 얼마나 떨어져 있는지 지정 bottom : 기준 위치와 요소 사이에 위쪽으로 얼마나 떨어져 있는지 지정 *배치 방법을 지정하는 position position : static; : 문서의 흐름에 맞춰 배치. 기본값 position : relative; : 위치값을 지정할 수 있다는 점을 제외하면 static과 같음 position : absolute; : relative값을 사용한 상위 요소를 기준으로 위치를 지정해 배치 position..