분류 전체보기(169)
-
JavaScript 입문과 웹 UI개발(13)-setTimeout 타이머주는 법
index.html 초 이내 구매시 사은품 증정 강의 출처: JavaScript 입문과 웹 UI개발 https://codingapple.com/ 코딩애플 온라인 강좌 - 개발자도 단기완성! 단연 NO1 강사님의 NO.1 강의 역시나 명강입니다. IT 업계의 대치동 NO1. 강사같은 엄청난 강의력. 코딩애플님의 강의는, 엄청나게 기초적인 것부터 가르치는 듯 보이지만, 실제로 다루는 깊이는 절 codingapple.com
2022.10.03 -
JavaScript 입문과 웹 UI개발(12)-변수, 사칙연산 실력향상 과제
Q1. 변수를 만들어봅시다 내 나이와 출신지역을 자바스크립트 변수에 저장해봅시다. 나이는 맨날 변하니 재할당가능한 변수, 출신지역은 바뀌지 않으니 재할당불가능한 변수에 저장해보십시오. 답인데 굳이 볼 필요가 let age = 20; const place = '서울'; 대충 이렇게 하면 되겠군요. Q2. 왜 이 변수는 동작하지 않죠? var name = 'park'; var id = 0; function showName(){ var name = 'kim'; var id = 1; console.log(name); } showName(); console.log(id); 다음 코드를 실행했을 때 콘솔창에 무엇이 출력될까요? 답 console.log(name) 부분에선 'kim' 이 출력되고 console.log..
2022.10.03 -
JavaScript 입문과 웹 UI개발(11)-변수문법과 Dark mode 버튼만들기
index.html Dark 🔄 main.css .dark{ background: black; } .white{ background: white; } 강의 출처: JavaScript 입문과 웹 UI개발 https://codingapple.com/ 코딩애플 온라인 강좌 - 개발자도 단기완성! 단연 NO1 강사님의 NO.1 강의 역시나 명강입니다. IT 업계의 대치동 NO1. 강사같은 엄청난 강의력. 코딩애플님의 강의는, 엄청나게 기초적인 것부터 가르치는 듯 보이지만, 실제로 다루는 깊이는 절 codingapple.com
2022.10.02 -
JavaScript 입문과 웹 UI개발(10)-if/else,function 관련 문제
Q1. 철수는 369게임을 더럽게 못합니다. 실제 369게임 말고 약간 쉽게 각색해서 '3의 배수에서' 박수를 치면 되는 게임을 하고 있습니다. 근데 철수는 바보라 숫자를 하나 주었을 때 이 숫자가 3의 배수인지 아닌지 파악하기 넘나 힘든 관계로 프로그래밍으로 이 문제를 해결하려고 합니다. 어떤 숫자를 함수 안에 집어넣으면 박수를 쳐야할 지 말아야할 지 판단해주는 함수를 만들려고 하는데 어떻게 함수를 만들어야할까요? function 삼육구게임() { //빨리 이 함수를 디자인해봅시다. } 실행결과 예시 : 삼육구게임(6); 실행하면 3의 배수니까 콘솔창에 '박수'라는 글자가 떠야합니다. 삼육구게임(12); 실행하면 3의 배수니까 콘솔창에 '박수'라는 글자가 떠야합니다. 삼육구게임(11); 실행하면 3의 ..
2022.10.02 -
JavaScript 입문과 웹 UI개발(9)-폼만들며 배워보는 if else 그리고 input, change 이벤트와 and, or 연산자
index.html
2022.10.02 -
JavaScript 입문과 웹 UI개발(8)-모달창 만들기와 간단한 애니메이션
index.html 로그인 로그인하세요 닫기 main.css .alert-box{ background-color: skyblue; padding: 20px; color: white; border-radius: 5px; display: none; /* 숨길때는 none 나타낼때는 block */ } .list-group{ display: none; } .show{ display: block; } /* 모달창 용 =====================*/ .black-bg { width : 100%; height : 100%; position : fixed; background : rgba(0,0,0,0.5); z-index : 5; padding: 160px; visibility: hidden; /* 애니..
2022.09.30