본문 바로가기
반응형

개발364

build 했을때 번들 크기 너무 크면 꼼수 일단 이런거라도 찾아보자. before throttle만 쓸껀데 lodash에서 71.5k를 쓰고 있다. After lodash/throttle만 이용하자. 2024. 4. 12.
1분만에 auth 구현 할 수 있게 해주는 next-auth 깃허브 auth로 구현했는데 다 방식은 똑같다. * app router를 사용했고 rsc,rcc에 대한 설명은 생략함. 1. auth key 받아오기 나는 깃허브에서 받아왔다. 2. pages/api/aut/[...nextauth].ts 만들기 app router쓰는데 api폴더를 pages폴더에 만들어서 그냥 pages에 넣었다. app 폴더에 넣어도 상관 없을듯 아래코드는 그냥 next-auth에서 시키는대로 작성한거다. import NextAuth from "next-auth"; import GithubProvider from "next-auth/providers/github"; export const authOptions = { providers: [ GithubProvider({ clientId.. 2024. 4. 6.
자신없는 커밋할때 https://gyuwon.github.io/blog/2021/04/04/commit-message-driven-development.html 커밋 메시지 주도 개발 나는 자신이 없는 코딩을 할 수록 계획을 작게 나눈다. 작은 계획을 실천하도록 사용하는 도구 중 한가지는 코드를 쓰기 전에 내가 어떤 코드를 쓸 지 커밋 메시지를 먼저 작성하는 것이다. 누군 gyuwon.github.io 2024. 3. 17.
웹개발 vscode prettier 설정 https://green-grapes.tistory.com/entry/VSCode-prettier-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0 [VSCode] prettier 설정하기 1. 일단 확장(extensions) 들어가서 prettier 치고 가장 처음 나오는 거 다운 받는다. 2. ctrl 과 , 키를 동시에 눌러서 설정 창을 연다. 3. 설정에서 Editor: Default Formatter 검색 Prettier -Code Formatter 선택 4. 설 green-grapes.tistory.com 2024. 3. 17.
반응형