본문 바로가기
BIOS 프로젝트 (플러터)

[ BIOS ] 앱 초보자의 팀 프로젝트 기획하기 - 2

by CromArchive 2025. 1. 26.
반응형

지난시간에는 앱 프로젝트를 진행하게된 경위와

몇 가지 간단한 개요와 대략적인 기능에 대해 소개해보았다.

이번에는 나의 프로젝트 팀에 대해 먼저 소개해보고

프로젝트 기능 중 로그인 워크플로우에 대해 작성해보고자 한다.


Team : 001LAB

 

어떤 팀인가?

게임 & 웹 & 앱 개발 & 디자인 & 기획 등 다양하게 찍먹해본

숭실대 컴퓨터학부생 3명이 모인 프로젝트 팀이다.

 

팀명의 이유?

원래는 프로젝트의 방향성이 '001에 있는 소모임들을 위한 앱 개발' 이었기에

가제로 001LAB이라는 이름을 붙여보았는데

생각보다 괜찮은 이름이라고 생각해 팀명이 되어버렸다.

 

(TMI : 우측에 보이는 로고는 글쓴이가 아르바이트 하다가 쉬는 시간에 만든 로고이다.)


APP 이름 : BIOS

앱의 이름은 BIOS로 결정되었다.

지난 글을 잘 본 사람들은 프로젝트의 대상이 소모임(OS)라고 적혀있는 것을 기억할 것이다.

그러다보니 앱 이름이 OS(operating system)이랑 뭔가 연관이 있으면 기억하기도 쉽고 재밌을것 같다는 생각이 들었다.

그래서 소프트웨어와 하드웨어간 정보전달 및 설정에 관여하는 BIOS의 역할이

OS내의 회원들과 운영진간 상호작용을 돕기 위한 목표와 비슷하다는 생각이 들어서 BIOS로 추진해보았다.

 

BIOS는 'Be with In OS'의 약자로 'OS에서 함께하다' 라는 의미를 가지고 있다.


로그인이란?

운영체제나 웹사이트 등에서 자신의 계정을 이용하기 위해 사용자 인증을 하여 자신의 계정으로 접속 하는 것을 의미하는 컴퓨터 용어이다.

 

로그인 방법은 간편로그인, 소셜로그인, 공인인증서, OTP등 아주 다양하다.

이번 프로젝트에서는 고전적인 방식(ID-PW)과 소셜로그인정도를 구현하려고 한다.

 

로그인 창 뜯어보기

기획에 앞서 다른 사례들을 참고해보려고 한다.

대기업이나 기관에서 사용하는 방식은 검증된 훌륭한 방식일 가능성이 높다.

몇가지 사례를 살펴보자

참고 자료를 보았을 때, 메인 창 (ID, PW) / 비밀번호 찾기 / 회원가입으로 나눌 수 있다. 

 

회원가입 구성하기

회원가입을 하기 위해서는 필수 요소가 개인정보 처리 방침 및 개인정보 수집 및 이용 동의이다.

  • 개인정보 처리 방침
    • 어떻게 이용하고 보호할 지에 대해 규정한 문서
  • 개인정보 수집 및 이용 동의서
    • 정보를 수집하고 이용하겠다는 동의서

수집할 정보

  • 사용자 이메일
  • 비밀번호
  • 사용자 이름
  • 약관 동의

ID도 받는 경우가 있지만 우리 경우는 실명만 사용할 것이기 때문에 받지 않기로 했다.

 

비밀번호 변경 구성하기

개인정보를 비롯해 수집한 정보는 암호화하여 저장하여야 한다.

암호화는 법률에서도 정하고 있는만큼 중요하다.

게다가 비밀번호의 경우 복호화되지 않게 일방향 암호화하는 것이 원칙이다.

 

따라서 비밀번호를 까먹었을 때, 기존 비밀번호를 알려주는 것은 매우 낮은 보안 수준을 갖고 있는 것이다.

그러므로 이 프로젝트에서는 이메일을 입력하면 비밀번호를 재설정 할 수 있는 이메일을 보내주는 방식을 사용해보려고 한다.

법적 기준은 위 그림처럼 나와있다.

본 프로젝트에서는 비밀번호, 주민등록번호(이름) 정도만 암호화하면 될 것 같다.

 

로그인 페이지 워크플로우

 

전체적인 워크플로우는 위 사진과 같다.

회원인지 판단하고 맞다면 로그인을 진행하면 되고, 아니라면 회원가입 과정으로 넘어간다.

 

소셜 회원가입과 일반 회원가입 중 선택하고, 일반 회원가입의 경우

비밀번호, 이름, 이메일을 확인하는 과정을 거치고 로그인 과정으로 돌아간다.

 

소셜 회원가입의 경우는 구글, 카카오, 애플 모두 비슷하지만 디테일하게는 다른 과정을 거쳐 로그인이 진행되므로

추후에 공부하며 알아보도록 하자.

 

 

728x90
반응형