본문 바로가기
반응형

개발 184

[개발회고] 23년 11월 회고 개발 이번 달은 무난무난한 한달이었다. 회사 AI 기술중에 노래와 가사를 싱크해주는 기술이 있는데, 해당 기술에 대한 에디터툴을 개발했고 이에 대한 QA 및 사용자 테스트를 진행중이다. 가장 빡센 기능은 Drag & Drop으로 선택하고 옮기고 또 재생하고 마우스 및 키보드 단축키도 연결하고 쨋든 이것저것 할게 많았다. 에디터툴은 어쩔 수 없이 복잡하다. 기능 요구 사항이 단순 웹보다 훨씬 높기 때문이다. 그래도 어쩌겠나? 팀원이 요구하면 만들어주는 것이 개발자의 덕목이 아니겠는가? 다행스럽게도 첫번째 회사인 티맥스에서 대시보드를 만들어보면서 Drag & Drop 기능을 만들어본 경험이 있어서 이번엔 좀 쉽게 했다. 코딩시간 | 86.5시간 이번달 많이 했다고 했는데 생각보다 코딩 시간이 짧다. 이유를 .. 2023. 12. 5.
[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.
반응형

티스토리툴바