ARCHIVES

태그

신고하기

상단 메뉴 페이지

기본 콘텐츠로 건너뛰기

스프링부트 with JPA 블로그 10강 - 화면구현

원문 : https://getinthere.tistory.com/25 (새창)
영상 : 너튜브 (새창) , 영상3번
겟인데어 님의 윈도우 강좌를 맥으로 해보면서 시행착오를 적습니다.

부트스트랩으로 만들거다. 가이드 https://www.w3schools.com/bootstrap4/default.asp
구글에서 만든 메터리럴 CSS 도 있다.  https://materializecss.com/

1. 메뉴와 푸터

jsp 정렬이 안되서 찾아보니
intelliJ 단축키카 중복 되어 있었다. 
Preference -> Keys 입력하여 찾기 -> Search Folder 단축키를, 컨트롤+시프트+에프로 바꾼다.
그럼 이제부터 
커맨드 + 시프트 + 에프를 정렬 단축키로 사용 가능 하다.
Preference -> line width 입력하여 찾기 -> Line Width 를 200 정도로 변경

2. 회원가입 화면

    33강

3. 로그인 화면

    34강
    46강, 이제 전통적인 로그인을 만들어 보자.
    48강. 아래의 문구가 변경 적용된 문구이다.

<sec:authorize access="isAuthenticated()">

<sec:authentication property="principal" var="principal" />

</sec:authorize>
-----

<c:when test="${empty principal}">


    49강, 시큐리티로그인, https://jhchookr.blogspot.com/2020/09/with-jpa-12.html
    50강. 비밀번호 해쉬 후 회원가입하기. 다형성. csrf 비활성화
    51강. csrf, xss 공격에 대응 한다.
    인텔리제이 : 자동 임포트 "커맨드 + 시프트 + M"
    인텔리제이 : 편집창 이동 "커맨드 + 알트 + 방향키(좌,우)"
    52강. 본격적인 시큐리티 로그인, 초보자는 2~3번 봐서 놓치는게 없어야 동작 한다.

4. 회원 수정 화면

    35강, 서버는 Data 통신, Ajax 사용.
    40강, 중복 가입시 아이디 중복 에러가 나와야 하는데 안나와서 DB를 수정함 unique 추가

@Column(nullable = false, length = 30, unique=true)

private String username;
    41강, 스프링부트 with JPA 블로그 11강 - DB격리수준

5. 글 목록 화면(메인화면)

    53강. 글쓰기.
    54강. 메인화면 글 목록 표시.
    55강. 메인화면 글 목록 페이징, 

6. 글 상세보기 화면

    56강. 글 상세보기.
    57강. 글 삭제

7. 글 수정 화면

    58강. 글 수정하기
    번외. 음소거 에러 - 단축키 셋팅
    번외. 음소거 에러 - STS 자동완성 세팅
    59강. 음소거 에러 - 앞으로 남은 강좌 소개

8. 회원 정보 수정
    
    60강. 회원수정
    61강. 회원수정 : 여기에서 한참을 고민 한다. 
    






댓글