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

# JavaScript

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

4757개의 포스트

201001__JS event.target 이벤트 위임

오늘은 event.target (이벤트 위임)에 대해 정리한다.자바스크립트의 이벤트 중에서 클릭한 요소를 가져오는 방법이다.아래와 같이 li 안에 button이 있는 상황에서 button을 누르면 li가 사라지는 객체를 만들 때, event.target은 button이

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

Prototype(프로토타입)

프로토타입 자바스크립트는 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어다. 자바스크립트는 객체지향 언어가 아니라고 오해하는 경우도 있지만 자바스크립트는 클래스 기반 객체지향 프로그래밍 언어보다 효율적이며 더 강력한 객

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

TIL

2020-10-01 입력값과 return하는 값이 기대한 값과 같은지 비교할때 expect function을 사용한다. expect의 사용법 expect(test값).기대하는조건 ex)expect(isEven(3)).toBeTruty() // 'isEven(3)'의

약 10시간 전
·
0개의 댓글

JavaScript 기초

09/30/2020 What is JavaScript? 원래는 "LiveScript" 로 불렸다. 이 이름은 브라우저가 스크립트를 요청하고 파싱하는 즉시 실행된다는 점에서 수긍할 만하다. There is no "compile" step in JavaScript. A

약 10시간 전
·
0개의 댓글

20201001 Obejct문제 리팩토링

2020 10 01 풀었던 문제 리팩토링하기

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

[JavaScript] Destructuring (구조분해할당) 제대로 알고 쓰기

구조분해할당(Destructuring)은 구조화된 배열 또는 객체를 비구조화/파괴(Destructuring)하여 개별적인 변수에 할당하는 것이다. 배열 또는 객체 리터럴에서 필요한 값만 추출하여 변수에 할당하거나 반환할 때 유용하다.ES5에서 배열의 각 요소를 배열로부

약 14시간 전
·
0개의 댓글

JS : 삼항연산자

삼항 연산자란? 👉 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자이며 보통 if 명령문의 단축 형태로 쓰인다.

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

인자한 개발로그__[javascript: 고차함수]

# Intro 요새 블로그 쓰는 양식을 바꿀까 생각중이다. 소나무 처럼 한결 같이 냅다 10편 정도 쓰니까 뭔가 블로그가 심심하기도....재미없어 보이기도...하다. 하기사 개발하는 사람 아니면 재미가 없긴 하겄지? 블로그를 어떻게 하면 재밌게 만들 수 있을까하는 생

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

[JavaScript] React - useRef로 컴포넌트 안의 변수 생성

React useRef를 통한 컴포넌트 안의 변수 생성 > 컴포넌트가 리렌더링 될 때마다 기억할 수 있는 값을 관리하고 싶을 때, useRef를 사용할 수 있습니다. > 아래 예제를 통해서 어떻게 사용하는지 알아봅시다. >

약 17시간 전
·
0개의 댓글

Node.js

Node.js는 웹 브라우저 환경에서만 구동 가능했던 종속적이며, 고립적인 언어의 특성을 브라우저 외의 환경에서 실행 가능하도록 런타임 환경을 조성해준다. 크롬 V8 엔진을 기반으로 다양한 운영체제에서 사용가능하게 해주는 것을 의미한다.일반적으로 Node.js는 서버사

어제
·
0개의 댓글

JS : event.target;과 event.currentTarget;

Instagram 클론코딩을 진행하면서 나를 많이 괴롭혔던(?) 그래서 많이 배웠던 몇 가지에 대해 정리해 보고자한다 😭그 중 하나가 바로 event.target 이였다!

어제
·
0개의 댓글
post-thumbnail

TIL

2020-9-30일 추석의 첫째날.Socrative를 바탕으로 개념을 말로 설명하는 연습을 해보았다.말로 개념을 설명할 수 있다는 것은 개념을 확실히 이해했다는 뜻으로 해석할 수 있을 것이다.생각보다 쉽지 않았고, 무엇보다 어떤부분이 부족한지 에 대해서 명확하게 알 수

어제
·
0개의 댓글
post-thumbnail

프로토타입

자바스크립트 프로토타입에 관한 내용 정리

어제
·
0개의 댓글
post-thumbnail

[ES6] Class

무작정 부딪쳐서 React를 공부하는데 필요한 기초적인 ES6 문법을 짚고 넘어가기로 했다.그 세 번째, Class에 대해서 알아보자.학습 내용은 Do it! 리액트 프로그래밍 정석 책을 기반으로 진행했다.객체를 만들기 위한 틀 같은 개념으로 상속이 필요한 변수와 메서

어제
·
0개의 댓글

ES6 (3)

Number, String

어제
·
0개의 댓글

script async, defer

script async, defer 이해!

1일 전
·
0개의 댓글

call,apply,bind

1> call전달인자로 this 와 다른 인수들을 넘긴 함수를 호출 한다. func.call(thisArg\[, arg1\[, arg2, ...]])2> apply func.apply(thisArg, argsArray)call 과 기능은 유사하나 this 이외에 전달인

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

javascript - 벽돌깨기

공이 화면 안에서 움직이는 것은 매 프레임마다 공이 새롭게 만들어지는 동시에 화면이 refresh되는 것이다. setInterval로 draw함수가 계속 실행되게 해주면 된다. 원이 프레임마다 움직이게 하려면 변수 좌표를 사용해야 한다.ctx.arc()에 지정 좌표 대

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

[JavaScript] 0. 시작하기

웹이 세상에 처음 등장했을 때, HTML이 등장했다.이것으로도 매우 혁명적이였지만, 인간은 계속 발전을 거듭했다.사용자와 상호작용하는 웹페이지를 만들고 싶다는 욕망HTML은 '정적'이다. 웹페이지를 '동적'으로 사용하기를 원했고이에 'JavaScript'가 등장하게 된

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

[프로그래머스] 크레인 인형뽑기 게임

📝 게임 화면의 격자의 상태가 담긴 2차원 배열 board와 인형을 집기 위해 크레인을 작동시킨 위치가 담긴 배열 moves가 매개변수로 주어질 때, 크레인을 모두 작동시킨 후 터트려져 사라진 인형의 개수를 return 하도록 solution 함수를 완성해주세요.

1일 전
·
0개의 댓글