# js

[JS] 타입 변환과 단축 평가
자바스크립트의 모든 값은 타입이 있다. 값의 타입은 개발자의 의도에 따라 다른 타입으로 변환할 수 있다. 개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라 한다.개발자의 의도와는 상관없이 표현식을 평가하는 도중에 자바스크립트 엔진에
JS-DOM 총정리
Document Object Model = 문서 객체 모델로 HTML 요소에 접근하고자 할 때 사용하며 HTML 요소를 JS 객체처럼 조작할 수 있게 해준다. HTML 요소의 속성, 스타일(CSS) 등을 조작할 수 있게 해주기도 한다.=> 근데 사실 뭔 소린지 잘 모르

[JS]바닐라 JS로 라우팅 구현해보기
프로그래머스 데브 매칭에 참여하기 위해 바닐라 js만으로 코딩연습을 하고 있다. 별도의 라이브러리 없이 해야하기 때문에 개발위해 당연시 세팅했던 라이브러리 없이 코딩을 하니 좀 어려웠던 부분이 많았다. 그 중 라우팅 기능을 구현하는 것이 어려웠다. `React`사용시

JS Sort에 대한 이해..
알고리즘 문제에 대해서 풀다보면 sort함수를 사용 해야하는 경우가 많이 나오는데 형식적인 올림,내림차순 정리에 대해서만 외워서 알고있다보니 다른 함수를 유연하게 정렬할때 어려움이 있었다. sort함수에 대한 직관적인 분석이 필요하다..!sort()방법은 배열의 요소를

브라우저 렌더링 과정
대부분의 프로그래밍 언어는 운영체제나 가상 머신 위에서 실행되지만 웹 어플리케이션의 클라이언트 사이드 자바스크립트는 브라우저에서 HTML,CSS와 함게 실행된다. 그렇기 때문에 브라우저 환경을 고려하면 더욱 효율적인 코딩을 할 수있다. 브라우저 렌더링과정에 대해 알아보

[JS] 제어문
블록문 블록문은 0개 이상의 문을 중괄호로 묶은 것으로, 코드 블록 또는 블록이라고 부르기도 한다. 자바스크립트는 블록문을 하나의 실행 단위로 취급한다. 블록문은 단독으로 사용할 수도 있으나 일반적으로 제어문이나 함수를 정의할 때 사용하는 것이 일반적이다. 조건문 조
position: sticky
스크롤을 내리다가 특정 element가 viewport를 벗어나는 순간 상단 고정되는 UI를 구현하고 싶어서 방법을 찾아봤다.position: sticky;를 이용하면 간단하게 구현할 수 있다.position: sticky;는 이 속성이 적용된 element의 pare

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

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

CSS-in-JS
그동안 작성해온 CSS 작성 스타일은 대부분 JS와 CSS를 분리하고 모듈로 연결해서 사용했었을 겁니다. 이 방식을 CSS-in-CSS라고 합니다.모듈화된 CSS는 클래스 네임 중복을 방지해주는 등 중복 문제와 관리의 위험성을 낮춰주었습니다. 하지만 여러 CSS 파일들
[TS] Chapter 7. Typescript 제네릭(Generics)_2
generic utility typegeneric types vs. union typepartial 유틸리티 타입은 interface로 규정한 객체의 구조 중 property와 method를 선택적으로 구현할 수 있도록 한다.예를 들어, someVariable<

[카테캠] FE week 9 (2)
Vanilla JS로 구현한 회원가입 폼을 react 라이브러리를 사용하여 구현해보고 개선점을 찾고 리랜더링을 줄이는 방법까지 알아보자

[JS] 땅따먹기
땅따먹기 게임을 하려고 합니다. 땅따먹기 게임의 땅(land)은 총 N행 4열로 이루어져 있고, 모든 칸에는 점수가 쓰여 있습니다. 1행부터 땅을 밟으며 한 행씩 내려올 때, 각 행의 4칸 중 한 칸만 밟으면서 내려와야 합니다. 단, 땅따먹기 게임에는 한 행씩 내려올
[JS] padStart / padEnd
: 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환padStart(최대길이, "추가하고 싶은 문자열)padEnd(최대길이, "추가하고 싶은 문자열)&

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