post-thumbnail

[JS] 호준이의 아르바이트

호준이는 아르바이트로 영어 학원에서 단어 시험지를 채점하는 일을 하고 있다. 호준이가 일하는 학원은 매번 1위부터 3위까지의 학생에게 상으로 사탕을 준다. 그런데 오늘은 마침 사탕이 다 떨어져서 호준이가 채점을 하고 점수를 보내면, 당신이 아이들의 숫자만큼 사탕을 사러

2021년 3월 17일
·
0개의 댓글
post-thumbnail

[TIL] useState 이해하기

위 코드는 input에 입력하는 값이 하단에 나타나게 하고, 초기화 버튼을 누르면 input값이 reset되도록 구현한 것이다.input의 onChange 이벤트를 사용히고 이벤트에 등록하는 함수에는 이벤트 객체e를 파라미터로 받아와서 사용 할 수 있는데 이 객체의 e

2021년 3월 6일
·
0개의 댓글

Codekata 3-1

두 개의 input에 복소수(complex number)가 string 으로 주어집니다.복소수란 a+bi 의 형태로, 실수와 허수로 이루어진 수입니다.input으로 받은 두 수를 곱해서 반환해주세요.반환하는 표현도 복소수 형태의 string 이어야 합니다.복소수 정의에

2021년 1월 11일
·
0개의 댓글

Codekata 2-5

인자인 height는 숫자로 이루어진 배열입니다.그래프로 생각한다면 y축의 값이고, 높이 값을 갖고 있습니다.아래의 그래프라면 height 배열은 1, 8, 6, 2, 5, 4, 8, 3, 7 입니다.저 그래프에 물을 담는다고 생각하고,물을 담을 수 있는 가장 넓은 면

2021년 1월 10일
·
0개의 댓글

Codekata 2-4

nums는 숫자로 이루어진 배열입니다.가장 자주 등장한 숫자를 k개수만큼 return 해주세요.

2021년 1월 8일
·
0개의 댓글
post-thumbnail

[Js] 중복된 배열 요소 제거

알고리즘 공부를 하던 도중에 배열에 중복된 값이 들어가있는 경우 중복된 값들을 제거하는 방법을 알고싶어서 정리하게 되었다.numbers에 중복된 요소들을 뽑아낼라면 filter 함수를 이용해야 한다!배열 안에서 각각의 요소들은 index 자리를 가지고 있고, 중복된 i

2021년 1월 8일
·
0개의 댓글

CodeKata 1-2

reverse 함수에 정수인 숫자를 인자로 받습니다.그 숫자를 뒤집어서 return해주세요.x: 숫자return: 뒤집어진 숫자를 반환!예들 들어,x: 1234return: 4321x: -1234return: -4321x: 1230return: 3211시간 동안 생각해

2020년 12월 29일
·
0개의 댓글
post-thumbnail

[Js] Map() 과 forEach()

map 메서드는 배열을 반복해주는데, callback함수에서 return한 값으로 매 요소를 수정해준다.map 메서드의 return값은 수정된 값으로 다시 생성된 배열이다.여기서 callback 함수란 인자로 전달되는 함수라고 생각하면 된다.두 번째 줄에서 map함수에

2020년 12월 22일
·
0개의 댓글
post-thumbnail

[JS] class

객체(object)를 잘 설계하기 위한 틀이 때 객체(object)는 특정로직을 갖고 있는 행동(method)와 변경 가능한 상태(멤버 변수)를 가진다.ray 라는 객체는 name, price, getName, getPrice, applyDiscount라는 총 5개의

2020년 12월 19일
·
0개의 댓글
post-thumbnail

[JS] sort() 정리

배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환arr.sort 안에 compareFunction 매개변수가 들어있다.compareFunction은 정렬 순서를 정의하는 함수이고 생략을 하면 배열에 각 요소 문자열 변환에 따라 각 문자의 유니코드 코드 포인트 값에

2020년 12월 18일
·
0개의 댓글

벽돌깨기 게임 만들기(4)

움직이는 공을 치기 위해서는 paddle이 필요하다. 위 코드와 같이 paddle에 관련된 변수를들을 선언해준다.drawPaddle() 함수를 만들어 paddle을 그려준다.beginPath() ~ closePath()설명은 벽돌깨기 게임 만들기(1)를 참조

2020년 12월 4일
·
0개의 댓글

벽돌깨기 게임 만들기(3)

4. 충돌 감지 충돌을 감지하기 위해서는 공이 벽에 닿았는지를 확인하고 그에 따라 움직이는 방향을 수정해야 한다.

2020년 12월 3일
·
0개의 댓글

벽돌깨기 게임 만들기(2)

3. 공 움직이기

2020년 12월 3일
·
0개의 댓글

벽돌깨기 게임 만들기(1)

캔버스 생성과 그리기 공 움직이기 구현 벽으로 부터 튕겨져나오기 구현 패들과 키보드 제어 구현 게임 오버 구현 충돌 감지 구현 점수, 승리 구현에는 게임이 렌더링되고, 안에 Javascript가 들어간다.

2020년 12월 3일
·
0개의 댓글

Template Literal(문자열 리터럴)

이중 따옴표나 작은 따옴표 대신 백틱( )을 사용한다. 템플릿 리터럴은 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, $와 중괄호 (${expression})로 표기할 수 있다. 플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달되고 기본 함수는

2020년 11월 25일
·
0개의 댓글
post-thumbnail

[JavaScript] 변수 선언 var, let, const

변수에 중복 선언이 가능변수에 중복 선언이 불가능

2020년 11월 22일
·
0개의 댓글
post-thumbnail

[JavaScript] append() 와 appendChild() 차이

자바스크립트 메서드문자열, 텍스트 노드, 엘리먼트 노드 삽입 가능노드 갯수 여러개 허용 append(..nodes)document.getElementByid('jin').append('Hi'); 사용가능 !DOM 메서드노드 객체만 삽입 가능노드 갯수 하나만 허용docu

2020년 11월 20일
·
0개의 댓글

자기소개서 만들기

사전스터디 첫 과제<자기소개서 만들기>

2020년 11월 17일
·
0개의 댓글