개발 179 [Next.js] NextAuth와 Prisma로 인증 기능 구현하기 들어가며 이번 글에서는 NextAuth와 Prisma 그리고 PostgreSQL를 이용하여 인증 기능을 구현하는 글입니다. Prisma와 PostgreSQL의 세팅이 완료된 시점을 기준으로 하고 Google 로그인을 예제로 합니다. 사전 준비 Google 로그인을 하기 위해선 구글 로그인의 clientId와 clientSecret 키가 필요합니다. 이것을 발급받는거부터 빠르게 시작하겠습니다. 키 발급 구글 소셜 로그인 Client ID와 Client Secret Key 설정방법 구글에서 제공하는 소셜 로그인에 사용되는 Client ID와 Client Secret Key를 발급받는 과정을 설명합니다. medipress.co.kr 해당 글을 읽은 다음에 두 개의 값을 가져오면 되겠습니다. 그 외에 설정해야할.. 2023. 11. 27. [플러터] 결제확인 자동화 시스템 구축기 (readsms) 들어가며 이번 글에서는 값비싼 계좌조회 서비스를 대신하여 핸드폰과 sms 알람 서비스를 이용해서 결제확인 시스템을 만든 경험을 공유합니다. sms을 수신하고 이를 다시 DB에 적재하는 과정을 flutter에서 진행하고 이를 보여주는 화면은 next.js를 이용하고 있습니다만, next.js의 구체적인 구현은 다루지 않습니다. 결제확인 자동화 시스템이라고 하기엔 너무 소박한.. 그런 기능 개발기 ㅋㅋ 시작합니다. 개발 요건 기존의 결제확인 프로세스는 다음과 같았습니다. 유저가 상품을 선택한 후 결제하기를 선택한다. 계좌번호가 노출되고 유저가 해당 계좌에 금액을 이체한다. 담당자가 핸드폰을 이용해 계좌를 조회하고 금액을 확인하여 UI를 업데이트한다. 그중에 이번에는 3번 과정을 자동화해보려고 합니다. 일반적.. 2023. 11. 25. [그래프큐엘] code-gen시에 the following anonymous operation is skipped 처리 Query name 일반적으로 그래프큐엘의 Query name(이하 쿼리이름)은 필수값이 아닌 선택값입니다. 따라서 쿼리이름은 단순히 쿼리를 식별하고 문서화하는데에 사용되면, 쿼리 동작에 직접적으로 영향을 미치치 않습니다. 실제로 쿼리를 확인해보면 첫번째줄에 "reservationByIdQuery"가 없어도 같은 값을 리턴해주는 것을 확인할 수 있습니다. 그래서 쿼리이름은 선택사항이며, 쿼리의 본문이 중요한 부분입니다. 하지만 쿼리이름을 사용하면 클라이언트 및 서버개발자가 코드를 읽는데 훨씬 수월하기에 대부분 쿼리이름을 사용하기를 권장하고 있습니다. graphql-codegen에서의 쿼리이름 위에서는 쿼리이름이 선택사항이라고 하였습니다. 하지만 실제로 쿼리이름이 없는 상태로 code generator를 .. 2023. 11. 5. [개발회고] 23년 10월 회고 개발 이번 달은 빡센 개발을 한 달이었다. 그리고 그래프큐엘과 프리즈마를 통해 풀스택 개발자에 가까워지도록 노력한 달이기도 하다. 코딩시간 | 98.4시간 이번달 바빴다. 코딩시간은 100시간 아래이지만 마지막주에 해외여행가느라 화-금을 해외여행가느라 코드앞에 있지를 못했다. 이번달에는 flutter, dart가 거의 빠져버렸다. 기존에 했던 사이드플젝이 유지보수단계로 넘어갔으며, 틈틈히 센트리로그만 보고 있는데 아직까진 크리티컬한 이슈가 없는 것처럼 보인다. 2,3주차에 코딩을 많이했는데 4주 놀러가기전에 일을 마무리하고 가려고 많이 달렸다. 4일만에 출근했는데... 여행간지모르고 재택하는줄로만 알았던 동료들이 있는게 웃음포인트..ㅋㅋㅋ 새로운 기술 | graphql, prisma graphql(그래프.. 2023. 10. 31. 이전 1 2 3 4 5 6 7 8 ··· 45 다음
