# js

766개의 포스트
post-thumbnail

바닐라 JS 2주 완성반 5일차

5일차 멘붕중~ 오늘은 D-day를 만들어봤다 #3.0 HTML에서 javaScript에서 class 이름을 어떻게 쓰는가

36분 전
·
0개의 댓글

TIL.25 map() / filter() / reduce()

Array method 배열 메서드는 callback함수로 사용할때 가장 많이 사용된다. Callback 함수란 콜백함수는 파라미터로 함수를 전달하는 함수이다. 그리고 전달받은 그 함수를 함수의 내부에서 실행시킨다. 콜백함수는 전달 받은 즉시 바로 실행이 될 필요가

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

바닐라 JS 2주 완성반 4일차

오늘은 화면의 크기가 변하면서 화면의 색깔을 다르게 하는 것이다.풀이처음 과제를 봤을 때는 쉬워 보였지만 막상 하고 보니 조금 어려웠던것 같다문법if안에 있는 조건식1이 참인 경우 if문을 실행한다조건식1이 참이 아니고 조건식2가 참인경우 else if문을 실행시킨다.

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

JS 배열 함수들 정리

배열 함수 정리!!

어제
·
0개의 댓글

TIL.24 EventListener

출저 MDN 위코드 강의자료 공부합시다 All-round programmer Event(이벤트) 이벤트란 사용자가 마우스를 조작하거나 키보를 눌렀을때, 클릭을 했을 때와 같이 어떤 행동을 취했을때 그에 맞게 반응하는 것을 말한다. 자바스크립트의 발전으로 더욱 inte

어제
·
0개의 댓글
post-thumbnail

[Java Script] 변수관리와 스코프 체인

미리알면 좋은 것 > - 스코프란 변수에 접근할수있는 범위 자바스크립트는 for(){}, if{} 같은 구문은 스코프가 없다. 오직 함수만이 스코프의 한 단위가 된다. 자바스크립트에서 함수를 선언할때마다 새로운 스코프를 생성하게 된다. 함수스코프는 지역스코프의 예이다.

어제
·
0개의 댓글
post-thumbnail

양방향 HTML input range 만들기

개인 프로젝트를 진행하면서 위와 같이 양쪽에서 조절이 가능한 input을 만들고 싶은 상황이 생겼다.

어제
·
0개의 댓글

js 엔진 - 메모리 힙, 이벤트 루프

비동기 함수의 처리 과정을 이해하는 것이 중요하다. js도 코드를 읽을 때 위에서부터 아래로 코드를 읽지만, 비동기 함수의 실행 시간의 차이로 실제 화면에 표시되는 결과는 코드 작성 순서와 다를 수 있다. 자바스크립트 엔진은 메모리 힙(Memory Heap)과 콜 스

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

바닐라 JS 2주 완성반 3일차

3일차 사용한 JavaScript구문들 > #### document.querySelector() 제공한 CSS 선택자를 만족하는 첫 번째 Element 객체. 결과가 없다면 null. (즉 위에서 아래로 내려오면서 첫 번째의 ()안에 있는 Element를 선택한다)

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

[Java Script] 클로저란?

클로저란? > 함수 내부에 정의된 함수를 의미하며, 내부함수가 외부함수의 맥락(context)에 접근할 수 있는 것이다. 클로저는 자신을 포함하고 있는 외부함수의 인자, 지역변수 등을 외부함수가 종료된 이후에도 사용할수 있다. 이러한 변수를 자유변수라고 한다. 클로저가 생성될때 범위 내의 지역변수들을 자유변수로 만드는 것을 캡쳐라고 한다. 외부함수...

2일 전
·
0개의 댓글

[code review]

< input> 태그의 autofocus 속성은 페이지가 로드될 때 자동으로 포커스(focus)가 < input> 요소로 이동되는 기능이다.autofocus 속성은 불리언(boolean) 속성이므로, 해당 속성을 명시하지 않으면 속성값이 자동으로 false

2일 전
·
1개의 댓글

[CSS] iOS input zoom 막기

iphone에서 input에 focus를 줬을 때 zoom이 되는 문제이 문제의 원인은 font-size때문이다. 가장 많이 득표한 스택오버플로우 답변에 따르면 font-size가 16px 미만인 경우 필드에 초점이 맞춰지면 Safari가 확대됩니다. 계산 된 font

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

바닐라 JS 2주 완성반 2일차+ 3일차 예습

#2.0 console.log는? console.log는 내장함수(built-in function)이라 한다 내장함수란? > 자바스크립트에서 자체적으로 제공하는 함수를 내장함수라고 한다. 이것은 이미 시스템에 정의되어 있기 때문에 사용자가 별도로 정의하지 않고 주어진 원칙에 따라 사용하며 되는 함수이다. 종류는 > eval(), parseint(), ...

3일 전
·
0개의 댓글

TIL.23 Class

출저 MDN 위코드 강의자료 Class 객체지향 프로그래밍의 핵심인 클래스는, 객체를 기반으로 하고 있는 자바스크립트에서도 찾아볼 수 있다. 객체로 만들기엔 큰 규모의 객체이거나 비슷한 모양의 객체를 계속 만들어야 한다면 Class를 통해 설계도를 만들어 사용할 수

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

[TIL][React] Youtube API 활용 동영상 recast 앱 구현

간단한 코멘트 앱에 이어서, 조건에 따라 유튜브 영상을 받와 보여줄 수 있게 구현하였다.이러한 작업을 하면서 리액트에 대해서 더욱 깊게 알게되었다. 이제는 어느정도 state와 state 끌어올리기, 생명주기 등의 개념에 대해 이해하고 있으며 UI를 동적으로 구성하는데

3일 전
·
0개의 댓글

연산자

할당연산자 기본적인 할당 연산자는 오른쪽의 피연산자 값을 왼쪽 피연산자 값에 할당하는 등호(=) 이다. 복합 할당 연산자 (1) 할당 (x=y) (2) 덧셈할당 (x += y) 의미: x = x + y (3) 뺄셈할당 (x -= y) 의미: x = x - y (4) 곱셈할당(x *= y) 의미: x = x x y (5) 나눗셈할당(x /= y) ...

3일 전
·
0개의 댓글

제어문

(1) if문if(조건)에서 조건을 만족(true)할 때 실행하는 제어문불만족(false)할 때는 else를 실행(else = if의 경우를 제외한 나머지 값들의 실행)false한 값이란, 0""(빈문자열)NaN(변수에 값을 할당하지 않고 선언만 했을 경우)undefi

3일 전
·
0개의 댓글

201124

✅ 채용정보 알리미 버그 해결✅ 인프런 JS 강의 10강💡 파이썬과 연동하여 사용하는 텔레그램 봇은 사용자가 차단을 하면 에러를 내뿜는다. 며칠 전부터 자동알림이 안온다는 제보가 있었는데 드디어 해결할 수 있어서 기쁘다.❓ 인프런 강의 후반부가 헷갈려서 다시 봐야 될

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

[JS] 공부할 내용 정리

클로저에 대해 설명해주세요.변수스코프체인에 대해 아시나요?전역변수를 함수 내부에서 사용하면 성능상 이슈가 발생하는데 그 이유와 해결책에 대해 설명해주세요.자바스크립트에서 클래스는 어떻게 사용하나요?

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

[Node.js]module 사용하기

[Node.js]module 사용하기

4일 전
·
0개의 댓글