앨리스 코딩 실시간 강의를 들으면서 디바운스에 대해 알게 되었다. 개념에 대해 정리하면서 내가 만드는 프로젝트에도 적용하면 성능 향상에 도움이 될것같아 커스텀훅을 만들어서 디바운스 표현을 구현해 보았다.UseDebounce.js먼저 설명을 하자면 useDebounce라
간단히 말해 자바스크립트 UI 라이브러리 입니다.리액트를 사용해본 개발자들은 대부분 만족할수 있을만큼 리액트는 인기가 많습니다. 그렇다면 리액트를 사용하는 이유는 무엇일까요?먼저 대부분의 개발자들이 자바스크립트를 경험하시고 리액트를 사용하실거라고 생각합니다. 리액트는
리액트에선 컴포넌트를 여러파일로 분리해서 저장합니다. 이 컴포넌트 들은 일반 자바스크립트가 아닌 JSX문법을 이용합니다. 이컴포넌트들을 각각 실행할경우, 굉장히 성능상으로 느려질것이기 때문에, WebPack을 사용하여 하나로 묶어 줍니다. JSX란? HTML 과 비슷
이 api는 컴포넌트가 화면에 나타날때 호출됩니다. 주로 Dom을 사용해야되는 외부 라이브러리를 사용하거나, 해당 컴포넌트에서 필요로 하는 데이터를 요청하기 위해 axios,fetch등을 이용하여 ajax요청을 하거나, Dom의 속성을 읽거나 직접 변경하는 작업을 진행
오늘은 프로젝트 페이지를 구현하면서 많은것을 배웠다. 먼저 비디오 슬라이드를 만들었는데 다음 슬라이드로 넘어갈때마다 background image를 바꿔줘야 되었기때문에 한번 문제에 부딫혔다.나는 scss만 조건문을 쓸수 있는줄알았는데, styled component도
2주라는 짧은 시간이었지만 정말 많은일들이 있었다.