name https://images.velog.io/tags/JavaScript.png

# JavaScript

JavaScript(JS)는 가벼운 인터프리터 또는 JIT 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지의 스크립트 언어로서 제일 유명하지만 Node.js, Apache CouchDB, Adobe Acrobat처럼 많은 비 브라우저 환경에서도 사용하고 있습니다. JavaScript는 프로토타입 기반의 동적 다중 패러다임 스크립트 언어로, 객체지향형, 명령형, 선언형(함수형 프로그래밍 등) 스타일을 지원합니다.

6231개의 포스트
post-thumbnail

[TIL] 2020. 12. 05

(문제) function digPow(n, p) 에서 숫자를 입력받아 각 자리에 p제곱, (p+1)제곱, (p+2)제곱 이런 식으로 해서 각 항을 모두 더한다. 그렇게 나온 총합을 n으로 나눴을 때 정수면 리턴하고, 그렇지 않으면 -1

24분 전
·
0개의 댓글

2차원 배열 생성

1. 2차원 배열 생성 함수 2. Array 객체에 배열 생성 함수를 추가해 사용 3. 반복문 사용 4. ES6 최신 방법 const arr1 = Array.from(Array(3), () => new Array(2)) //arr3 //빈 배열 생성 const arr2 = Array.from(Array(3), () => Array(2).fill(nu...

약 5시간 전
·
0개의 댓글

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

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

약 14시간 전
·
0개의 댓글
post-thumbnail

[JavaScript] Webpack - Bundle

Webpack Bundle JS, CSS, JPG, PNG 등 여러개의 파일들을 모듈로 다룰 수 있는데 웹팩을 사용하면 웹에 사용되는 다양한 파일을 모두 모듈로 다룰 수 있습니다. 서로 참조하는 파일들을 모아서 하나의 파일로 묶는 것을 Bundle이라고 합니다.

약 17시간 전
·
0개의 댓글
post-thumbnail

Javascript30 - CSS Variable and Puzzle

input tag를 이용해 padding이나 blur를 동적으로 변경할 수 있도록 만들어 보았다. CSS에서 변수로 설정해 놓고 자바스크립트에서 동적으로 제어할 수 있도록 했다. 참고로 사진은 내가 직접 사서 맞춘 키키 퍼즐이다...:root를 이용한 css내에서의 변

약 18시간 전
·
0개의 댓글

[보안] apollo-server를 통한 Subscription 구현시 보안 주의사항

요약: Apollo-server는 현재 날짜 기준(2020-12-04) 안전하지 않습니다. Subscription 코어 모듈에 심각한 보안 결함들이 존재하므로, V3 출시 이전까지는 상용 Product의 Subscription 구현에 해당 라이브러리를 사용하지 마세요.

약 18시간 전
·
0개의 댓글
post-thumbnail

Typescript #1 - install, Type

Typescript #1

약 18시간 전
·
0개의 댓글
post-thumbnail

CoreJS - 프로토타입

자바스크립트는 프로토타입(prototype)기반 언어이다.

약 20시간 전
·
0개의 댓글

[JS] Vanilla JS로 테트리스 만들기

코드스쿼드 코코아 과정을 하면서 Final Proeject로 자유주제 개인 프로젝트를 하게 되었다. 주제를 고민하던 중 테트리스 게임을 구현하기로 다짐하고 4일동안 진행했다~! 예상과 달리 진행하면서 하나씩 생기는 문제들을 해결하면서 몰랐던 것들도 많이 알게되고 너무

약 22시간 전
·
0개의 댓글
post-thumbnail

자바스크립트 기초 2

변수(variable)이란 하나의 상자와도 같다물건을 넣거나 보관하는 용도로 사용된다.상자와 변수의 차이점은 상자는 물건을 보관하지만 변수는 데이터를 보관한다.먼저 변수 let과 var를 비교하기 전에 Hoisting에 대해 설명하겠다변수의 선언문을 유효범위의 최상단으

약 22시간 전
·
0개의 댓글

JavaScript for Ex

for문을 공부할 때 다들 한번 쯤 해보셨을 별찍기 예제 입니다.

약 22시간 전
·
0개의 댓글

[Javascript] JSON 다루기 (Javascript 제대로 알고 쓰자) - 7

이번에는 개발을 하면서 자주 접하게 되는 JSON을 JS 에서 다루는 방식에 대해 얘기해보고자 한다.JSON 객체는 JS의 기본 내장객체로, 다음과 같이 두가지의 메서드를 제공한다.JSON.stringify : 객체를 JSON으로 변환JSON.parse : JSON을

약 23시간 전
·
0개의 댓글

javascript operator

javascript operator 논리 연산자 // 논리합(||) 연산자 true || true // true true || false // true false || true // true false || false // false // 논리곱(&&) 연

어제
·
0개의 댓글

메소드 정리 1

입력값을 반올림한 수와 가장 가까운 정수 값을 반환한다.특정 엘리먼트의 위치 값을 반환한다.

어제
·
0개의 댓글

[자바스크립트 알고리즘] 여러 개의 문자열 원소를 확인하고, 공통된 시작단어 반환하기

`Array.prototype.every()`는 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트하여 `true` 또는 `false`를 반환하는 메서드다.

어제
·
0개의 댓글

[Javascript] Array.reduce (Javascript 제대로 알고 쓰자) - 6

배열 내의 데이터를 다루는 방법은 forEach, for, for.. of 등등 여러가지가 있다.이번에는 for 구문이 아닌 reduce 라는 Array 객체의 내장 메서드를 활용하는 방법에 대해 알아보고자 한다.reduce의 인터페이스는 다음과 같다.accumulat

어제
·
0개의 댓글
post-thumbnail

자바스크립트 ES6 문법 (1)

ES6가 왜 탄생했는지 알아보고 ES6의 기본적인 문법에 대해 알아봅시다. 이번 포스트에서 다룰 내용은 변수선언(let, const), 화살표 함수, Class입니다.

1일 전
·
0개의 댓글
post-thumbnail

Data Structure (Stack & Queue)

2020-12-3 오늘부터 Data Structure에 대해서 공부해보자. 사실 자료구조. 이 네글자는 전공자인 지인도 한숨을 먼저 내쉬었던 단어다. data structure에 대해서 아는 것이 1도 없는 나로서는, data가 무엇인지부터 짚고 넘어가야할 것 같다. data structure가 무엇인지부터 살펴보고, 그 중 첫번째로 공부한 stack과 ...

1일 전
·
0개의 댓글

[Javascript] 소수 구하기

백준 1978 문제풀이

1일 전
·
0개의 댓글