조반짝의 도전일지

첫 단어를 입력한 사람인지 판단하기첫 번째 사람한테 1. 두 번째 사람한테 2. 세 번째 사람한테 3. 이렇게 순서를 부여했으므로 절차 2는 따로 코딩할 필요가 없다.  첫 번째 참가자 확인하는 순서도 1번째 참가자 제시어 : 입력

프로그램에는 프로그램 절차의 갯수가 고정되어야 한다.프로그램은 고정된 절차로 들어가야 한다. 또한 항상 내용이 같아야한다. 절차를 세울 때는 모든 가능성을 고려해야한다.절차 중에 올바른 경우도 있겠지만, 틀린 경ㅇ에는 어떻게 설명할지도 절차에서 언급해야한다.다만 처음부터 모든 가능성을 고려하기는 어렵다. 이런 경우에는 절차를 생각나는대로 만들어 놓고 차차 보완해나가는것이 좋다.  프로그램 절차를 만들 때의 원칙1. 프로그램 절차의 개수는 정해져 있어야한다.2. 각 절차는 항상 같은 내용이어야한다.3. 모든 가능성을 고려해야한다.4. 예시는 절차를 검증하는 데 사용한다.  끝말잇기 만들기 1번째 참가자 제시어 : 입력   HTML 태그 선택하기(querySelect..

객체리터럴객체는 여러개의 변수를 하나의 변수로 묶을 때 사용한다. 아래 코드는 문제가 없는 것 같지만, 다른사람의 정보를 추가로 표현하고 싶을 때는 문제가 된다.이미 name, year... 변수를 선언했으므로 다른사람을 표현할 때는 이 변수들을 재사용할 수 없다.const name = '조현영';const year = 1994;const month = 8;const date = 12;const gender = 'M'; 이럴 때 객체를 사용하면 여러개의 변수를 하나로 묶을 수 있다.객체 내부에 사용되는 naem, year... 같은 정보들을 속성(property)라고 한다.속성은 속성이름과 속성 값으로 구분된다.name: '조현영' 이란 속성에서는 name이 속성이름이고 '조현영'은 속성값이 된다.이처럼..

함수(function)함수는 일정한 동작을 수행하는 코드를 의미한다.함수를 미리 만들어 놓고 원할 때 실행해 정해진 동작을 수행할 수 있다.함수를 만들 때는 보통 function 예약어를 사용하거나 =>(화살표) 기호를 사용한다.화살표 기호를 사용한 함수를 화살표함수(arrow function)이라고 한다. 반복되는 작업을 함수로 만들어서 호출하기만하면 되기 때문에 코드량을 줄일 수 있다. 형식function() {}//또는() => {} 함수에 이름을 붙여야한다.function a(){}const b = function(){}const c = () => {} 함수  선언문(function declaration statment)함수를 상수(consct)에 대입하는 대신 function 키워드 뒤에 함수 ..

const target =['h','b','c','d','e']; target.unshift('a'); console.log(target); 객체 객체(object)는 자료형의 일종. 다양한 값을 모아둔 또 다른 값이다. 객체의 종류는 크게 배열(array), 함수(function), 배열이나 함수가 아닌 객체로 나눌 수 있다. 배열 형식 const fruits = ['사과','오렌지','딸기','배']; 프로그래밍에서는 0부터 세는 경우가 많다. 프로그래밍에서는 자릿수를 인덱스(index)라고 한다. 배열 안에 다른 배열이나 변수를 넣을 수도 있다. const arrayOfArray = [[1,2,3],[4,5]]; arryOfArray[0]; //[1,2,3] 배열 내부에 든 값을 요소(element..

반복문 While 문 while(조건식) 동작문; for문 for(시작; 조건식; 종료식) 동작문; for(let i = 0; i < 100; i++) { console.lgo('for!'); } 참고로 for문의 시작, 조건식, 종료식은 생략할 수 있다. for(;;){ } 결과는 무한반복이 된다. break 문으로 반복문 멈추기 반복문을 중간에 멈춰야 하는 경우가 있다. continue 문으로 코드 실행 건너뛰기 가끔 반복문이 특정 조건에서만 실행되기를 원할 수 있다. continue 문을 넣으면 이 후 코드는 건너뛰게 된다. let i = 0; while(i < 10){ i++ if(i % 2 ===0){ continue; } console.log(i); } 중첩 반복문 반복문 안에 반복문이 들어 ..

조건문 조건문은 주어진 조건에 따라 코드를 실행하거나 실행하지 않는 문이다. if문 if 에 나오는 소괄호 안에 조건(식)을 넣고, 다음 줄에 동작(문)을 넣는다. if(조건식) 동작문; 조건문은 조건식과 동작문으로 구분된다. 조건식이 참인 값이면 내부의 동작문이 실행되고, 거짓인 값이면 동작문이 실행되지 않는다. 만약 동작문이 하나 이상이면 동작문들을 중괄호로 감싼다. if(조건식){ console.log('Hello,if!') } else를 사용해 두 방향으로 분기하기 if문 뒤에 else를 붙이고 다시 중괄호 안에 동작문을 입력한다. else문에도 if과 마찬가지로 동작문을 여러개 넣을 수 있고, 동작문이 하나인 경우 중괄호를 생략할 수 있다. if(조건식){//조건식이 참인 값일 때 실행 동작문;..

변수 값들으 일회성이기 때문에 프로그램을 만들 때는 잠깐 동안 특정한 값을 저장해야 하는 상황이 자주 발생한다, 이 때 사용하는 것이 변수이다. 프로그램의 목적 : 현실의 것 > 컴퓨터에 넣음 > 현실문제 해결 더하기 연산자의 결과인 32000을 total이라는 이름으로 저장했다. 콘솔에 total을 입력하면 저장된 32000이 출력된다. console.log(변수) 로 변수의 값을 콘솔에 출력할 수도 있다. console.log : 화면에 그려주는 것 이렇게 total처럼 값을 저장하고, 저장한 값을 불러올 수 있게 하는 것이 변수(variable)이다. 변수를 만드는 행위는 선언(declaration)한다고 표현한다. let total = 5000 + 8000 + 10000 + 9000; // + 연..

빈 값 사용하기 undefined undefined는 console.log로 출력하면 항상 부수적으로 undefined가 식의 결과값으로 변환되었다. undefined 는 보통 반환할 결과값이 없을 때 나온다. console.log 명령어는 콘솔에 무언가를 출력하지만 그 자체로는 결과값이 없기 때문에 undefined가 변환된다. null undefined처럼 빈값을 의미하지만 자료형까지 비교해보면 다르다. null 의 자료형을 typeof로 확인했을 때 특이한 것을 발견할 수 있다. 결과값이 null 이 아니라 object로 나온다, 이 현상은 자바스크립트에서 유명한 버그이다. 원래는 null 이 나와야하지만 언어가 만들어진 초창기 실수로 object가 되었다. 따라서 값이 null 인지 확인하기 위해..

논리연산자 불 같은 논리식을 다룰 때 많이 사용된다. && and 그리고 '그리고' 를 표현해주는 연산자 && 연산자의 좌측 식과 우측 식이 모두 true여야 &&의 결과도 true가 된다. || or 또는 '또는' 을 표현하는 연산자 좌측 식이나 우측식 둘 중 하나만 true면 || 결과는 true가 된다. ! 식 앞에 !를 붙이면 참인 값들은 false 가 되고, 거짓인 값은 true가 된다. 이 성질을 활용해 다른 자료형을 불값으로 형 변환할 수 도 있다. ! 연산자를 연달아 두번 쓰면 두번 연달아 썼기 때문에 참인 값은 참에서 거짓 , 다시 거짓에서 참으로 변환된다. 거짓인 값은 거짓에서 참으로, 참에서 거짓으로 변환된다. false, ' '(빈 문자열), 0, NaN, undefined, nul..