본문 바로가기

LEARN190

[자바스크립트] 기초부터 실전까지 올인원 실습 및 정리 02 if문 let age = 18 if(age > 20) { console.log("운전이 가능합니다") } else if(age >= 18) { console.log("오토바이 운전이 가능합니다") }else { console.log("운전이 불가능합니다") } if문 사용할 때 주의할 점은 '순서' 범위가 있다면, 작은 것부터 큰 거 순으로 let age = 19 if(18 20) { if(license == true) { console.log("운전이 가능합니다") } else { console.log("면허를 따세요") } }else { console.log("운전이 불가능합니다") } // 문제1 유저가 입력하는 숫자가 0인지 음수인지 양수인지 판단하는 프로그램을 만드시오 let number = 1.. 2022. 4. 26.
[API] Accu Weather api 사용 Accu Weather https://developer.accuweather.com/ api 주소: 바탕화면 메모장에 있음 또는 my apps-weatherTT location key 찾기 https://developer.accuweather.com/accuweather-locations-api/apis/get/locations/v1/cities/search locations api->text search->city search send this request key값 복사 1 Day of Daily Forecasts cURL http 부분 복사해서 스킬빌더에서 사용하기 URI정보에 입력하면 됨. 저장하고 배포하고, 오픈 빌더에서 사용 ㅇㅋ 2022. 4. 20.
[자바스크립트] 기초부터 실전까지 올인원 실습 및 정리 01 변수 let: 변수를 선언하는 것 변수의 이름은 변수의 id 변수의 이름은 겹치면 안 됨 let color = "pink" color = "black" console.log(color) let을 안쓰면, 값을 바꿀 수 있음 const password = "pink" console.log(password) const 변수에 있는 값을 바꾸고 싶지 않을 때 사용. 값을 한번 할당하면 재할당이 안 됨. var 사용 ㄴㄴ 자료형과 연산자 string: ""(큰따옴표), ''(작은따옴표) 안에 들어간 데이터. 문자로 취급. 문자열 숫자: 정수, 실수 boolean: true false // 숫자 let password = 1 password = password + 2 console.log(password) // .. 2022. 4. 18.
[JS] JavaScript 객체 고급 11. 상속 class.js class Person { constructor(name, first, second) { this.name = name; this.first = first; this.second = second; } sum() { return this.first + this.second; } } class PersonPlus extends Person { avg() { return (this.first + this.second) / 2; } } let kim = new PersonPlus("kim", 10, 20); console.log(`kim.sum() ${kim.sum()}`); console.log(`kim.avg() ${kim.avg()}`); extends 상속 기능의 중복을 제거.. 2022. 3. 23.
[부스트코스] 8 미디어 쿼리 8. 미디어쿼리 1)미디어쿼리 소개 반응형 웹 사이트 제작에 반드시 필요한 기술 각 미디어 매체(screen, print)에 따라 다른 스타일 시트를 적용할 수 있게 만드는 것 2) 미디어 타입 & 미디어 특성 @media(at media) 미디어 타입(Media Types) 미디어 특성(Media Features) @media mediaqueries { ... } /* 미디어 쿼리 구문은 논리적으로 평가되며 참이면 뒤에 나오는 스타일 규칙이 적용되고, 거짓이면 무시됨 */ Media Types (미디어 타입) all, braille, embossed, handheld, print, projection, screen, speech, tty, tv all, print, screen 을 현업에서 많이 사용하.. 2022. 3. 22.
[부스트코스] 7 CSS 레이아웃 7. 레이아웃 1) 속성-display DISPLAY display: none; display: inline; display: block; display: inline-block; display: list-item; display: flex; display: inline-flex; display: table; display: table-cell; box box box inline-box는 배치는 인라인처럼 되고, 속성은 box 속성 2) 속성-visibility 요소를 어떻게 숨길 것인지 결정 visibility: visible|hidden|collapse|initial|inherit; visibility: visible; /* 보임 기본값 */ visibility: hidden; /* 숨김, 자신의 박.. 2022. 3. 21.

티스토리툴바