진수의 시간은 거꾸로 흘러간다. IT 성장 블로그 진수의 시간은 거꾸로 흘러간다. IT 성장 블로그

DOCTYPE html> Document 아이디 비밀번호 비밀번호 재확인 이름 생년월일 1월 2월 3월 4월 5월 6월 7월 8월 9월 10월 11월 12월 성별 본인 확인 이메일 휴대전화 이용약관개인정보처리방침책임의 한계와 법접고지회원정보 고객센터 © NAVER Corp. body{ margin: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } .member{ border: 1px solid red; } .logo-style{ border: 1px solid blue; display: flex; justify-content: center; } .field{ margin-top: 10px; border: 1p..

1. flex-box! DOCTYPE html> Document body{ display: flex; justify-content: center; align-items: center; height: 100vh; /* 높이를 줘야 적용이 되겠지?*/ } .card{ border: 1px solid #000; width: 500px; height: 400px; padding: 20px; display: flex; justify-content: center; align-items: center; } .content{ border: 1px solid #000; width: 70%; display: flex; flex-direction: column; /* 가로를 세로로 바꿔주겠지?*/ align-items: c..

(1) for문 package ch03.ex03; public class C01For { public static void main(String[] args) { // for (초기화식; 조건식/종료식; 증감식){실행} // 특정 조건에 맞춰서 정해진 횟수를 반복한다. for(int i=0; i

Start! (1) DOCTYPE html> Document section{ border: 5px solid #000; width: 600px; /* height: 100px; */ overflow: hidden; /*높이를 찾아줌!*/ } section article{ width: 200px; height: 100px; background-color: gold; border: 1px solid red; float: left; box-sizing: border-box; } article article article (2) DOCTYPE html> Document section{ border: 5px solid #000; text-align: center; } section article{ width: 2..

* 자바 기초 설치 방법 https://www.eclipse.org/downloads/packages/ Eclipse Downloads | The Eclipse Foundation The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 415 open source projects, including runtimes, tools and frameworks. www.eclipse.org -> Eclipse IDE for Enterprise Java and Web Developers >> 다운로드 -> c드라이브에 폴더 만들어주고 실행 -> -> 오른쪽 아이콘 자바 클릭 -> create java proj..

참고 이미지: https://drive.google.com/drive/folders/125zZy0tnkydaFxt7azzLTFbVE0ymqzrJ 조건1. 모든 요소가 가운데 정렬 상태여야 합니다. 조건2. 'travel' 로고는 가로 길이가 165px, 세로 길이가 58px 입니다. 조건3. 'travel' 로고 위에는 80px의 여백이 있습니다. 조건4. 메뉴는 16px의 'Helvetica' 폰트, 색상은 Hex 값 기준 #58595B, RGB 기준(88,89,91) 입니다. 조건5. 현재 머물러 있는 창의 메뉴의 폰트는 진하게 나옵니다. 조건6. 각 메뉴 사이의 간격은 20px 이고, 메뉴의 위 아래로 60px의 여백이 있습니다 조건7. 사진의 가로 길이는 페이지의 가로길이의 90% 입니다. (예를..

* 과제1: 체스판 만들기~ DOCTYPE html> Checkboard 만들기 #board{ width: 500px; border: 1px solid #000; display: flex; flex-wrap: wrap; margin:0 auto; } .square{ width: 100px; height: 100px; border: 1px solid #000; box-sizing: border-box } /* #board div:nth-child(even){ background-color: black; } #board div:nth-child(odd){ background-color: red; } */ .square:nth-child(odd){ background-color: red; } .square:n..

-HTML 1. css에서의 vh는 view port 기준 height 임~ 2. -> input은 텍스트를 적을수 없기에 value 값을 줘서 텍스트값을 줄수가 있음 3. -> 텍스트 입력시 가야될 경로에 전송을 해줌 사용자 ID: 사용자 PW: 4. -> 라벨은 텍스트를 한쌍으로 묶어준다. 그냥 일반적으로 input하고 같이 쓰인다고 보면 됨 사용자 ID: 5. 먹고 싶은 것을 하나만 선택 하세요. 짜장면 짬뽕 탕수육 -> name을 줌으로서 하나 씩 선택가능.(그룹으로 묶으니 하나씩만 선택가능) 6 교제. p119 p164 예제 문제 ㄱ~ 7. 8. => method는 개발자 도구를 이용하여 network를 탭을 살펴 보면 request method:get으로 되어 있을것이다.(이거슨~ 비밀번호가 ..