# js

9701개의 포스트
post-thumbnail

[TS] Chapter 8. Decorators_1

데코레이터는 클래스, 속성, 메서드, 접근 제어자, 매개변수 등에 사용할 수 있는 특별한 함수이다. 데코레이터는 메타 프로그래밍 하는데 유용하게 사용될 수 있다. 클래스에 사용되는 데코레이터 함수의 인자로 주어지는 값은 class의 구현부 전체이다.데코레이터 함수를 하

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

iqos버튼 hover

하면서 어려웠던 부분은, 버튼 부분인데 버튼을 hover했을때 색이 변하는건 많이해봤지만 색이 왼쪽에서 오른쪽으로 점점 채워지는것은 이번이 처음이라 대혼란,, 하지만 난 해내지a태그에 after를 사용해서 옆에 먼저 민트색백그라운드를 만들어둔다,a태그엔 position

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

CSS-in-JS

그동안 작성해온 CSS 작성 스타일은 대부분 JS와 CSS를 분리하고 모듈로 연결해서 사용했었을 겁니다. 이 방식을 CSS-in-CSS라고 합니다.모듈화된 CSS는 클래스 네임 중복을 방지해주는 등 중복 문제와 관리의 위험성을 낮춰주었습니다. 하지만 여러 CSS 파일들

약 14시간 전
·
0개의 댓글
·

[TS] Chapter 7. Typescript 제네릭(Generics)_2

generic utility typegeneric types vs. union typepartial 유틸리티 타입은 interface로 규정한 객체의 구조 중 property와 method를 선택적으로 구현할 수 있도록 한다.예를 들어, someVariable<

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

[카테캠] FE week 9 (2)

Vanilla JS로 구현한 회원가입 폼을 react 라이브러리를 사용하여 구현해보고 개선점을 찾고 리랜더링을 줄이는 방법까지 알아보자

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

[DAY-5] JS 주요문법 (4)

큐, 해시테이블, 그래프

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

[JS] 땅따먹기

땅따먹기 게임을 하려고 합니다. 땅따먹기 게임의 땅(land)은 총 N행 4열로 이루어져 있고, 모든 칸에는 점수가 쓰여 있습니다. 1행부터 땅을 밟으며 한 행씩 내려올 때, 각 행의 4칸 중 한 칸만 밟으면서 내려와야 합니다. 단, 땅따먹기 게임에는 한 행씩 내려올

약 18시간 전
·
0개의 댓글
·

[JS] padStart / padEnd

: 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환padStart(최대길이, "추가하고 싶은 문자열)padEnd(최대길이, "추가하고 싶은 문자열)&

어제
·
0개의 댓글
·
post-thumbnail

mouseEffect

오늘 해 볼거는 js중 processing 과 같은 라이브러리가 있어 그것을 하려고 했지만 시간이 없어서 이번에도 canvsJS로 한다 (다음: p5.js) html 전체 코드 canvasJS코드 다음은 함수별 설명 init(): 이 함수는 캔버스를 초기화하고

어제
·
0개의 댓글
·
post-thumbnail

[TS] Chapter 7. Typescript 제네릭(Generics)_1

Generic FunctionsGeneric ClassConstraintsSpecial TS Types제너릭은 선언 시점이 아닌 생성 시점에 타입을 명시하여 다양한 타입을 사용할 수 있도록 하는 기법이다.(출처: https://poiemaweb.com/type

어제
·
0개의 댓글
·

[React] JSX

자바스크립트의 확장 문법이자 자바스크립트와 html을 혼합해서 사용할 수 있는 react에서 주로 사용하는 표현식 입니다.src/MyHeader.jsApp.js컴포넌트를 하나 만들고 app.js에 추가를 해보았습니다.header가 잘 추가된 것을 확인할 수 있습니다.닫

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

지연 평가(Lazy evaluation)

컴퓨터 프로그래밍에서 느긋한 계산법(Lazy evaluation)은 계산의 결과 값이 필요할 때까지 계산을 늦추는 기법이다. - wikipedia지연 평가를 사용할 때는 3가지 이점이 있다.1\. 불필요한 계산을 하지 않으므로 빠른 계산이 가능하다.2\. 무한 자료 구

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

자바스크립트로 자료구조 힙 구현하기

힙 생성힙에 요소 추가힙에서 가장 낮은 값 지우기(낮은값 지워지면 자동으로 정렬된다.)키 변환오류 대응a.힙이 없을 때 b~d 입력 시b. 힙 만들어졌지만 값이 없을 때 b~c 입력 시c. 힙에서 b입력 시 이전(바꿀)값이 없을 때

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

[카테캠] FE week 9 (1)

카카오 테크 캠퍼스 Front End 9주차 - (Vanilla JS) 회원가입 폼 기능 구현하기

2일 전
·
0개의 댓글
·

[JS] API & fetch

API(Application Programming interface)응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. 주로 파일제어, 창 제어, 화상처리, 문자 제어 등을 위한 인터페이스를 제

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

javascript : reduce :: Array to other primative or Object etc.

Cookie Parser 구현 중 produce의 사용법이 궁금해졌음. Starting with Curiosity of produce which is one of prototype function of Array.

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

[elice] 프로미스(Promise)

프로미스(Promise) 는 콜백 패턴의 단점을 개선하기 위해 ES6에 도입되었다.프로미스는 Promise 생성자 함수를 new 연산자와 함께 호출하여 객체를 생성한다.Promise 생성자 함수는 비동기 처리를 수행할 콜백 함수를 인수로 전달 받으며, 이 콜백 함수는

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

[JavaScript] DOM 객체와 이벤트 리스너 (TweeksStudy:0)

DOM 객체란 무엇인가documentDOM 트리DOM 객체로 HTML 문서의 요소 가져오기id를 통해 요소에 접근하기class를 통해 요소에 접근하기querySelector()와 querySelectorAll()DOM에서 이벤트 처리하기DOM요소에 직접 이벤트 처리기

2일 전
·
0개의 댓글
·

[JS] async & await 비동기 처리 코드 작성하기

Promise를 쉽고 가독성 있게 작성할 수 있는 키워드 입니다.두 개의 함수가 있습니다. 아래 함수는 function 앞에 async 키워드를 붙인 것을 확인할 수 있습니다.hiAsync 함수의 return 타입은 Promise<string> 입니다.로그를 출력

2일 전
·
0개의 댓글
·

[JS] Promise

자바스크립트의 비동기를 돕는 객체입니다. Promise 객체를 이용하면 콜백 지옥을 방지할 수 있습니다. Pending(대기 상태) : 비동기 작업이 진행중이거나 비동기 작업이 시작할 수도 없는 문제가 발생했음을 의미Fulfilled(성공) : 이행 또는 성공 상태로

2일 전
·
0개의 댓글
·