빵굽는 프론트엔드 개발자
태그 목록
- 전체보기(54)
- JavaScript(29)
- 자바스크립트(19)
- CSS(8)
- 리액트(6)
- html(5)
- 토이프로젝트(5)
- Fetch API(4)
- 알고리즘(4)
- DOM(4)
- 코드카타(4)
- 프로미스(3)
- React(3)
- 프로젝트(3)
- Fetch(2)
- 콜백함수(2)
- responsive web(2)
- await(2)
- useEffect(2)
- 위코드(2)
- 인스타그램(2)
- toy project(2)
- async(2)
- 비동기(2)
- node.js(2)
- Math.random(2)
- catch(1)
- clone coding(1)
- 코드 리팩토링(1)
- 웹개발(1)
- 팀워크(1)
- XMLHTTPRequest(1)
- 깃(1)
- 무한루프(1)
- 반응형 웹(1)
- 프론트엔드(1)
- localhost(1)
- moment(1)
- Exchange Rate(1)
- Responsive Website(1)
- VanillaJS Toy Project(1)
- 반응형 웹사이트(1)
- 포트폴리오(1)
- keydown(1)
- material ui(1)
- 가위바위보(1)
- Hangman(1)
- Unary Operator(1)
- 행맨게임(1)
- 스위치(1)
- promise chain(1)
- getElementById(1)
- toLowerCase(1)
- toUpperCase(1)
- 단항 연산자(1)
- callback Hell(1)
- inline block(1)
- setTimeout(1)
- axios(1)
- 버튼(1)
- hook(1)
- 스프레드 연산자(1)
- 전역변수(1)
- localstorage(1)
- block(1)
- 개발자(1)
- inline(1)
- InnerHTML(1)
- Movie Booking(1)
- spread operator(1)
- youtube(1)
- addEventListener(1)
- ipinfo(1)
- 노드JS(1)
- starbucks(1)
- db(1)
- slice(1)
- RDBMS(1)
- semantic web(1)
- 팀프로젝트(1)
- 그래프(1)
- 회고록(1)
- ES6(1)
- 차트(1)
- modal(1)
- charAt(1)
- git(1)
- register page(1)
- Promise Chaining(1)
- keypress(1)
- 숫자변환(1)
- 콜백지옥(1)
- Root(1)
- 프로미스체인(1)
- semantic tag(1)
- 환율계산기(1)
- uuid(1)
- 클론코딩(1)
- BEM(1)
- promise(1)
- 바닐라js(1)
- querySelector(1)
- 싱글스레드(1)
- 노드(1)
- 라이브러리(1)
- 슬라이더(1)
전체보기 (54)JavaScript(29)자바스크립트(19)CSS(8)리액트(6)html(5)토이프로젝트(5)Fetch API(4)알고리즘(4)DOM(4)코드카타(4)프로미스(3)React(3)프로젝트(3)Fetch(2)콜백함수(2)responsive web(2)await(2)useEffect(2)위코드(2)인스타그램(2)toy project(2)async(2)비동기(2)node.js(2)Math.random(2)catch(1)clone coding(1)코드 리팩토링(1)웹개발(1)팀워크(1)XMLHTTPRequest(1)깃(1)무한루프(1)반응형 웹(1)프론트엔드(1)localhost(1)moment(1)Exchange Rate(1)Responsive Website(1)VanillaJS Toy Project(1)반응형 웹사이트(1)포트폴리오(1)keydown(1)material ui(1)가위바위보(1)Hangman(1)Unary Operator(1)행맨게임(1)스위치(1)promise chain(1)getElementById(1)toLowerCase(1)toUpperCase(1)단항 연산자(1)callback Hell(1)inline block(1)setTimeout(1)axios(1)버튼(1)hook(1)스프레드 연산자(1)전역변수(1)localstorage(1)block(1)개발자(1)inline(1)InnerHTML(1)Movie Booking(1)spread operator(1)youtube(1)addEventListener(1)ipinfo(1)노드JS(1)starbucks(1)db(1)slice(1)RDBMS(1)semantic web(1)팀프로젝트(1)그래프(1)회고록(1)ES6(1)차트(1)modal(1)charAt(1)git(1)register page(1)Promise Chaining(1)keypress(1)숫자변환(1)콜백지옥(1)Root(1)프로미스체인(1)semantic tag(1)환율계산기(1)uuid(1)클론코딩(1)BEM(1)promise(1)바닐라js(1)querySelector(1)싱글스레드(1)노드(1)라이브러리(1)슬라이더(1)
[React] Material-UI로 구현한 가격필터 슬라이더 성능 개선하기
에어비앤비 숙소 리스트 페이지의 가격 필터를 구현했는데, 슬라이더가 유난히 느리게 반응하는 것이 신경쓰였다. 슬라이더를 material-ui 라이브러리를 활용해서 내 앱이 무거워진건 줄 알았는데 정말 비효율적인 코드를 짰다는 것을 나중에야 알게 됐다.
2021년 1월 4일
·
1개의 댓글