profile
늘 발전하고 싶은 프론트엔드 개발자
post-thumbnail

TIL - 브라우저 렌더링

이 블로깅은 10분 테코톡 - 결의 브라우저 렌더링을 보고 글로 작성한 글입니다.

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

JS - 디바운싱 구현해보기

직접 디바운싱을 구현해보자

2022년 6월 18일
·
0개의 댓글
post-thumbnail

Parallax 사용해서 멋진 랜딩페이지를

react-spring을 이용해서 parallax 쉽게 구현하기

2022년 6월 11일
·
0개의 댓글
post-thumbnail

Recoil - 리코일 겉핥기 1장

리코일 겉핥기 1장 - 리코일의 등장과 'RecoilRoot, 'atom', 'useRecoilState', 'useResetRecoilState', 'useSetRecoilState' 그리고 'useRecoilValue'

2022년 6월 3일
·
0개의 댓글
post-thumbnail

recoil과의 첫 만남

Recoil을 만나다.회사에서 전역 상태관리로 redux, 각 위젯의 props drilling을 피하기 위해서 Context API로 진행하다가 Context API 대신 Recoil을 도입하기로 했다.Context API에서 상태값을 변경하면, provider로 감

2022년 5월 29일
·
0개의 댓글
post-thumbnail

JavaScript - switch문

가독성을 위한 선택 - JS에서의 switch문

2022년 5월 21일
·
0개의 댓글
post-thumbnail

script 태그 defer

script 태그 defer 속성을 사용하는 방법

2022년 5월 14일
·
0개의 댓글
post-thumbnail

replace에서 함수를?!

replace 두 번째 인자로 함수 사용하기

2022년 5월 7일
·
0개의 댓글
post-thumbnail

순수함수

자바스크립트로 알아보는 순수함수에 대한 정리

2022년 5월 1일
·
0개의 댓글
post-thumbnail

여러개의 input 상태 관리하기

늘어나는 input에 따라 같이 늘어나는 상태들

2022년 4월 22일
·
0개의 댓글
post-thumbnail

Algorithm - 모의고사(완전탐색)

프로그래머스 - 모의고사(완전탐색)

2022년 4월 14일
·
0개의 댓글
post-thumbnail

JavaScript - 키보드 숏컷 만들기

한국인으로 나는 모든 일에 short cut을 찾는다.인터넷 새로고침(ctrl + r)이 귀찮아서 r키만 누르면 새로고침이 되게 chrome을 설정해 놨으니 말 다했다.그래서 어떻게 내가 만드는 사이트에 숏컷을 넣고싶을때 사용하기 위해 연습을 해봤다.소스코드 - key

2022년 4월 10일
·
0개의 댓글
post-thumbnail

JavsScript - html과 js 파일에서 import, export 하기

import 와 export 연습

2022년 4월 8일
·
0개의 댓글
post-thumbnail

React - useDidMount custom hook

useDidMount hook 생성하기React의 class형 컴포넌트에서는 componentDidMount라는 메서드가 존재한다.리액트 16.8버전 이후 hook이 도입되었지만 componentDidMount와 그나마 유사한 hook은 useEffect가 유일하다.내

2022년 4월 2일
·
0개의 댓글
post-thumbnail

JavaScript - Truthy & Falsy

참 같은 값(Truthy) - MDNJavaScirpt에서, Truthy인 값이란 Boolean을 기대하는 문맥에서 true로 평가되는 값이다. 따로 Falsy로 정의된 값이 아니면 모두 Truthy한 값으로 평가된다.거짓 같은 값(Falsy - MDNFalsy인 값은

2022년 3월 27일
·
0개의 댓글
post-thumbnail

CSS - display: grid를 이용한 쉬운 중앙 정렬

Grid를 이용한 쉬운 중앙 정렬오늘은 grid를 이용해서 content를 X축과 Y축으로 동시에 중앙정렬 하는 방법을 정리해보려고 한다.html에 outer안에 inner가 아래처럼 있다고 가정하고 CSS를 작성했다.X축과 Y축 동시에 중앙정렬하는 방법은 보통 dis

2022년 3월 23일
·
0개의 댓글
post-thumbnail

TypeScript - 유틸리티타입

타입스크립트 핸드북 - 유틸리티 타입(https://joshua1988.github.io/ts/usage/utility.html유틸리티 타입은 정의해 놓은 타입을 가공해서 변환시키는 타입 문법이다."바퀴를 다시 발명하지 마라(Don't reinvent the

2022년 3월 19일
·
0개의 댓글
post-thumbnail

TypeScript - 연산자를 이용한 타입 정의

연산자를 이용한 타입 정의는 크게 두 가지로 분류할 수 있다.Union Type(유니온 타입)Intersection Type(인터섹션 타입)유니온 타입은 A타입 이거나 B 타입이다라는 의미이다.만약 유니온 타입을 사용하지 않고 number와 string console을

2022년 3월 15일
·
0개의 댓글
post-thumbnail

TypeScript - 기본 타입

타입스크립트 스터디를 하게된 기념으로 타입스크립트를 다시 정리해 볼까 한다.그 시작은 기본 타입으로 정했다.현재 개인적인 타입스크립트 공부는 캡틴판교님의 인프런 강의로 진행하고 있다.각 선언 방식은 아래와 같다.TypeScirpt에서 배열을 선언하는 방식은 두 가지가

2022년 3월 9일
·
0개의 댓글
post-thumbnail

React - onClick 파라미터 전달하기

시간이 생겨서 개인프로젝트인 Todo를 삭제 버튼을 구현했다.리덕스를 사용한 프로젝트여서 특정 할 일을 삭제하려면 그 할일의 id 값을 action으로 보내야하는데, 그러면 파라미터로 id를 전달해야 했다.하지만 지금까지 파라미터로 전달할 일이 없었기에 검색을 해야했

2022년 3월 5일
·
0개의 댓글