목록전체 글 (348)
정구리의 우주정복
여기서 포인트는 1) 가로정렬 2) 3개 사이의 간격의 일정함 3) 카드 안에 요소들의 정렬 이다 ! Card #01 Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore, temporibus. Card #02 Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint perferendis maiores rem facilis quisquam, necessitatibus in aliquid non perspiciatis cupiditate. Card #03 Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odit expedita eaque ..
또 정복당하는건 나였고 What are you looking for html 은 정말 별거 없다 그냥 fom 태그 안에 h1 이랑 Input 2개 넣어주면 끝 ! @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'); body{ font-family: 'Montserrat', sans-serif; margin : 0; line-height: 1.5em; /* background-image: url("./images/snow-photo.jpg"); background-repeat: no-repe..
layout 과 배치를 정복할거시다 ! 할수있을지는 모름 Header a1 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatum nostrum soluta expedita dolore tempora ratione quos deleniti, sint cumque, quo aliquam illum possimus iure accusantium numquam fugit id alias vel. a2 footer html 소스코드 별거 없음 그냥 div 안에 header section footer 로 나눠줬다 .container{ border: 1px solid #000; width:1200px; margin: auto; } header{ b..
HTML 사이트 제목 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facere, eius! 왼쪽 사이드 바 메뉴 01 메뉴 02 메뉴 03 메뉴 04 메뉴 05 본문 Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsam deserunt earum omnis quaerat quas pariatur, eos quibusdam blanditiis. Culpa et rem, ad ipsum aliquam nobis earum perspiciatis pariatur vel, assumenda itaque maiores reprehenderit quod accusantium. Architecto ..
position 에는 relative , absolute, static, fixed 등등이있다 오늘은 저 4개에 대해서 정복을 할거임 ! relative 는 자기 자신 기준으로 이동을 한다 + relative 를 부여한 애는 부모역할을 하게 된다 absolute 는 부모 기준으로 이동을 한다 만약 relative 를 사용해 부모를 지정하지 않으면 최상위 뷰포트가 부모가 된다 static 을 주면 부모의 역할을 하지 않게 된다 fixed는 그냥 뷰포트 기준으로 이동하게 된다. 전체 소스 보면서 얘기 해봅세다 상대 배치 , relative A B C D E F HTML 상대 배치 , relative A B C D E F div 안에 div 7개 만들어줬다 CSS 짤라서 보자 div{ border : 1px ..
ShipMain.java public class ShipMain { public static void main(String[] args) { Ship s1 = new Ship(); Ship s2 = new Ship(); Ship s3 = new Ship(); s1.sail(100); s2.sail(2000); s3.sail(50000); System.out.printf("여객 터미널 이용객 수는 : %d 명 입니다\n ",Ship.totalCnt); System.out.printf("여객 터미널 이용객 수는 : %d 명 입니다 \n",s1.totalCnt); System.out.printf("여객 터미널 이용객 수는 : %d 명 입니다 \n",s2.totalCnt); System.out.printf("여..
간단하게 사람 객체를 만들어 버스와 지하철을 태워보는 시나리오이다. Main.java public class Main { public static void main(String[] args) { Worker a = new Worker("A"); Worker b = new Worker("B"); Subway no1 = new Subway("1"); Bus no400 = new Bus("400"); Bus no500 = new Bus("500"); a.takeSubway(no1); b.takeBus(no500); a.showWorkerInfo(); b.showWorkerInfo(); no1.showSubInfo(); no400.showBusInfo(); no500.showBusInfo(); } } 우선 ma..