분류 전체보기(226)
-
JavaScripts _ 기초 간단 프로그램(성인 구별)
if문 결과
2023.04.05 -
Day2_VSCODE_JavaScript_제어문(반복문_if문과 switch문)
🟢제어문 1. 조건문 [1-1] if문 🔴조건의 범위가 있을 때 사용 if(조건식){ 조건식의 결과가 true일 때 실행할 문장; .... } [1-2] if ~ else문 if(조건식){ true일 경우 실행할 문장; .... }else{ false일 경우 실행할 문장; } 🔴[1-3] if~else if~else문 if(조건식1){ 조건식1이 true일 경우 실행할 문장; }else if(조건식2){ 조건식2이 true일 경우 실행할 문장; }else if(조건식3){ 조건식3이 true일 경우 실행할 문장; }else{ 모든 조건식의 결과가 false일 때 실행할 문장; } 🔴[2]switch 문 🔴조건의 값이 일치할 때 switch(변수){ case 값1: 변수와 값1이 같을 경우 실행할 문..
2023.04.05 -
Day2_VSCODE_JavaScript_연산자
🟢연산자(Operator) 🔴파이썬과 다른 부분 1. 산술 연산자 +,-,*,/,%,** 2. 비교 연산자 >, =, true '3'== 3 -> true '3'=== 3 -> false 3. 대입 연산자 =, +=, -=, *=, /=, %=, **= ✔4. 증감 연산자 ++변수, --변수, 변수++, 변수-- 파이썬.version | num +=1과 같은 기능 🔴 result = ++num // result = 11, num = 11 (순서중요) 🔴 result = num++ // result = 11, num = 12 [예시] num = 10 ++num // 11 --num // 10 num++ // 11 num-- // 10 num = 10 🔴5. 논리 연산자 && = and || = or ! ..
2023.04.05 -
Day1 JavaScript 변수 + 상수+ 데이터 타입 + 대화 상자
🟡자바스크립트 특징 1. 객체기반의 스크립트 언어 2. 대소문자를 구별 3. 문장끝에 세미콜론을 사용(생략 가능) 🟡자바스크립트 출력 - Web API Console을 통해 브라우저 Console창에 출력 (F12에 Console 창) [사용법] 1. 2. 외부 자바스크립트 사용 script src='파일명'> 🟡자바스크립트 실행 순서 - 인터프리터 방식이므로 위에서 아래로 실행 🟡Javascript 파일 및 문장을 사이에 잇을 경우 순서 :html 문서의 시작 -> 에 있는 를 다운로드 / 실행 -> 에 있는 HTML을 실행 후 끝 결과: 외부 script 파일을 사용할 경우 script 파일 다운로드가 늦을때 HTML이 실행되지 않는 상태에서 빈 화면이 보일 수 있음 🟡Javascript 파일 및 문..
2023.04.05 -
CSS+VSCODE 카페 메인 페이지 만들기
HTML 코드 ! 카페소개 오시는 길 이달의 추천 카페소개 영업시간: 오전 9시~ 밤 10시 휴무: 매주 수요일(수요일 공유일인 경우 수요일 영업, 다음날 휴뮤) 오시는 길 서귀포시 안덕면 사계리 000-000 제주 올레 10코스 산방산 근처 이달의 추천 핸드드립 아이스 커피 1인분 기준으로 서버에 각 얼음 5조각(한조각은 20cc) 넣고 추출을 시작한다. 평상시 보다 원두의 양은 2배정도(20g)와 추출액은 얼음을 포함해서 200cc까지 내린다. 아이스 잔에 얼음 6~7개 섞어서 시원하게 마신다. My times with Coffee CSS코드 @font-face { font-family: 'KimjungchulMyungjo-Bold'; src: url('https://cdn.jsdelivr.net/g..
2023.04.04 -
Day5_VSCODE_CSS CSS 2D+Transform
🟢CSS 2D 도형에 관한 처리 🟢 css animation - 요소의 현재 스타일을 다른 스타일로 변환 🟡@ketframe 시작:0% or from 과정:1% or 5% or 10% 끝: 100% or to [원리] 0% 5% 50%..... 100% 장면1 장면2 장면3 마지막 장면 🟡animation-name: 애니메이션의 이름을 설정 ✔ 🟡animation-fill-mode: 애니메이션이 끝난 후 어떻게 처리할지 설정 forwards: 애니메이션 완료시, 마지막 프레임을 유지 🟡animation-direction: 애니메이션의 지정 방향 설정 reverse: 반대 순서로 진행 alternate: 정해진 순서로 진행 했다가, 다시 반대순서로 돌아감 reverse-alternate: 반대 순서로 진행..
2023.04.04