본문 바로가기

분류 전체보기67

Js 끝말잇기 게임 만들기 끝말잇기 게임의 대략적인 순서도 몇 명이 참가할지 선택한다 참가자 순서를 정한다 첫 번째 사람이 제시어를 말한다 다음사람이 단어를 말한다 단어가 올바른가? 판단해본다 올바르다면 : 다시 4번으로 올라가 다음사람이 단어를 말한다. 4-5-5.1 계속 반복 틀렸다면 : 틀렸다고 표시한다 -> 끝 html태그 만들기 : 자바스크립트와 html, css는 뗄 수없는 관계다. 자바스크립트로 화면을 움직이려면 먼저 hmtl 태그가 필요함. 1번째 참가자 제시어 : 입력 처음에 과정 1을 실행하기 위해서, 사용자에게 몇 명이 참가할 것인지 물어봐야한다. 입력창(input)태그를 써도 되지만, 여기서는 prompt라는 창을 띄워서 물어볼 것. 하지만 여기서 사용자가 입력하는 숫자는 숫자가 아니라 문자열(string)으.. 2022. 5. 24.
Js 순서도 그리기 코드를 짜기 전에 어떤 과정을 거쳐서 프로그램이 동작하게 만들건지 순서도를 그려보는게 좋다. 순서도 그리는 연습을 하다보면 프로그래밍 적 사고를 기를 수 있다. 처음부터 모든 가능성을 고려하기는 어렵기 때문에, 절차를 생각나는대로 만들어 놓고 보완해 나가면 된다. 프로그램을 만들때 순서도는 항상 일직선으로 떨어지지 않고 판단 결과에 따라 갈라지는 지점이 나온다. 이렇게 갈라지는 지점을 분기점이라고 한다. #프로그램 절차를 만들 때의 원칙 프로그램 절차의 개수는 정해져 있어야 한다. 각 절차는 항상 같은 내용이어야 한다. 모든 가능성을 고려해야 한다. 예시는 절차를 검증하는데 사용한다. 2022. 5. 24.
Js 객체 리터럴 배열도 함수도 다 객체다. 배열도 함수도 아닌애들 중에서 특정 모양을 가지면 객체리터럴이라고 부름. 중괄호를 쓴 애들 배열과 객체리터럴의 차이는? 객체리터럴은 값의 이름이 다 붙어 있음. 배열에서는 인덱스만 있다. 둘다 하나로 묶이지만 값의 이름이 필요하다면 객체리터럴을 사요하고 그냥 모으기만 필요하다면 배열을 쓰면 됨. const 객체 = { 속성1 : 속성값1, 속성2 : 속성값2, 속성3 : 속성값3, } 속성 : 속성값 뒤에 꼭 쉼표를 찍어주자 속성의 이름들은 문자열이여도 따옴표를 안붙여줘도 되는 경우가 많다. 하지만 예외가 있음 // 맨 앞에 숫자가 들어가거나, 특수문자나 띄어쓰기가 들어가면 따옴표 안에 써줘야함. const zerocho = { name: '조현영', year: 1994, mo.. 2022. 5. 23.
Js 함수 일정한 동작을 함수로 만들어놓고 그 함수를 실행하거나 호출할 수 있음. 한번 만들어 놓은 애들은 여러번 실행이 가능하다. 함수를 한 번 만들어놓으면 반복적인 작업을 덜 할 수 있게 된다. 함수를 만들 때는 function예약어를 사용하거나 =>화살표를 사용한 화살표함수를 사용한다. 함수에는 이름을 붙여줘야 다른 곳에서도 사용이 가능하다. 함수선언문, 함수표현식은 자주쓰는 용어이니까 외워두자. function a() {} // 함수선언문 const b = function() {}; // 함수표현식 const c = () => {}; // 화살표함수는 꼭 변수에 넣어서 이름을 붙여줘야한다. // function a() {} 같은 함수선언문 뒤에는 세미콜론을 붙이지 않는다. 함수는 만들기만하면 실행되는게 아니.. 2022. 5. 23.