메뉴별로 리스트가 다르게 나오게 하고, 등록할 때 클릭한 메뉴마다 등록이 되도록 수정하기. 그리고 현재 활성화 된 메뉴가 뭔지 인지되게 만들기 List에서 parameter에 menuType 정보를 대입 시킨다. 이 부분이 배열로 받게 되어있는데, 이걸 하나 더 만들자. 이렇게 수정해주자. 이제 board.xml을 수정하자 이렇게 조건을 추가해주면 오류가 뜬다. 원인을 찾아보자.. 잘 보고 따라하자… 이렇게 해주면 각각의 페이지가 생성 된다. form.xml과 default-layout 수정 하드코딩한 부분을 삭제 해주자 css를 default-layout에 추가 스크립트도 추가해주자. 이 두 가지 css와 jquery는 매번 사용하는 것이기 때문에 공통 레이아웃에 넣는다. 이제 save 메소드에 가자 ..

공통으로 사용되는 레이아웃을 자동으로 붙여주는 역할을 한다. 디펜던시를 복사해서 pom.xml에 넣어주자. 그리고 새로운 클래스 만들기. 이 네 개를 디폴트 레이아웃으로 정했다. 이제 이 클래스를 빈으로 등록하자. 새 폴더를 만들어주자. 이제 여기에 list에 만들었던 태그를 가져오자. List에 있던건 삭제. 이제 상세/수정/등록화면 기능을 수정할 것이다. 수정하는 부분까지 {menuType}을 다 넣어주자. 동일하게 PathVariable을 넣어주자. List에 저렇게 넣어주고 나머지 목록에도 추가해주자 List에서 board를 ${menyType}으로 바꿔주자. 이 부분도 메뉴타입으로 변경 상세페이지는 잘 들어가진다. 이제 detail도 적용해보도록 하자. 목록을 눌렀을 때 상세페이지로 잘 넘어가지..

상단에 헤더 추가 헤더와 페이지 사이의 빈 공간이 없게 하기 위해서 컨테이너를 지워주자. 그럼 요렇게 딱 붙는다. 메뉴를 여러 개 만드는데 스프링을 활용하면 정말 간단하다고 한다 이렇게 메뉴 url을 입력해주자. 대부분 웹개발/API개발에선 대문자를 잘 사용하지 않는다. 메뉴와 연결된 매핑 enum을 만들어 활용한다. 메뉴보드타입이라는 클래스를 만들어주고 거기에 실제 보드 타입을 매핑시켜준다. 메뉴로 사용할 enum이 만들어졌음 메뉴보드타입 이름을 메뉴타입으로 바꿔주고 PathVariable을 하게되면 String으로 바꿔주고 리턴 해줘야함. 실행해보면 오류가 난다. List와 detail 모두 PathVariable을 사용하여 중첩되기 때문인데 detail url에 일단 /detail을 추가해주자. 그..

기존에 만들어 뒀던 get 메소드를 활용할 것. 불필요한 어노테이션 제거 싹 제거해줌 이렇게 바꿔주자. List를 복사해서 detail을 만들어 줌. 상세페이지 디자인 역시 bootstrap을 이용한다. 얘로 골라주자. 이렇게 코드를 바꿔주자. 실행해보면 안됨. 뭐가 문제일까.. 오류의 해답을 찾았다. Html 띄어쓰기가 잘 되어있지 않았기 때문에 발생한 오류였다. 삽질삽질 모델을 추가해주자. 지금 당장은 아주 간단한 화면이 나온다.. 이제 등록, 수정, 삭제 버튼을 만들어보자. 이 버튼을 사용하자. 일단 버튼은 이 두 가지 추가. 메시지 프로퍼티에도 추가. 잘 적용이 됐다. 저기에 mt-2 를 입력해주면 칸이 살짝 띄워져서 보기좋다. 이제 버튼을 a태그로 바꿔주자 기존에 만들었던 form을 복사해주자...

기존에 만들어 놨던 boardController를 활용한다. 스프링에 jsp로 홈페이지를 만들어 보자. 등록 수정하는 소스는 이미 만들었기 때문에 지금은 화면만 만들면 된다. 컨트롤러로 바꿔준다. 기존에 api로 된 것들을 reponseBody로 묶어준다. 이 메소드 하나로 등록하고 수정하는 화면을 활용함. 폴더를 하나 추가해주고 form.jsp 만들어준거 넣어주자 화면 ui는 bootstrap을 사용할건데 여기 들어가면 좋은 예제들이 많이 있다.. 이걸 사용해보자. CSS를 복사해야 하는데 얘를 복사해서 헤드에 추가해준다. container를 감싸준다. 얘가 화면을 중단점으로 맞춰주는 역할을 한다. 화면이 중앙에 잘 나온다. 스프링 다국어를 사용하기 위해 스프링 태그 라이브러리를 추가하자. 메시지에 가..

여기 들어가서 디팬던시 복사하고 pom.xml에 추가 썸네일 컨트롤러 파일 생성 요기 들어가서 밑줄 친 부분 들어가자 이렇게 하라는 예시가 있다. 복사해가자. 썸네일 컨트롤러에 붙여 넣어주면 된다. Try, catch 해주자. 도메인에 UploadFile 생성 UploadFileRepository 생성 UploadFileService 생성 이걸 추가 해주자. 메시지 프로퍼티에도 추가해주자. Null 처리 완료 얘를 생성 이렇게 코드를 짜준다. 썸네일 컨트롤러에 추가. 경로를 지정해주자. UploadFile.xml에 추가 오류수정.. 썸네일 컨트롤러 뜯어 고쳐야 됨.. 이렇게 고쳐주자. 잘 작동한다.