계발하는 개발자

참고 https://github.com/reduxjs/react-redux/issues/2049 https://lobsterhyeon.tistory.com/41 에러 next.js에서 redux-toolkit 사용하려고 했을 때 다음과 같은 에러가 자꾸 났다..! Error: could not find react-redux context value; please ensure the component is wrapped in a Provider로 컴포넌트를 wrapping 하라는 메시지와 함께. 이러쿵 저러쿵 해봐도 자꾸 떠서 슬슬 한계 임박할 쯤에.. 다른 사람 github issue, 블로그 글을 참고해서 해결! 원인 먼저 에러 자체는 루트 컴포넌트를 Provider로 감싸지 않아서 발생한 거였다. r..

next.js에서 typescript 도입해서 프로젝트중인데 .ts랑 .tsx 차이가 뭘까 궁금해서 찾아봤다. 생각보다 별거 없었다. 한마디로 .ts는 typescript 만 사용할 경우, .tsx는 react component 와 같이 사용할 경우에 사용한다. 기존에 .tsx 확장자로 된 파일의 이름을 한 번 바꿔봤다.컴포넌트가 있는데 .ts로 확장자를 고치면 바로 빨간줄 표시가 난다. + 추가 )이외의 차이로 .tsx는 JSX 문법을 사용할 수 있지만, .ts는 JSX 문법을 사용할 수 없다. 오직 Typescript만 사용 가능하다.JSX란? JavaScript XML의 약자로 JavaScript를 확장한 문법이다. - 자바스크립트에서 HTML 문법을 사용할 수 있다. - 리액트로 프로젝트를 개발할..

유튜브 동영상에서 음원만 추출하는 방법은 간단하다! react로 음원 사이트 프로젝트를 하고있어서 음원파일이 필요한데 아래 방법으로 하면 내가 원하는 음원만 영상에서 추출할 수 있어 편하다. 음원 추출할 수 있는 방법은 2가지가 있다. 1. Savefrome 사이트에서 영상 음원 다운로드 https://ko.savefrom.net/222/ 온라인 비디오 다운로더: YouTube, Facebook 등에서 비디오를 다운로드하십시오! 한 번의 클릭으로 YouTube 비디오를 다운로드하는 무료 온라인 서비스! 빠르고 간편하게 vimeo, Facebook 및 Dailymotion 등의 비디오를 다운로드할 수 있는 최고의 YouTube Downloader! ko.savefrom.net 영상 url를 이미 가지고 있..

Material UI로 버튼 컴포넌트 삽입후 요소에 클릭했을 때 물결이 퍼지는 효과가 나타난다. 이런 효과가 들어가면 "이거 라이브러리 썼어요" 싶고 너무 부자연스럽기에...ㄱ- 버튼 컴포넌트 클릭했을 때의 기본 물결 효과를 없애는 작업을 해줘야 한다! 이런 효과를 비활성화 시키고 싶다면 disableElevation나 disableRipple prop을 사용하면 된다. 참고로, disabled 속성이 적용된 비활성화된 버튼은 형태와 상관없이 자동 회색으로 뿌옇게 처리가 된다. 예시로 이전 버튼에 disableRipple 속성을 prop 했다. disableRipple 처리안한 다른 버튼 요소와 비교해보면 클릭했을 때 물결 일렁이는 효과뿐 아니라 호버시 살짝 그림자 지는 효과도 제거된 걸 확인할 수 있다..