로그인 여부에 따라 다른 UI는 어떻게 개발해야 하나요?
안녕하세요 로그인 과정 학습하다가 궁금한 점이 생겨 질문을 올려봅니다.
보통의 웹사이트는 로그인 여부에 따라 화면 또는 로직이 다릅니다.
예를 들어, 어떠한 게시판에 접속했을 때,
로그인이 된 경우: 닉네임 칸에 자동으로 회원의 닉네임이 입력되어있음
로그인이 안된 경우: 닉네임 칸이 빈칸임
의 경우에 html에서 조건문으로 처리를 하나요?
아니면 각각의 경우에 따라 파일을 만들어서 처리하나요? (ex.boardloggedin.html, boardnotloggedin.html)
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
질문자님께서 궁금해하신 로그인 여부에 따른 다른 UI 표현 방법에 대해서는, 일반적으로 두 가지 방법을 사용할 수 있습니다.
조건문을 사용하는 방법: 템플릿 엔진 (예: Thymeleaf, JSP 등)에서 제공하는 조건문을 통해 로그인 여부에 따라 다른 UI를 동적으로 렌더링하는 방식입니다. 예를 들어, Thymeleaf를 사용할 경우, 세션에서 로그인 객체를 확인하여 조건부로 다른 내용을 보여주는 방식입니다.
파일을 분리하는 방법: ‘boardloggedin.html’, ‘boardnotloggedin.html’과 같이 로그인 여부에 따라 서로 다른 파일을 제공하는 방식입니다. 하지만 이 방법은 유지보수 측면에서 불리하며 대부분의 현대 웹 어플리케이션은 하나의 페이지 내에서 로그인 여부를 조건문으로 처리하는 방식을 더 선호합니다.
실무 예제로, Thymeleaf를 사용하신다면 이와 관련된 구체적인 예시를 보여주고 있는 실무에서 로그인된 사용자 페이지 질문에 y2gcoder님이 답변하신 내용이 있습니다. y2gcoder님은 Thymeleaf의 레이아웃 기능을 사용해 한 페이지 내에서 로그인했을 때와 하지 않았을 때를 분기처리해 화면을 그리는 방식에 대하여 설명하셨습니다. 강의 내용 외에도 프론트엔드 영역에서 리액트나 뷰 같은 컴포넌트 기반 개발에서도 비슷한 접근 방식을 사용한다고 합니다.
질문자님이 구체적으로 어떤 템플릿 엔진이나 프레임워크를 사용하고 계신지 명시하지 않았기 때문에, 공통적인 설명과 함께 다양한 방법을 참고할 수 있는 자료 링크를 제공해드립니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
이미지 업로드와 db 트랜잭션 묶는법
0
40
1
Could not resolve org.springframework.boot:spring-boot-starter-validation:2.4.4
0
45
2
MessageSourceTest 코드
0
46
1
인터셉터 에러 설정
0
47
1
resolveArgument()메서드 질문
0
54
1
43강 검증1 에서 실패 로직 관련 질문있습니다.
0
52
2
타임리프 3.X 버전 rendering, serializer 에러 해결 방법
2
130
3
스프링 빈에 등록이 안되는거 같은데 어떻게 하면 좋을까요?ㅠㅠ
0
86
3
pdf 오타 문의
0
54
1
ItemUpdateForm 검증 관련 질문입니다.
0
46
1
22page 링크 주소 변경
0
55
2
특정 데이터와 파일을 함께 저장 시, 테이블 구조 질문
0
52
1
섹션3번 수업에 대한 질문입니다.
0
78
2
@Autowired 보다 더 좋은 방법이 어떤 걸까요?
0
84
2
타입컨버터 가 람다랑 비슷해 보이는데 저의 생각이 맞는지?.
0
63
1
자바스크립트 인라인에서 객체 직렬화 시 오류가 납니다
0
140
3
스프링부트 - 오류페이지2 에서 500.html 에서 쓰인 객체 질문
0
62
1
톰캣 에러 페이지가 안보입니다.
0
98
2
apiEceptionController에서 센드 에러 호출하면 안되는지?
0
80
1
세션 타임아웃시 쿠키 삭제 방법이 없나요?
0
116
2
ApiExceptionController 질문드립니다.
0
62
1
셀렉박스 챕터에서 option value에 ==배송 방식 선택== 이것을 넣은 이유가 궁금함, 이렇게 구상해도 되는지?
0
64
1
MemberRepository 필드의 fianl 선언 유무
0
83
2
혹시 index.html 에서는 fragment 사용이 안되는건가요
0
57
1





