Simple note

함수형 언어 분야에서 순수 함수(pure function)는 다음 요건을 만족해야 한다.만약 다음 요건을 만족하지 않으면 불순 함수(impure function)라고 하며, 다음 요건을 만족하지 않는 경우를 부작용(side-effect)이라고 한다함수 몸통에서 입력 매

간단하게 카카오페이 결제 API 테스트를 해보았음.

Tanstack Query는 서버로부터 데이터 가져오기, 데이터 캐싱, 캐시 제어 등 데이터를 쉽고 효율적으로 관리할 수 있는 라이브러리이다.내가 모르는 것과 적고싶은 것들에 대한 정리만 해놓을 것.대표적인 기능 :데이터 가져오기 및 캐싱동일 요청의 중복 제거신선한 데

공부를 하다보니 이런 생각이 들었음.서버에서 데이터 준비를 미리 해주고 보내주면 SEO에도 잘 걸리고 데이터도 준비 되어 있으니 유저 경험도 괜찮지 않을까?그럼 모든 곳에서 hydration을 해서 보내주는 SSR페이지로 만드는게 나은가?그런데 이럴 떈 보통 이런 생각

최근에는 OAuth나 자체적으로 Token을 발행하는 인증 방식을 많이 취한다.하지만 여전히 레거시한 서비스에서는 Session을 사용하는 경우도 있다.그간 로그인, 회원가입처럼 인증/인가를 구현할 때 세션과 토큰에 대해서 얼핏 알고는 있었지만 깊게 이해하지는 못한 상

인증을 할 때 여러 방식이 있는데 그 중 Token을 발행하여 인증하는 것에 대해 좀 알아보자.토큰 기반 인증이란 사용자가 자신의 아이덴티티를 확인하고 고유한 엑세스 토큰을 받을 수 있는 프로토콜을 말한다.사용자는 토큰 유효 기간 동안 동일한 웹페이지나 앱, 혹은 그

OAuth 이른바 소셜 로그인에 대한 기원과 작동 방식을 안다면 앞으로의 프로젝트에서 인증/인가를 다룰 때 에러 핸들리에 있어 좀 더 쉽지않을까? 란 생각에 자료를 찾아보았음.https://hudi.blog/oauth-2.0/위 글을 내일도 읽고 모레도 읽고

맵 설정? https://console.cloud.google.com/google/maps-apis/credentials?cloudshell=true&project=round-ring-429710-f3맵 튜토리얼 https://developers.go

immer.js가 불변성 유지에 매우 강력하다는 말이 있었음.RTK를 쓸 땐 기본적으로 적용이 되어 있었는데 zustand에는 그게 안되어있으니 은근 불변성 유지를 신경써야되서 불편함을 느꼇던 것 같음.이번 프로젝트에서 zustand를 써서 클라이언트 쪽의 상태관리를

파일 올렸는데 바이너리 파일이라고 안보인다고 PR에서 나타나는 현상을 겪음이는 UTF-16파일로 인코딩이 되어있어서 그랬는데 두 가지 방법을 사용해봄메모장에 코드를 복사 후 다른 이름 저장에서 encoding을 UTF-8로 변형 후 다시 코드에 복붙이는 논리상 되야 될

CI/CD를 고민하면서 어떤 방식이 좋을까? 생각하다 Vercel로 배포했으니 테스트와 린트를 도입해서 안정성을 높여주는게 어떨까하였음그래서 먼저 Husky를 도입하여 commit, push 전에 test와 lint를 검사할 수 있도록 세팅해주었음.Husky 깃헙에서

소개(- 아키텍처 구조( - 레이어 (Layers)( - 슬라이스 (Slices)( - 세그먼트 (Segments)(- 레이어 상세 설명( - App 레이어( - Processes 레이어( - Pages 레이어( - Widgets 레이어( - Featur

위는 내 기준코드이고 이 컴포넌트를 다른 폼에서 사용하려하니 타입이 고정되면 안되겠다 싶어 타입을 제너릭으로 변경하고자하였음 AI와 함께(AI 가)작업함 ㅋㅋ;; 그래서 그를 참고해서 학습한 점을 정리하고자 함일단 FieldValues리액트 훅폼에서 폼의 모든 필드 타

위는 내 컴포넌트인데 flex-1로 준 넓이에서 truncate를 주려면 넓이를 제한해야하는데 이 제한하는 방식에 대해 난항을 겪었음.1\. max-w-somthing px : px이 기획되어있다면 이렇게할텐데 그렇지 않아 유기적으로 반응하는 방식이 필요해서 기각2\.

Next.js 생태계에서 많이 사용되고있음 + npm trends 압도적 1등SSR, API Routes, 서버 컴포넌트 등 Next.js 고유 기능 테스트에 적합(하다고 하는데 아직 잘 모름 ㅋ;;;)Vite 기반 프로젝트에 비해 속도가 느릴 수 있다.Vite 기반

ESLint v9에서 도입된 새로운 '플랫 구성(Flat Config)' 시스템에 관한 정리입니다. 이 문서는 Flat Config로 ESLint를 구현하며 겪었던 문제와, 관련 개념에 대해 설명하고 있습니다.ESLint v9 플랫 구성의 핵심(- 기존 방식과 플랫 구

오늘만 3번 읽었는데 더 잘 정리할 자신이 없다.Inpa Dev 웹 애니메이션 최적화 requestAnimationFrame 가이드(https://inpa.tistory.com/entry/%F0%9F%8C%90-requestAnimationFrame-%EA%B