기초 개발 노트

예제 코드// ///중첩은 반복횟수 곱하기다 (1번반복횟수 x 2번반복횟수)var count = 0;for (var i = 0; i ${level} x ${line} = ${level * line}`); } console.log('======================');}  예제 코드 2var one = +prompt('한변');var two = +prompt('두번째 변');var star = '';for (var i = 0; i      break break를 사용하면 반복문이 끝나고 밖으로 나가게된다. // for (var i = 1; i 10) {// break;// }// }console.log('===================');for (var i = 0; i   ..

예제 코드// 1 -> 2 -> 3 -> 4 -> 2 -> 3 -> 4 -> 2(false) -> Endvar i = 1; // 1. beginwhile ( i  while 문과 비슷하지만 한줄안에 begin  end execute step 이 모두 있기 때문에 코드 확인에 아주 용이하다. while문은 보통 횟수가 정해져 있지 않을 때,  for문은 횟수가 정해져 있을 때 활용된다.     /// 문제 1 /// 입력받은 숫자 이하의 2의 제곱수를 가로로 출력// var limit = +prompt('숫자');// var str = '';// for ( var i = 2; i  저장이 필요한 가상의 변수들을 생각해보고 미리 만들어 준다고 생각해보면 첫시작에 도움이 됬던 것 같다.\n 은 엔터를 의..

/////// 1번 문제 ///////////var num1 = +prompt('첫번째 양의 정수를 입력!');var num2 = +prompt('두번째 양의 정수를 입력!');const num3 = num1var total = 0;while (num1  += 는 save의 의미와도 비슷하다 i++ 를 통해 재실행을 해준다.

예제 코드// var begin=10, end=0, step=1// var n = begin;// //시작이 끝보다 클 때// while (n >= end) {// console.log(`${n}!!`);// n -= step;// }console.log('===================');// var level= 7;// var n = 1;// while (n  ( m % 2 === 1) 은 즉 홀수를 의미한다. %는 나누기임  비교연산자를 쓸때  (` ${} x ${} `) 와 같이 활용하면 계산식을 출력하거나 입력 할 수 있다. 반드시 ' 이 아니라 백팁 `을 사용해야 한다.  n-=step 은 n에서 step을 뺀 결과값을 의미한다 마찬가지로 += ,  *=,   가 있다. ++는 더..

var season = prompt('선호하는 계절을 입력하세요!')// 조건을 판별할 변수 ( 비교식x, 문자값이나 숫자값 써야함 )switch (season) { case '봄': alert('봄에는 여의도로 가세요'); break; case '여름': case 'summer': alert('여름에는 낙산해수욕장으로 가세요'); break; case '가을': case 'fall': alert('가을에는 설악산로 가세요'); break; case '겨울': case 'winter': alert('겨울에는 홍천로 가세요'); break; default: alert('봄, 여름, 가을, 겨울 중 하나를 입력하세요!');}// break없으면 코..

var height = +prompt('당신의 키는??');if (height >= 140) { var age = +prompt('당신의 나이는?? '); if (age >= 8) { alert('놀이기구에 탑승할 수 있습니다.'); } else { alert('나이제한으로 인해 놀이기구에 탑승할 수 없습니다.'); }} else { alert('신장미달로 인해 놀이기구에 탑승할 수 없습니다.');}alert('오늘 하루 즐거운 시간되세요!'); if 문 두개를 중첩으로 사용하는 경우가 있다.      Quiz 2// // 문제 1 : 2개가 같을 경우와 모두 같을 경우, 모두 다를경우를 구분하기// var a = +prompt('1부터 10사이에 숫자 쓰세요');// var b =..

/*- Quiz. 아래 요구사항에 맞는 코드를 작성하고 브라우저에서 실행하여 테스트하세요.- 요구사항 1. 사용자는 신장(키)과 나이의 정보를 숫자로 입력할 수 있어야 함.2. 프로그램은 2가지 정보를 입력하고 엔터를 누르면 조건에 따라 다른 결과를 출력해야 함.3. 키가 140이상이고 나이가 8세이상인 2개의 조건을 모두 만족할 경우 “놀이기구에 탑승할 수 있습니다.”를 출력할 것.4. 두 개의 조건 중 하나라도 만족하지 않을 시 “놀이기구에 탑승할 수 없습니다”를 출력할 것.5. 조건과는 관계없이 “오늘 하루 즐거운 시간되세요!”를 출력할 것! 논리 연산자를 사용해 볼 것!*/var height = +prompt('키');var age = +prompt('나이는'); if ..

랜덤 정수를 생성하고 조건에 따라 메세지 나오게하기 /* 랜덤 정수 생성하기 : Math.random() 1이상 10이하의 랜덤 정수 생성 Math.random() - 0.0 9 Math.floor(Math.random() * 10); - 0 = 60) { console.log('합격하셨어요'); console.log('수고')} else { console.log(`불합격~~`);} if 뒤에는 반드시 () 괄호가 와야한다! prompt는 string type 이기 때문에 앞에 +를 붙여야 숫자를 인식한다. a === b === c 가 있을 때         (b에서는 true) 상태임 var money = 3000;var ..

자바스크립트 특징    자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어자바스크립트로 작성한 프로그램 ➟ 스크립트(script)*. 스크립트는 웹페이지의HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행됨.스크립트는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있고, 실행도 할 수 있음보면 자바스크립트는 자바(Java)와는 매우 다른 언어이다.   var result; // 변수 선언result = 10 + 20; // 값을 변수에 할당 (대입)// = 는 우항에 있는 값을 좌항에있는 공간에 저장한다는 것이다. ( 수학에서의 '같다' 의미가 아님 )var multiple = result * 3; // 90console.log(multi..

반응형 스타일을 하는 법 웹페이지➟ 콘솔➟ 스타일➟ 왼쪽 위버튼➟ 설정하려는 해상도변경➟ 수정하고싶은 부분의 태그 복사➟ vscode에 복사 ➟ media(max-width) { 이 곳에다 수정사항을 다 넣기 명시도 중요!!!  }       애니메이션  키프레임을 사용해서 설정값을 정해주고 위 코드와 같은 명령어로 실행하면 된다. 0% ➟ 100%  정방향 으로 움직인다. 100% ➟ 0% 는 역시 역방향이라 생각 하면 된다.       rotation 이라는 가상의 설정값을 만들어준다. transform translate을 이용해서 움직이는 듯한 제스쳐를 만들어낼 수 있다. 100% 로 갈수록 픽셀값을 바꿔서 위치를 옮겨준다. 마치 만화의 한컷들을 모아놓듯이     .box { width:..