분류 전체보기
-
2023년 05월 18일 수업 내용국비 교육 내용 정리 2023. 5. 18. 09:46
1. 상수 의 개념 (Java) package ch01.ex02; public class C03Constant { final double PI; public static void main(String[] args) { double pi = 3.141592; /*자바에서는 정수와 소수는 int와 double로 따로 구분함*/ pi = 190.20; pi = 0.5; // 상수(constant) final double Pi2 = 3.141592; // pi2 = 10.0; // 재할당X final double PI = 3.141592; // 상수는 대문자로 표기 // PI = 0.0; System.out.println(Math.PI); 2. 변수(javascript) => 뭐 그냥 let 써라 ariable..
-
2023년 05월17일 수업 내용 정리 (자바스크립트)국비 교육 내용 정리 2023. 5. 17. 16:51
부트스트랩 1. 부트스트랩을 이용한 modal 안에 로그인 폼 만들기 DOCTYPE html> Bootstrap start Launch demo modal 로그인 Email address we'll never share your email with anyone ~ password Check me out 2.(1번에 이어서) java-script를 이용한 로그인 폼 안에 수식 넣어주기 let emailInputEl = document.querySelector('#exampleInputEmail'); /** document는 전체 html 이라 보면 됨 * querySelector >> 실무적으로 많이 쓰임 */ let modalEl = document.querySelector('#exampleModal')..
-
2023년 05월 17일 자바스크립트 question(배열,function)국비 교육 내용 정리 2023. 5. 17. 15:42
(Q1) let animals= [ "Aardvark", "Albatross", "Alligator", "Alpaca", "Ant", "Ape", "Armadillo", "Donkey", "Baboon", "Badger", "Barracuda", "Bat", "Bear", "Beaver", "Bee", "Bison", "Cat", "Caterpillar", "Cattle", "Chamois", "Cheetah", "Chicken", "Chimpanzee", "Chinchilla", "Chough", "Clam", "Cobra", "Cockroach", "Cod", "Cormorant", "Dugong", "Dunlin", "Eagle", "Echidna", "Eel", "Eland", "Elephant"..
-
2023년 05월16일 수업 내용 정리국비 교육 내용 정리 2023. 5. 16. 18:05
(1) (2) 기본 입력 DOCTYPE html> Document // let let a = 5; // 초기화 let c = a + 5; a = 7; // 재할당 // let a = 10; // ERROR (3) 핵심은 백틱! DOCTYPE html> Document // 기본 자료형(primutive type) // Number, String, Boolean,null // String(문자 데이터) //(java) char c ='가' String = "hello"; let myname = "Arnie" let email = 'pioange@gmail.com'; let greeting = `Hello ${myname}~!`; /*백틱(esc옆에 있음) 보관법: ${} 사이에 데이터를 보관*/ conso..
-
2023년 05월15일 수업 내용 정리국비 교육 내용 정리 2023. 5. 15. 16:20
(1) DOCTYPE html> Document body{ margin: 0; } ul{ list-style: none; padding: 0; margin: 0; border: 1px solid #000; } ul li{ border: 1px solid #000; background-color: royalblue; color: #fff; } .container{ display: grid; /*flex는 무조건 수평, 주축 정렬 이었짐나 grid는 x,y를 잡아줘야함!*/ width: 300px; height: 500px; grid-template-columns: 1fr 1fr 1fr;/*1:1:1 비율로 잡아줌*/ } 1 2 3 4 5 6 7 8 9 (2) DOCTYPE html> grid-templat..
-
네이버 회원가입 바 만들어봐~국비 교육 내용 정리 2023. 5. 12. 17:27
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..