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

# JavaScript

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

4668개의 포스트

200928__JS Clock 만들기

오늘은 간단하게 JavaScript로 시계를 만들어본다.먼저 HTML문서에 div로 클래스명이 js-clock인 요소를 만들고 그 안에 h1 요소를 생성한다.그 후, clock.js로 넘어와서 다음과 같이 작성한다.new Date()로 시간을 생성하고 각각의 secon

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

[TypeScript] Interface

TypeScript에서 Interface는 일반적으로 타입 체크를 위해 사용되며 변수, 함수, 클래스에 사용할 수 있다. 인터페이스는 여러가지 타입을 갖는 properties로 이루어진 새로운 타입을 정의하는 것과 유사하다. 잍너페이스에 선언된 프로퍼티 또는 메소드의

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

JS Reboot - 비동기

Javascript 스펙을 이해하는 첫 고비인 비동기에 대해 알아봅시다!

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

DOM(Document Object Model)

DOM(Document Object Model) JavaScript를 이용해서 element의 속성값을 얻어내거나, 변경하는 방법 > > 속성|속성값 ---|--- 태그 이름 | div id|practice class|hightlight, red 담긴 내용|여기

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

Jest 사용법 (7) - 모의 함수 (Mock Functions)

JavaScript 테스팅 도구인 Jest의 사용법의 마지막. 모의 함수(Mock Functions)에 대해서 알아 봅니다.

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

javascript - javascript - ES6(3) Set, Map

set은 set이란 타입이다. 중복없이 유일한 값을 저장할 때, 이미 존재하는지 확인할 때 사용한다.dongha라는 값이 중복되어 set에 담기지 않는다. has로 요소가 있는지 찾을 수 있다. 삭제는 delete 메서드로 weakset은 참조를 가지고 있는 개체만 저

약 4시간 전
·
0개의 댓글

[TIL] 011. JavaScript - Array.filter 익히기

[TIL] 011. JavaScript - Array.filter를 익혀보자

약 4시간 전
·
0개의 댓글

javascript - ES6(2) Destructuring

특정 인덱스의 값을 변수에 부여할 때 사용한다. (어떻게 사용하는지 모르겠음) 다음은 객체 객체 안에서 원하는 값만 가져오고 싶을 때 사용한다.프로퍼티 이름도 바꿀 수 있다. JSON파싱 할 때 이용한다. getUrl함수에 객체 데이터를 담은 배열 company를 주고

약 5시간 전
·
0개의 댓글

javascript - ES6(1) 배열

startsWith 인자의 string이 객체의 시작 string과 같으면 true반환(endsWith도 있음)includes객체가 인자의 string을 가지고 있으면 true 반환for in은 객체 순회용 근데 배열도 순회 가능하다. for in의 문제점은 자신이 가

약 6시간 전
·
0개의 댓글

[JS] Let Var Const?

var : 재선언 가능, 재할당 가능, Function Scope.let : 재선언 불가. 재할당 가능, Block Scope.const : 재선언 불가. 재할당 불가. Block Scope.

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

고차함수) 추상화

컴퓨터 공학의 근간을 이루는 여러 개념 중에 추상화(abstraction)가 있습니다. 추상화의 다른 말은 요약입니다. 복잡한 어떤 것을 압축해서 핵심만 추출한 상태로 만드는 것이 추상화입니다. 사실 이 세상은 추상화로 가득차 있습니다. 인간은 추상화를 매우 좋아하고

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

내장 고차 함수 이해하기

자바스크립트에는 기본적으로 내장(built-in)되어 있는 고차 함수들이 있습니다. 바로 배열 메소드들 중 일부가 고차 함수에 해당합니다. 이 중 하나인 filter에 대해서 학습해 보겠습니다.배열의 filter 메소드는 배열의 요소 중 특정 조건을 만족하는 요소들만을

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

고차함수 What is HoF?

고차 함수(higher order function)는 함수를 인자(argument)로 받거나 함수를 리턴하는 함수를 말합니다. 이 때 다른 함수(caller)의 인자(argument)로 전달되는 함수를 콜백 함수(callback function)라고 합니다.콜백 함수를

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

고차함수 First-class citizen

자바스크립트에는 퍼스트 클래스(first class)가 있다는 사실을 알고 계십니까. 퍼스트 클래스하면 무엇이 제일 먼저 떠오르시나요? '비싸고', '편하고', '일부만 해당하고' 등 다양한 특징들을 떠올려 볼 수 있습니다. 그리고 이런 점들을 일반화해서 '특별한 대우

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

DOM 이해하기

DOM은 Document Object Model의 약자로, HTML(Document)에 접근하여 Object(JavaScript Object)처럼 HTML을 조작(Manipulation)할 수 있는 Model이라는 의미를 가지고 있습니다. 즉, 여러분이 자바스크립트를

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

React js 정규식으로 핸드폰 번호 input 만들기

결과물 미리보기 👀이번 프로젝트에서 로그인 / 회원가입 부분을 맡으면서 input 태그를 다룰 일이 많았다. 핸드폰 번호를 입력 받는 input창을 만들면서 겪었던 문제와 해결 방법에 대해 적어보려고 한다. 🤓

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

[React] Logitech 클론 프로젝트 후기

회원가입, 로그인 페이지Account Page layoutBack-end API 통신Validation상품 리스트 페이지Logitech mice Product List Page layoutProduct List Back-end API 통신Filter 기능 (Back-e

약 8시간 전
·
6개의 댓글

javascript - async, await

async와 await은 promise를 간결하고 동기적으로 실행되는 것처럼 만들어준다. 유저의 데이터르 받아오는 fetchUser라는 함수가 있고 10초가 걸린다. user라는 변수에 리턴값을 할당할 때 동기적 실행은 10초가 걸린다.(그동안 자바스크립트 엔진은 다른

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

[JS : 터미널 다루기 / Git 소개, Git을 이용한 Workflow]

command line빠르다강력하다접근성이 좋다why \*NIX(LINUX/UNIX) ?서버 시장에서의 NIX 점유율이 높음AWS 및 Azure 등에서 제공하는 서버는 대부분 NIX 계열open sourceUSEFUL COMMANDls : 파일 보기. 현재 위치한 속성

약 11시간 전
·
0개의 댓글

[JS : array, 배열개념과 APIs 총정리]

1\. Declaration ~ 배열 만들기 첫번째 ~~ 배열 만들기 두번째 ~총 길이가 2개인 배열이 만들어졌다. 0번째 index는 1이라는 value값, 1번째 index는 2라는 value값이 들어있다.array배열이 index를 기준으로 data가 저장이 되기

약 11시간 전
·
0개의 댓글