인프런 커뮤니티 질문&답변

안녕하세요~

풀스택 코스 전체 수업을 1회 훑어 보고,

프로젝트를 해보면서 필요한 부분을 다시 보는 중입니다.

우선 회원가입 단계를,

스텝1(약관동의),스텝2(정보입력),스텝3(가입완료)

로 나눠서 구현해보려고 하는데,

관련해서 질문 드립니다.

답변 주시면 정말 감사하겠습니다~

(vue cli, node express, mysql)

1.질문 요약

질문1) 라우터 3개로 처리 vs 라우터 1개로 처리

질문2) 약관동의 체크박스 router push get or post로 넘기면서 처리 vs

vuex + 쿠키로 관리 후 브라우저 종료 시 쿠키 삭제 vs

세션으로 관리(세션이 vue에서 등록 가능한지 잘 모르겠음)

질문3) 세션을 vue 로 클라이언트 브라우저에 등록이 가능한가요? node express 서버에서 등록을 해줘야 하는 건가요?

2.질문 상세

각 단계별로 라우터를 각각 만들어야 할지,

라우터 1개로 만들어서 조건에 따라 보이고 숨기게 할지

어떻게 하는게 더 나은 처리 방법 일까요?

라우터 1개로 만들면 파일 1개에 소스가 많아져서

별로 인거 같기도 하고요?

라우터 1개+컴포넌트로 하는게 나을지?

라우터를 각각만들어 단계별로 데이터를 넘겨서

거기에 맞는 처리를 해야하는데,

새로고침 하니까, 넘긴 데이터가

사라져서 vuex + 쿠키로 관리하고,

살시간 설정 및 브라우저가 종료될때 쿠키를 삭제하는식으로

처리를 해보려고 하는데,

브라우저가 종료될때 쿠키를 삭제하는 식으로 하는게 가능할까요?

세션은 브라우저가 종료되면 자동으로 삭제 된다고 하는데,

구지 쿠키를 사용해서 번거롭게 삭제 하지않고,

세션으로 처리 하는게 더 나은 방법 같아 보이기도 하는데요?

세션은 쿠키와 같이, 클라이언트 브라우저에 등록되는게 맞을까요?

서버 컴퓨터에 등록이 되는 걸까요?

클라이언트 브라우저 세션과, 서버 세션 저장공간이 따로 있는건지..

세션으로 처리하면 서버에 부담을 준다는 말을 들은거 같은데,

세션 데이터가 크지 않을텐데 왜 부담을 주는건지...

개념이 아리송 합니다~

실제 프로젝트에서 쓸수있게 만들어 보려니

이리저리 생각이 많아지네요~