반복문 for
구구단을 구현하기 앞서 다음과 같은 알고리즘을 생각해볼 수 있다.Console 창에 Math.random( )을 입력하면 아래와 같이 0부터 1사이의 소수점이 있는 숫자들로 랜덤하게 출력된다.여기에 9를 곱하면 1의 자리가 8인 숫자까지 랜덤하게 출력된다.Math.fl
끝말잇기 구현에 앞서 다음과 같은 간단한 알고리즘을 생각해볼 수 있다.첫 제시어를 '호랑이'로 정하고 prompt 창에 '호랑이'가 출력되도록 설정length 속성은 UTF-16 코드 유닛을 기준으로 문자열의 길이를 나타낸다.따라서 word의 length는 3이고 컴퓨
강의 내용은 JavaScript를 이용하여 html 페이지까지 구성하는 내용이었으나 코드가 한눈에 들어오지 않아서 따로 Html을 작성한 뒤 JavaScript를 이용하여 각각의 내용들을 구현해 보았다.!codepensang-ho-moon/embed/PoZQYEg?he
후보 번호들이 있는 배열과 빈 배열을 생성한다.배열 number_candidate에서 4개의 숫자를 추출하여 picked라는 변수에 저장한 뒤, 배열 number_picked에 추출한 숫자를 추가한다. 콘솔창에 나오는 값은 아래와 같다.결과값과 같이, pop( ) 메서
join( ) 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만든다.위 예시는 문자 '123456'에 split( ) 메서드 적용시 배열로 반환시키는 예제이다.이 외에도 특정 문자를 반환시키는 기능도 있다. (MDN 홈페이지 참고)split( ) 메서드는 Stri
숫자야구 게임은 컴퓨터가 임의의 서로 다른 숫자 4개를 만든 뒤, 사용자가 그 4자리 숫자를 맞춰가는 방식이다. 기본적인 알고리즘 구조는 다음과 같다.!codepensang-ho-moon/embed/YzweBwE?height=511&theme-id=dark&defaul
1. 정의 배열 안에 또 다른 배열이 포함되어 있는 것을 2차원 배열이라고 한다. ex. array 라는 배열 안에 3개의 배열이 각각 0, 1, 2번째 위치에 포함되어 있는 구조이다. 2. 2차원 배열 만들기 예제 ex1. 배열 메서드 push를 사용하여
인터넷 강의를 듣는데 강사님이 변수 선언을 할 때마다 var를 쓰셨다. 그래도 어디서 주워들은건 있어서 복습할 때 그것들을 무심코 const로 바꾸며 진행하던 중 한 에러를 만났다. 에러를 복사 붙여넣기하며 구글링을 하는데 원인은 내가 무심코 바꿨던 const였다는 것
틱택토는 판의 크기가 3x3인 2인 전용 게임이다. 삼목이라도 불리며 가로, 세로, 대각선 중 1 라인을 채우는 사람이 이기는 게임이다. 틱택토 구현에 앞서 다음과 같은 알고리즘을 생각해 볼 수 있다.!codepensang-ho-moon/embed/PoZeRvw?he
1부터 45의 숫자가 들어가 있는 배열 생성하기다음과 같이 빈 슬롯 45개의 length를 가진 배열을 생성할 수 있다.위와 같이 Array 옆에 new를 붙여도 같은 결과가 나온다.여기서 잠깐 forEach( ) 메서드를 살펴보자.위처럼 배열에 있는 요소를 각각 출력
1부터 45의 숫자가 들어있는 배열에서 숫자들을 추출하여 새로운 랜덤 배열 생성하기 candidate는 앞서 만들었던 1부터 45의 숫자가 들어있는 배열이다. 그리고 shuffle이라는 빈 배열을 추가한다. 여기에 1부터 45의 숫자들이 랜덤으로 생성된다. 우선
화면에 당첨번호와 보너스번호 출력하기 1. HTML 당첨번호는 id 값이 result인 div tag에, 보너스번호는 class 값이 bonus인 div tag에 출력하기 위해 HTML을 작성했다. id와 class로 구분한 이유는 JS에서 id와 class를
당첨볼이 1초에 하나씩 화면에 나타나도록 만들기JS에서 CSS 조작하기당첨 숫자와 보너스 숫자 구분을 위한 div tag 생성기존 코드for 문 안에 setTimeout( ) 메서드를 이용하여 화면에 공들이 1초에 하나씩 나타나도록 하려 했으나 closure 문제 발생
Object.entries() 메서드는 for...in와 같은 순서로 주어진 객체 자체의 enumerable 속성 key, value 쌍의 배열을 반환한다.예시결과위와 같이 key, value의 순서를 가진 2차원 배열로 반환하는 것을 알 수 있다. find( ) 메서
1. HTML ``에 컴퓨터가 내는 가위, 바위, 보의 이미지를 삽입할 것이다. 그 밑에 사용자가 누를 버튼 3개를 구성했다. 2. CSS 위와 같이 설정하면 화면에 보여지는 결과는 다음 그림과 같다. 여기서 대략 width: 150px로 설정하면, 다음과 같이
1. 기존 JavaScript 코드 2. 수정한 JavaScript 코드(1) console 창에서 기존 컴퓨터가 낸 수가 그림의 px값을 출력하는 것을 가위, 바위, 보의 형태로 바꾸기 위해 코드를 수정했다. 우선 기존 변수명 left를 imageCoordin
예전에 한 번 만들어봤었던 노마드코더의 To-do-list를 복습 겸 다시 만들어봤다. output : https://moon-sangho.github.io/To-do-list/ github : https://github.com/Moon-Sangho/To-do-li
JavaScript Replit - 여러 인자를 가진 함수 중 Assignment 포스팅입니다. 예제를 보고 단순하게 생각해서 작성했던 코드였다.그러나 결과는 3가지의 경우 모두 1992가 출력되었다.구글링을 하다가 가변 인자 함수에 대한 글
JavaScript Replit - String 중 Assignment 포스팅입니다. 1. 처음 작성했던 코드
JavaScript Replit - array methods 중 Assignment 포스팅입니다. 처음에 Arrow function이 헷갈려서 ES5 함수 표기법을 적용하여 풀어보았다.우선 map의 작동방식을 이해하기 위해 함수를 생각하지 않
JavaScript Replit - array methods 중 Assignment 포스팅입니다. 약 2시간 동안 구글링을 하며 끙끙대다가 결국 친구 찬스를 썼다. 😭 출력값 : \[ '2019년 3월 21일', '2019년 4월 21일',
WeCode Replit JavaScript 과정을 공부한 뒤 내용을 요약한 표입니다. | Subject | Contents | Keywords | |:----------:|:----------:|:----------:| | Introduction to Javascr
JavaScript Replit - object (3) 중 Assignment 포스팅입니다.
코드카타 문제를 풀던 중 reduce 메서드를 접했다.예전에 한 번 짚고 갔던 내용이었는데 잘 안쓰다보니 기억이 나지 않아 한 번 정리가 필요하겠다는 생각이 들었다.먼저 아래 코드를 보자.위 코드는 forEach 메서드를 사용해서 배열 numbers 안의 모든 요소들을