프로젝트

1. 구 NextAuth.js, 현 Auth.jsAuth.js는 모든 JavaScript 런타임이 구성하는 모든 플랫폼에서 모던 애플리케이션의 "인증(authentication)" 부분을 위해 표준 웹 API를 기반으로 구축된 오픈 소스 패키지 모음입니다. 기존에 명칭은 next-auth로 많이 알려졌으나 next-auth@5.0.0-beta 이후 버전부터 @auth/*  네임 스페이스가 생겼고 Auth.js로 명칭이 바뀌었습니다. (이전 버전은 계속해서 next-auth로 패키지 이름이 구성됩니다.)  Auth.js | Getting StartedAuthentication for the Webauthjs.dev 2. 무슨 기능이 있나?2-1. 유연하고 사용하기 쉬움..

Overview 지금까지 꽤 많은 프로젝트를 진행해봤지만 로그인 관련 부분은 항상 걸림돌이 되는 부분 중 하나였다. ‘세션’이니 ‘jwt’니 하는 수많은 용어들을 제대로 익히지도 못한 채 로그인을 구현하려 했었고 항상 벽에 막혀 제대로 구현하지 못한 경험을 했었다. 그리하여 이번 프로젝트에서는 제대로 된 로그인 기능을 구현해보려 여러 삽질들을 해보았고 어떤 과정들을 거쳐 최종적으로 어떻게 구현할 수 있었는지와 관련된 기록들을 이 포스팅에 남기려 한다. "There is no silver bullet" 시작에 앞서 가장 중요한 점을 말하자면 소프트웨어 공학에는 모든 곳에 적용 가능한 솔루션은 없다는 의미로 "silver bullet은 없다"라는 말이 존재하는데, 로그인 즉 인증 방식에도 이 말이 적용되는 ..

1. Overview 새로운 프로젝트를 기획했고 이를 이제 개발을 시작하려고 한다. 프론트엔드와 백엔드를 모두 다루어야 하는데 나는 주도메인(primary-domain)이 백엔드이기 때문에 백엔드를 개발하는 것이 비교적 쉬워 백엔드를 먼저 구축한 후에 프론트엔드에서 UI와 API 연결을 마무리 하는 식으로 진행을 할 것이다. 2. 진행 및 완료사항 2-1. 기술 스택 선정 기술 스택을 선정함에 있어서는 신기술을 이용하고자 하는 방향으로 잡았고 이전 프로젝트를 Express.js와 react native를 사용한 경험이 있어 여기서 업그레이드 시켜 Express.js는 NestJS로, React는 NextJS로 진행해보기로 하였고 이에 대한 공부를 진행하였고 현재도 꾸준히 진행 중이다. NextJS를 공부..

프로젝트를 기획하고 개발에 들어가기 직전에 유즈케이스(Use Case) 작성과 API 설계 과정을 거쳐야 합니다. 1. 유즈케이스 유즈케이스 또는 유즈케이스 다이어그램이란 사용자, 그리고 사용자가 수반한 다른 유즈 케이스 간의 관계를 보여주는 사용자-시스템 간 상호작용의 표현이다. 유즈케이스 다이어그램은 각기 다른 종류의 시스템 사용자와 각기 다른 유즈 케이스 를 식별할 수 있으며 다른 유형의 다이어그램이 수반되기도 한다. 유즈케이스는 보통 원이나 타원으로 표현된다. (위키피디아 인용) 우리는 개발에 앞서 유즈케이스를 만듦으로써 하고자 하는 것을 더욱 명확하게 할 수 있다. 그래서 어떤 시스템이나 서비스를 설계할 때 전체적인 사용자의 이용패턴을 분석해 놓은 것이라고 보면된다. 대표적인 도구로는 Lucid..

개발자를 희망하는 사람으로서 프로젝트를 진행하게 될 일이 굉장히 많았다. 그러나 많은 경험에 비해 매번 아쉬웠던 점들이 많았는데 특히나 이 프로젝트를 기획하는 단계와 시작 단계에서 어떤 규약을 정하지 않았던 것이 가장 컸던 것 같다. 그래서 이번 포스팅에서는 프로젝트를 시작할 때 팀원들과 고려해야할 점들과 그에 대한 상세한 설명을 정리하여 두고두고 보면서 적용할 수 있는 나만의 가이드라인을 만들어보려 한다. 요구사항을 구현하는 데 도움이 되는 각종 문서 작업이 이루어지는데 이 과정이 어떻게 진행되는지 세부적으로 알아볼 것이다. 임의의 프로젝트인 게시판 서비스 만들기라는 목표를 가지고 여러 준비 과정들에 대해서 적용할 것이다. 0. 주제 정하기 (+개발 목적 이해하기, 마인드 세팅) 프로젝트의 시작은 당연..