IN : col_name in (a, b) $\\iff$ col_name = a or col_name = bBETWEEN : col_name between a and b $\\iff$ col_name = a and col_name = bLIKE : 패턴추출 'b%' b...

1\. LIMIT : 입력시 출력하는 행의 수를 한정하는 역할FETCH : 입력시 출력하는 행의 수를 한정하는 역할이유한님 타이타닉 커널 스터디 1Binary ClassificationFeature Type에 따른 다른 접근 방법(categorical(One-Hot E...

useQuery 와 다르게 mutation은 데이터를 생성 / 업데이트 / 삭제 할 때 사용 된다. 이번은 useMutation 의 기본 편이고 실용 편도 작성할 예정이다.

스토리북으로 가장 먼저 만들어보았던 컴포넌트는 버튼 컴포넌트!버튼이라고 만만하게 보면 안된다.disabled, fullWidth, hover...등 경우의 수가 많기 때문에 작성해야하는 스타일이 많다 :)피그마로 직접 만들어본 버튼 디자인이다.피그마 처음 써봤는데 기존...

컴포넌트를 만들기 전, css를 reset하는 작업이 필요하다.공통으로 사용되는 font-family도 이때 설정해주면 편하다.src 폴더 하위에 GlobalStyle.tsx 를 작성했다.(font는 Noto Sans KR 기준)reset css는 구글에 서치하면 나오...

회사에서 부족한 일정으로 미처 도입하지 못했던 디자인 시스템 구축을 개인적으로라도 꼭 해보고 싶어서 저녁 시간마다 열심히 디자인하고 개발했다.emotion + storybook + typescript 로 진행했으며 rollup.js 로 번들 작업 후 npm 라이브러리로...

이전 시리즈에서 더 나아가 useQuery를 회사에서 어떻게 쓰고 있는지 정리해두려 한다.QueryClient 에서 추가적으로 defaultOptions 를 적용할 수 있다.refetchOnMount, refetchOnReconnect, refetchOnWindowFo...

회사에서 사용 중인 리액트 쿼리.server state를 아주 효율적으로 관리할 수 있는 라이브러리이다.기존에 isLoading, isError, refetch, 데이터 캐싱 등 개발자가 직접 만들려면 꽤 귀찮거나 까다로웠던 기능을 제공해준다.리액트 쿼리 사용을 위해 ...

var 변수만 호이스팅이 되는 줄 알았던 나는.... TDZ에 대해 알게 되는데 !!! 뚜둥

💡 외부 데이터에 의존하는 경로가 있을 경우 동적 라우팅을 이용할 수 있다.\[ 로 시작하고 ] 로 끝나는 페이지는 Next.js의 dynamic routes이다.pages/post/pid.js경로 /post/1, /post/abc 등이 일치된다. 경로 매개변수는 페...

처음 Next.js를 시작할 때 CRA와 눈에 띄게 달랐던 점은 바로 라우팅 구조 였다.pages 에서 만든 폴더와 파일은 곧 Router 경로가 된다.pages/index.js ⇒ /pages/blog/index.js ⇒ /blogLink 라는 React 구성 요소를...

이번에 회사 프로젝트에 도입된 Next.js!! 이미 일은 진행 중이지만 퇴근 후 집에서 개념도 돌아볼 겸!!! 공식 문서 보고 공부했던 내용들을 정리 하고자 합니다 !!!!! 😂