next12 버전 -> next 13 app directory 로 변경하면서 발생한 오류이다 useRouter는 SSR할때 사용가능하지만 해당컴포넌트는 CSR로 설정되어있다 (최상단에 use client 선언) 여기서 페이지 이동을 하고싶으면 useNavigation을 사용해야한다 import { useRouter } from 'next/router' 이놈을 import { usePathname, useRouter } from 'next/navigation' 이놈으로 바꿔주면 된다 끝
1. 내가 보려고 만든 국내 IT 기업 기술 블로그 20개 1) kakao Tech · 카카오의 기술 블로그로, 카카오 서비스를 만드는 개발자들의 실제 개발 사례를 중심으로 기술과 노하우를 전달합니다. 이벤트와 오픈소스, 채용 정보도 확인할 수 있습니다. blog https://tech.kakao.com/ 2) 쿠팡 기술블로그 · 국내 온라인 쇼핑 사이트 쿠팡의 기술블로그입니다. 쿠팡 글로벌 개발팀이 쿠팡을 만들고 진화시키면서 배운 점과 얻은 교훈을 비롯해 다양한 테크 관련 이야기를 전달합니다. https://medium.com/coupang-engineering/kr/home 3) WATCHA 팀 블로그 · 국내 OTT 서비스의 대표 주자 왓챠의 팀 블로그입니다. 개발, 테크, 기술이 가장 메인 주제입..
MariaDB MariaDB 데이터베이스 비밀번호 변경방법 다른개발자들과 로컬 테스트db 비밀번호 통일이 안되어있어서 비밀번호 통일하면서 찾아봄 root 계정 DB 비밀번호 admin으로 바꾸는 명령어 - 끝 길게 설명하고싶지만 설명할 것도없다 simple is best
쇠질하듯 타겟포인트만 간단하게 포스팅 npm-check-updates package.json의 dependencies 와 devDependencies 에 기록된 각 패키지들의 버전을 현재기준 최신버전으로 바꿔준다 설치방법 npm 라이브러리 설치하듯이 설치하면된다 (전체 라이브러리를 관리하기위한 목적이므로 범위는 -g) 사용법 CLI로 ncu를 입력하면 업데이트할 목록확인가능 CLI로 ncu-u를 입력하면 dependencies 와 devDependencies 의 패키지들이 최신버전으로 변경 변경사항을 적용하려면 npm install 실행하여 변경사항 적용 더보기 실제 솔루션에서는 라이브러리 하나하나 버전바뀌는거에 아주민감하기에 그냥 최신 트렌드 공부하는 토이프로젝트에나 적용할만하다 3줄요약 npm ins..
무지성으로 활용하는 React Hook에서 componentWillUnmount() 기능 사용하기 React에는 useEffect라는 어마무시한 Hook이 있다 혼자서 아래 3가지 기능을 다 담당 1. componentDidmount 2. componentWillunmount 3. componentDidUpdate 지금 이 포스팅에서는 2번째로 서술한 componentWillunmount 요녀석에 대해서 알아보자 useEffect(() => { console.log('컴포넌트 나타나면 실행될 함수 구현'); return () => { console.log('컴포넌트 사라지면 실행될 함수 구현'); }; }, []); 저 함수를 Modal, Popup, Tooltip 등등에 넣어보고 창을 열었다 닫았다하면..