국비 교육 내용 정리
-
2023년 05월 23일 공부 내용 정리 (MYSQL,json)국비 교육 내용 정리 2023. 5. 23. 12:02
* 제이 쿼리 참고 사이트 https://releases.jquery.com/ jQuery CDN The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-party servers have not been tampered with. Use of SRI is recommended as a best-practice, whenever libr releases.jquery.com * DB (mysql) tip: 꼬였다 하면 mysql 폴더 가서 전부 삭제 후 mysql 홈페이지 가서 다운로드 후 ..
-
2023년 05월 22일 수업 내용국비 교육 내용 정리 2023. 5. 22. 09:00
* 퀴즈퀴즈 플러스 Q1) 연필 1다스는 연필 12자루 입니다. 학생 1인당 연필을 1자루씩 나누어 준다고 할때 n명의 학생 수를 입력하면, 연필의 다스 수가 구해지는 프로그램을 작성하세요 . 함수(학생수) -> 다스 수 math 객체 메소드 사용 코드: function solution(n) { let answer=Math.ceil(n/12); return answer; } console.log(solution(200)); 코드 설명: 함수는 "n"이라는 매개변수를 가지고 있습니다. 함수 내에서 "answer"라는 변수를 초기화하고, "n"을 12로 나눈 후 Math.ceil 함수를 사용하여 결과를 올림한 값을 할당합니다. Math.ceil 함수는 결과를 가장 가까운 정수로 올림합니다. 예를 들어, "n..
-
2023년 05월 19일 수업 내용국비 교육 내용 정리 2023. 5. 19. 11:32
//JS 객체 생성 방법 //1) //2) //3) //4) ES6 Class 기반 객체 생성 방식 class chart { // 멤버 변수 // 생성자 constructor(width,height){ this.width = width; this.height = height; } // 메소드 drawline(){ console.log("draw line"); } } const mychart = new chart(100,100); mychart.drawline(); //1) 객체 리터별 방식 {} : 값을 넣어 주는 방식 제일 중요함! // JS - 프로퍼티 키(key), 프로퍼티 값(value) // java -필드(멤버변수),메서드(멤버함수) // python - 속성(attribute,변수), 메소드..
-
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..