# JavaScript
JavaScript(JS)는 가벼운 인터프리터 또는 JIT 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지의 스크립트 언어로서 제일 유명하지만 Node.js, Apache CouchDB, Adobe Acrobat처럼 많은 비 브라우저 환경에서도 사용하고 있습니다. JavaScript는 프로토타입 기반의 동적 다중 패러다임 스크립트 언어로, 객체지향형, 명령형, 선언형(함수형 프로그래밍 등) 스타일을 지원합니다.
[JavaScript] console.log()가 느린 이유
백준 문제를 풀면서 한줄씩 출력하게끔 유도하는 예제 출력을 많이 보게 되었다. 프로그래머스의 익숙해진 나는 console.log()로 한줄씩 출력하게 유도했고 결과는 시간초과라는 결과를 받게되었다.구글링을 하면서 로직은 같은데 왜 내 코드만 시간초과가 뜨는걸까 하면서
JS_2. 표현식과 문
값, 표현식, 문은 자바스크립트에서 많이 사용되는 용어들이지만 말로 설명하려면 쉽지 않기도 합니다.해당 용어들을 정리하며 개념을 이해해보도록 하겠습니다 :): 표현식이 평가되어 생성된 결과를 말합니다. 여기서 평가란, 식을 해석해서 값을 생성하거나 참조하는 것을 의미
[프로그래머스/Lv0] 삼각형의 완성조건 (1) : 구조분해할당
선분 세 개로 삼각형을 만들기 위해서는 다음과 같은 조건을 만족해야 합니다.가장 긴 변의 길이는 다른 두 변의 길이의 합보다 작아야 합니다.삼각형의 세 변의 길이가 담긴 배열 sides이 매개변수로 주어집니다. 세 변으로 삼각형을 만들 수 있다면 1, 만들 수 없다면
[자바스크립트]23. 실행 컨텍스트
코드 → (코드 평가) → 실행 컨텍스트소스코드 평가 과정에서는 실행 컨텍스트를 생성하고 식별자를 키로 실행 컨텍스트가 관리하는 스코프(렉시컬 환경의 환경 레코드)에 등록한다.소스코드 평가 과정이 끝나면 비로소 선언문을 제외한 소스코드가 순차적으로 실행된다.x 변수가
[프로그래머스/Lv0] 구슬을 나누는 경우의 수 : Math.round()로 부동소수점 오차 줄이기
머쓱이는 구슬을 친구들에게 나누어주려고 합니다. 구슬은 모두 다르게 생겼습니다. 머쓱이가 갖고 있는 구슬의 개수 balls와 친구들에게 나누어 줄 구슬 개수 share이 매개변수로 주어질 때, balls개의 구슬 중 share개의 구슬을 고르는 가능한 모든 경우의 수를
[leetcode, JS] 2011. Final Value of Variable After Performing Operations
문제 링크 : Final Value of Variable After Performing Operations
[프로그래머스/Lv0] 가위 바위 보 : split(""), 구조분해할당
업로드중..가위는 2 바위는 0 보는 5로 표현합니다. 가위 바위 보를 내는 순서대로 나타낸 문자열 rsp 가 매개변수로 주어질 때, rsp에 저장된 가위 바위 보를 모두 이기는 경우를 순서대로 나타낸 문자열을 return하도록 solution 함수를 완성해보세요.먼저
[프로그래머스 | Javascript] - 다리를 지나는 트럭
프로그래머스 | 다리를 지나는 트럭트럭 여러 대가 강을 가로지르는 일차선 다리를 정해진 순으로 건너려 합니다. 모든 트럭이 다리를 건너려면 최소 몇 초가 걸리는지 알아내야 합니다. 다리에는 트럭이 최대 bridge_length대 올라갈 수 있으며, 다리는 weight
[Baekjoon] 9184 - 😁신나는 함수 실행
업로드중..재귀 호출만 생각하면 신이 난다! 아닌가요?다음과 같은 재귀함수 w(a, b, c)가 있다.위의 함수를 구현하는 것은 매우 쉽다. 하지만, 그대로 구현하면 값을 구하는데 매우 오랜 시간이 걸린다. (예를 들면, a=15, b=15, c=15)a, b, c가
[Baekjoon] 24416 - 🔢알고리즘 수업 - 피보나치 수 1
오늘도 서준이는 동적 프로그래밍 수업 조교를 하고 있다. 아빠가 수업한 내용을 학생들이 잘 이해했는지 문제를 통해서 확인해보자.오늘은 n의 피보나치 수를 재귀호출과 동적 프로그래밍으로 구하는 알고리즘을 배웠다. 재귀호출에 비해 동적 프로그래밍이 얼마나 빠른지 확인해 보
DOM
DOM (Document Object Model) 이란 ?DOM이란 HTML문서를 객체로 표현한 것으로, JS에서 HTML을 제어할 수 있게 해줍니다.이때 사용하는 명령들을 DOM API라고 합니다.Node : HTML 요소, 텍스트, 주석 등 모든 것을 의미합니다.E
[Javascript] 타입 총정리 ③ | 객체 타입의 특정 프로퍼티 확인법
객체 생성시 키(속성)과 값(value)이 둘을 쌍으로 이루는 말을 프로퍼티라고 정리할 수 있는데요. 이러한 프로퍼티의 유무를 확인하는 방법 또한 존재합니다. 대표적으로 in 연산자, property.hasOwnProperty, Reflext.has 등의 방법이 존재합
elice track ep.13
상태 관리 기술이란 앱 상에서의 데이터를 메모리 등에 저장하고 하나 이상의 컴포넌트에서 데이터를 공유하는 것한 컴포넌트 안에서의 상태, 여러 컴포넌트 간의 상태, 전체 앱의 상태 관리를 모두 포함MPA에서는 서버의 데이터를 이용해 페이지를 렌더링하므로, 클라이언트의 데
👨🏻💻 React Deep Dive[1장]
1.1.1 자바스크립트의 데이터 타입Symbol Symbol은 ES6에 새롭게 추가된 7번째 타입이다.중복되지 않는 고유한 값을 나타내기 위해 만들어졌다.심벌은 함수를 이용해서만 만들 수 있다.ex : Symbol()을 사용해야만 한다.객체 타입 객체 타입을 간단하게
[JavaScript] 간단한 웹소켓 WebSocket 실행기
프로젝트 준비를 위해 웹소켓을 실행해보려고 합니다.(스프링 부트 프로젝트로 빌드된 환경입니다.)서버용 js파일을 하나 만들어주고 터미널에 명령어를 입력해줍니다.npm init실행하면 package name, version .. 등등 터미널에서 입력하는 과정이 있는데 현
[JavaScript30] Day5: Flex Panels Image Gallery
무엇을 만들 것인가. 코드를 살펴보자. HTML css 무엇을 배웠나. flex를 활용하는 방법을 위주로 배워보는 날이었다. flex를 nesting하기 :first-child와 :last-child 이렇게 함으로써 .panel이라는 클래스를 가지는 전체(
Javascript : Array.prototype.reduce() (작성중)
reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서 (reducer) 함수를 실행하고, 하나의 결과값을 반환합니다.아래와 같이 reduce() 메서드의 콜백함수는 4개의 파라미터를 가진다. 반환값은 누적 계산의 결과 값이다.구문으로 나타내면 다음과 같다.in
[JavaScript Deep Dive] 10. 객체 리터럴
그동안 ... 수없이 중요하다는 스포를 당했던 객체 리터럴쓰 ~ 대체 너가 뭐길래 그렇게 여기 저기서 나온거니 ? 객체리터럴. 뿌셔주겠쓰.
