Feel It First

반복문을 이용하여 숫자 야구 게임 만들기 게임 규칙은 이렇다. 컴퓨터와의 가상대결이며, 랜덤으로 구성된 0~9까지의 4개의 숫자를 10번안에 맞추는 게임이다. 게임을 만들기에 앞서 순서도를 그려본다. 머릿속으로 자유롭게 그려질때까지는 가급적 직접 쓸 것을 권장... Let's Get IT 자바스크립트 프로그래밍 책을 보며 배껴서(?) 완성한 코드 확인 Document.querySelector()는 선택자로 문서에 있는 html 코드를 가져오는 기능을 한다.(맞나..,?) 그 외에 if문과 for문 함수를 적절히 이용하여 작성.. 다음에는 조금 더 구체적으로 적자. ^^

순서도 그리기 HTML 화면 만들기 값 입력받아 변수에 저장하기 HTML 태그 선택하기 태그에 이벤트 달기 순서도 그리기 끝말잇기 게임을 만들기에 앞서 게임의 순서도를 머릿속에 생각나는 대로 적어보자. 1. 게임에 참가할 인원을 정한다. 2. 참가자의 순서를 정한다. 3. 첫 번째 참가자가 제시어를 말한다. 4. 다음 참가자는 앞선 참가자의 마지막 글자로 시작하는 단어를 말한다. 5. 단어가 맞는지 확인한다. 6. 올바르다면 4번으로 돌아간다. 7. 올바르지 않다면 틀렸다고 표시하고 게임을 종료한다. 처음부터 모든 가능성을 고려하기는 어렵기 때문에, 절차를 생각나는 대로 만들어 놓고 차차 보완해 나가는 것이 좋다. 프로그램 절차를 만들 때의 원칙 1. 프로그램 절차의 개수는 정해져 있어야 한다. 2. 각..

객체 객체 객체(object)는 자료형의 일종으로 다양한 값을 모아 둔 또 다른 값입니다. 객체의 종류는 크게 배열(array), 함수(function), 배열이나 함수가 아닌 객체로 나눌 수 있다. 배열 const fruits = ['사과', '오렌지', '배', '딸기']; 배열을 만들려면 대괄호 [ ]로 값들을 감싸면 됩니다. 각각의 값은 쉼표로 구분합니다. 배열 이름 뒤에 불러오고 싶은 값의 자릿수를 적어주면 배열 내부의 값을 개별적으로 불러올 수도 있습니다. 프로그래밍에서는 이런 자릿수를 인덱스(index)라고 합니다. const fruits = ['사과', '오렌지', '배', '딸기']; console.log(fruits[0]); // 사과 console.log(fruits[1]); // 오..

반복문 반복문 컴퓨터는 반복적인 작업을 하는데 매우 효율적입니다. 모든 프로그래밍 언어는 반복을 처리하는 반복문을 가지고 있습니다. 조건문과 더불어 가장 많이 쓰이는 문입니다. while 문으로 Hello, while! 100번 출력하기 while (조건식) { 실행문; } while 문은 조건식이 참인 동안 반복해서 실행문을 실행합니다. if 문과 마찬가지로 실행문이 하나더라도 중괄호로 묶는 것을 권장합니다. while(true) { console.log('Hello,while!'); } // 무한반복 위의 코드는 while 문의 조건식이 참이므로 무한히 실행됩니다. 실제로 실행하면 어느 순간 웹 브라우저가 멈추게 되고, 다른 일을 할 수가 없게 됩니다. 이 같은 문제가 발생하지 않기 위해 프로그래밍할..

조건문 조건문 조건문은 주어진 조건에 따라 코드를 실행하거나 실행하지 않는 문입니다. if 뒤에 나오는 소괄호 안에 조건(식)을 넣고, 다음 줄에 실행문을 넣으면 됩니다. 들여쓰기는 중요하지 않지만 보기 좋게 두 칸을 띄어 씁니다. if (조건식) 실행문; 조건문은 조건식과 실행문으로 구분됩니다. 조건식이 참인 값이면 내부의 실행문이 실행되고, 거짓인 값이면 실행문이 실행되지 않습니다. 만약 실행문이 둘 이상이면 실행문들을 중괄호로 감쌉니다. if (조건식) { 실행문1; 실행문2; 실행문3; } if(true) { console.log('Hello, if!'); } // Hello, if! if(false) { console.log('Hello, if!'); } // 출력결과 없음 조건식이 true는 ..

변수명짓기 변수의 값 수정하기 변수 활용하기 상수 만들기 변수 특정한 값을 저장하고 저장한 값을 불러올 수 있게 하는 것 변수를 만드는 행위는 선언(declaration)한다고 표현한다. 변수를 만드는 방법 세 가지 let, const, var // 변수 선언 방식 let 변수명 = 식; let으로 시작하는 명령을 선언문이라고 하며, 변수를 선언함과 동시에 값을 대입하는 행위는 초기화(initialization)라고 한다. 변수의 이름과 값은 컴퓨터의 메모리에 저장된다. let empty; //undefined 이렇게 변수를 선언할 때 값을 대입하지 않으면 기본값인 undefined가 된다. 변수명 짓기 변수명은 변수의 값이 무엇인지 알려 주는 역할을 하기 때문에 자세하기 짓기를 권장함. let bana..

코드 작성 규칙 자료형 코드 작성 규칙 자바스크립트 코드를 작성할 때 기본이 되는 문법 사항 세미콜론 자바스크립트는 하나의 명령이 끝날 때 세미콜론을 붙여도 되고 붙이지 않아도 된다. 세미콜론을 붙이지 않으면 대부분의 경우 자바스크립트 엔진이 자동으로 세미콜론을 붙여 준다. 하지만 일부 명령에서는 가끔 에러가 발생하기 때문에 혹시 모를 에러 발생을 방지하고 통일성을 위해 모든 명령 뒤에 세미콜론을 붙이기를 권장한다. 주석 다른 사람이 작성한 코드를 볼 때 코드에 관한 별도의 설명이 없는 경우 코드를 이해하기 어렵다. 이럴 때 사람만 알아볼 수 있도록 설명을 작성한 부분을 주석(comment)이라고 합니다. 주석은 코드에 영향을 미치지 않습니다. 보통 주석은 코드에 관한 자세한 설명을 작성하거나 특정 코드..

자바스크립트를 시작하기 전에 프로그래밍 사고력 기르기 자바스크립트를 시작하기 전에 자바스크립트를 배울 때 도움 되는 자료 https://ko.javascript.info 모던 JavaScript 튜토리얼 ko.javascript.info 모던 자바스크립트 튜토리얼은 'The Modern JavaScript Tutorial(http://javascript.info)'의 한글화 프로젝트로 이 책을 집필할 당시 원문의 약 68%가 한글화 되었으며 지금도 계속해서 진행되고 있습니다. 자바스크립트의 기본 개념과 고급 개념을 학습할 수 있으며, 간단하게 예제도 테스트해 볼 수 있습니다. https://developer.mozilla.org/ko/docs/Web/JavaScript JavaScript | MDN Ja..

Kelvin Weather 켈빈 온도로 예측한 온도 화씨로 변환하기 + 뉴턴 포함 // today forecast kelvin temp const kelvin = 293; // celsius temp const celsius = kelvin - 273; // fahrenheit temp let fahrenheit = celsius * (9 / 5) + 32; // fahrenheit equation fahrenheit = Math.floor(fahrenheit); console.log(`The temperature is ${fahrenheit} degrees Fahrenheit.`); let newton = celsius * (33 / 100); newton = Math.floor(newton); con..

변수(variable) 변수(variable) 프로그래밍에서 변수는 값의 컨테이너다. 변수는 컴퓨터 메모리에 있는 정보의 작은 컨테이너로 생각할 수 있다. 사용자 이름, 계정 번호 또는 개인화된 인사말과 같은 변수에 저장된 정보는 메모리에서 찾을 수 있다. 변수는 또한 설명적인 이름으로 데이터에 레이블을 지정하는 방법을 제공하므로 우리 자신이 프로그램을 더 명확하게 이해할 수 있습니다. 간단히 말해서 변수는 데이터에 레이블을 지정하고 메모리에 저장한다. 설명이 포함된 이름으로 변수를 만든다. 변수에 저장된 정보를 저장하거나 업데이트한다. 변수에 저장된 정보를 참조 또는 "가져오기" 한다. 변수가 값이 아니라는 점을 구별하는 것이 중요하다. 값을 포함하고 이름으로 나타낸다. 변수를 생성하기 위해 var, ..