[Study] 개발 공부48 [알고리즘] 소수 판별 함수 프로그래머스에서 소수 판별하는 로직에 관한 문제가 나와 작성한다.function isPrime(num) { if(num 2025. 5. 19. react-loading-skeleton으로 스켈레톤 UI 만들기 React 프로젝트에서 로딩 상태를 시각적으로 표현할 때 흔히 사용하는 방식이 Skeleton UI이다. react-loading-skeleton은 이 기능을 빠르게 구현할 수 있게 도와주는 경량 라이브러리다. 참고해볼 글https://tech.kakaopay.com/post/skeleton-ui-idea/ 무조건 스켈레톤 화면을 보여주는게 사용자 경험에 도움이 될까요? | 카카오페이 기술 블로그카카오페이에서 프론트엔드 개발을 하며 스켈레톤 UI와 사용자 경험 향상에 대해 고민한 내용을 공유합니다.tech.kakaopay.com 1. 설치 방법npm install react-loading-skeleton 2. 사용 방법// 스켈레톤 css 사용하기 위해서 importimport 'react-loadin.. 2025. 5. 14. [styled-components/React] styled-components: it looks like an unknown prop "X" is being sent through to the DOM... 경고 메시지 해결하기 어떤 에러일까?styled.div, styled.header 등으로 만든 컴포넌트에React DOM 요소(HTML)에 원래 없는 prop (나의 경우, isLoaded) 이 전달됐다는 뜻이다.React는 HTML 태그에 정의되지 않은 속성(prop)을 넘기면 콘솔에 해당 경고를 띄운다(불필요한 속성 전달 = 성능/표준상 문제) 아래 경고 메시지랑 같은 의미이고, 해결하는 방법도 똑같다.다만, 이 메시지는 styled-components에서, 아래 메시지는 react에서 보내는 차이가 있다.이번에는 좀 더 쉬운 해결방법을 작성해본다.React does not recognize the X prop on a DOM element 경고 메시지 해결하기 [styled-components/React] React d.. 2025. 3. 27. [Study] '--save-dev' 왜, 언제 쓰는지 아시나요? 패키지 설치 때 아무 생각 없이 설치하던 이번에 타입스크립트 rtk를 설치하면서 --save-dev를 왜 쓰는지 궁금해졌다.--save-dev는 개발 의존성(development dependency) 으로 설치하겠다는 의미다. 사용하는 기준npm install some-package → 실행에 필요한 의존성앱이 동작할 때 꼭 필요한 패키지들 (예: react, redux, @reduxjs/toolkit 등)npm install --save-dev some-package → 개발할 때만 필요한 의존성빌드, 타입 검사, 테스트 등에만 필요한 것 (예: @types/react-redux, eslint, typescript 등)앱이 실행되기 위해 꼭 필요한 패키지react, react-dom, react-rou.. 2025. 3. 25. 이전 1 2 3 4 5 ··· 12 다음
