하루살이 개발일지

styled-reset은 CSS의 기본 스타일을 "reset"하는데 사용되는 라이브러리입니다. 웹 브라우저마다 HTML 요소에 적용되는 기본 스타일이 다르기 때문에, 동일한 웹 페이지가 다른 브라우저에서 다르게 보일 수 있습니다. 이러한 이슈를 해결하기 위해 CSS reset 라이브러리는 모든 브라우저가 페이지를 일관되게 렌더링하도록 CSS의 기본 스타일을 초기화하거나 "reset"합니다. styled-reset은 이러한 CSS reset 기능을 styled-components 스타일링 방법과 결합한 라이브러리입니다. 따라서 styled-components를 사용하여 프로젝트를 스타일링하면서 동시에 브라우저 간 스타일 일관성을 유지하려는 개발자들에게 유용합니다.

TypeScript로 Create React App (CRA) 프로젝트를 생성하려면 다음의 yarn 명령어를 사용하면 됩니다: yarn create react-app your-app-name --template typescript 만약 현재 폴더 경로에 생성하고 싶은 경우 yarn create react-app . --template typescript 위의 명령어에서 your-app-name을 원하는 프로젝트 이름으로 대체하면 됩니다. 이 명령어는 TypeScript를 사용하는 새로운 React 프로젝트를 생성하고, 필요한 모든 의존성을 설치합니다. TypeScript는 정적 타이핑을 제공하여 코드의 품질을 향상시키고, 버그를 줄이며, 더 나은 개발자 경험을 제공하는 JavaScript의 슈퍼셋입니다...

useMemo 에 대하여 React hook중 최적화(optimization)를 위한 훅 두 가지가 있음 useMemo useCallback useMemo란? useMemo의 memo = memoization 메모이제이션(memoization)은 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행 속도를 빠르게 하는 기술이다. (출처 : 위키백과) 동일한 값 리턴하는 함수를 반복적으로 호출해야 한다면, 맨 처음 값을 계산할 때 해당 값을 메모리에 저장해 필요할 때마다 다시 계산하지 않고 메모리에서 꺼내서 재사용하는 기법 즉, 자주 필요한 값을 맨 처음 계산 시 캐싱해두어 값이 필요할 때 다시 계산하지 않고 캐시에서 ..

📌 Math.random() 0(포함) 부터 1(미포함) 까지 랜덤한 부동소수점 숫자를 반환하는 함수 📌 0부터 9까지 숫자를 생성하고 싶다면? Math.floor((Math.random() * 10)) Math.random() * 10을 통해 0(포함) 부터 10(미포함) 까지의 부동소수점 숫자가 생성됨 이를 Math.floor를 통해 내림 -> 주어진 숫자보다 크지 않은 정수를 반환 따라서 반환값은 0부터 9 사이의 정수가 됨 📌 1부터 9까지의 숫자를 생성하고 싶다면? Math.floor((Math.random() * 9)) + 1 Math.random() * 9 를 통해 0(포함) 부터 9(미포함) 까지의 부동소수점 숫자를 생성한 뒤, Math.floor() 함수를 통해 정수로 변환. 이는 0부터..