[JSP] 게시판 만들기 따라하기 feat.동빈나

---

 

 

유튜브를 보며 JSP 게시판 만들기를 따라 했다.

게시판을 따라서 만들며, 티스토리에 게시물까지 쓰다 보면 강의를 놓칠 것만 같아서...

따로 기록을 하지는 않고 완성된 후에 완성 후기를 남겨본다.

 

일단 이클립스는 사용을 안 하는 관계로, 인텔리제이를 사용해서 따라 했다.

(강의에서는 이클립스 사용하고 있었다.)

이클립스나 인텔리제이나 편한 IDE를 사용하면 될 것 같다.

 

인텔리제이 단축키를 다 아는 것은 아니지만, 아무래도 내게는 인텔리제이가 조금 더 편하다.

뭐 아무튼 인텔리제이로 프로젝트 생성을 했고, 중간에 현타가 몇 번씩 왔지만!

우여곡절 끝에 완성을 했다.

이거 참 똑같이 따라 하는 것도 쉬운 일이 아니다. (😥)

 

 

---

IDE: IntelliJ

JDK: JDK11

TOMCAT: 9.0.76

DB: mysql

비고: mysql-connector-j 5.1.42

 

 

위 환경으로 했다.

강의랑은 살짝 다를 수도 있다.

JDK의 경우 현재 11 버전을 사용 중이라서, 그냥 그대로 진행했는데!

크게 오류는 없었다.

다만 초반에 mysql이랑 연결이 되지 않아 고생을 했는데!

'mysql-connector-j' 8버전을 5버전으로 교체하니 문제없이 작동했다.

'mysql-connector-j' 다운로드하는 사이트에 8버전이 바로 보이는데!

그거 말고 5버전 찾아서 설치하길 추천한다.

이걸로 시간을 엄청나게 잡아먹었다.

그리고 톰캣은 9버전을 톰캣 홈페이지에서 다운로드한 후에, 인텔리제이에서 연결했다.

 

 

 

---

 

게시판 위주로 실습이 진행되어서, 메인은 제일 마지막에 완성이 되었다.

jumbotron을 이용해 간단하게 페이지 소개를 하고 있다.

그리고 그 아래에는 캐러셀을 이용해 이미지가 계속 동적으로 변하게 만들었다.

 

 

 

맨 위에는 내비게이션 바가 있다.

왼쪽 끝에는 웹사이트 이름이!

그 옆에는 '메인'과 '게시판' 메뉴가 있다.

 

오른쪽 끝에 '접속하기' 버튼을 누르면 드롭다운 형태의 메뉴를 볼 수 있다.

'로그인'과 '회원가입' 버튼을 볼 수 있다.

 

 

 

회원가입 화면

 

 

 

로그인 화면

 

 

 

로그인을 했을 경우 게시판에 글을 쓸 수 있다.

로그인을 하지 않아도 '글쓰기' 버튼은 보이지만!

경고창이 뜨면서, 로그인 페이지로 이동을 한다.

애초에 로그인하지 않은 사람에게는 '글쓰기' 버튼이 보이지 않도록 하는 방법도 있을 것 같다.

 

 

 

제목을 클릭하면 해당 페이지의 상세 내용을 확인할 수 있다.

'수정' 버튼과 '삭제' 버튼을 클릭하여, 각 기능에 대한 작동 여부도 확인할 수 있다.

 

 

 

내가 입력한 내용을 확인할 수 있고!

확인 후에 내용을 수정한 다음에, '글수정' 버튼을 클릭하면 된다.

잘 수정된 모습을 볼 수 있다.

 

 

 

'삭제' 버튼 클릭 시에는 확인창이 뜬다.

확인 버튼을 클릭하면 게시물은 삭제된다.

페이지 상에서는 게시물이 삭제되지만, 테이블에서 유횻값이 1->0으로 바뀐다.

 

 

 

23번 게시물을 삭제했고, 데이터는 그대로 남아있는 상태에서 'bbsAvailable'의 값만 바뀜.

 

 

 

그리고 로그인 상태에서 로그아웃을 하려면 '회원관리' 메뉴에서 로그아웃을 클릭하면 된다.

 

 

동빈나님 강의를 따라 하면 간단한 홈페이지 하나를 완성할 수 있다.

그대로 따라 하는데도 오류가 났던 건, 내 문제...

 

일단 위에서 언급했듯이 'mysql-connector-j'는 5버전으로 받기!

그리고 항상 오탈자를 조심하길...!

대소문자 구분 때문에 오류가 나는 경우도 있다.

 

 

아!

이 강의를 들었던 이유는 지금 스프링부트로 홈페이지 만드는 걸 하고 있는데, 로그인 기능을 구현하려고 따라 해봤다.

홈페이지 만드는 것도 jsp로 하고 있음...

당장 필요한 게 회원가입이랑 로그인 기능인데, 어떤 식으로 응용해서 구현할 수 있는지 실습함.

이제 다시 혼자만의 프로젝트로 돌아가서 디벨롭하겠습니다. 🙏

 

 

 

동빈나 [JSP 게시판 만들기 강좌] 실습