스터디 2주차 - 게시판 만들기

한코딩 게시판 무작정 따라하기
위 유튜브 재생목록을 따라한 과정에 대한 오류일기 벨로그입니다.

1. 첫 번째 - 다섯 번째 영상

첫 번째부터 네 번째 영상까지는 유튜브 영상을 차근차근 따라하니 손쉽게 따라할 수 있었다. easy 하네 라고 생각하는 순간 다섯 번째 영상에서 바로 막혔다.

전쟁의 서막

💀문제 1. 디버깅 관련 오류실행하면 위 사진처럼 디버그 관련 오류가 뜬다.

✌️문제1 - 해결법
Run
-> Edit Configurations..
-> Modify options
-> Enable debug output
-> 재실행

위와 같은 방법을 사용하면 손쉽게 해결할 수 있는데, 이를 해결하고 나니 새로운 문제가 발생했다.

💀문제 2. 실행이 멈춤(??)
코드를 실행하면 잘 실행되다가 아래처럼 저 상태로 멈춘다.
(도대체 Why?)

이 문제는 도저히 해결이 안돼서 결국 '무'에서 다시 시작하기로 한다. (근데 이거 알고보니 jdbc가 업데이트되면서 출력값이 조금 바뀌어서 생긴 오해라고 한다. = 모두 삭제하는 뻘짓을 했다는 의미^^
이조차도 파트장님한테 물어봐서 알게 된 사실.. 안 물어봤으면 평생 저기서 실행도 멈추고 게시판 만들기도 멈출 뻔 했습니다. 감사합니다..🫡)

💀문제 3. MariaDB & MySQL workbench 삭제
코딩 초보의 입장에서는 그냥 삭제하면 되는 줄 알았다..
그런데 두 프로그램 모두 '삭제하는 방법'이 존재했다.
이를 모른 상태로 삭제했다가 게시판 만들기를 다시 도전해보니 제대로 될 리가 없었다.

삭제하는 방법까지 작성하면 너무 길어질 것 같아 생략ㅎ..

💀문제 4. MySQL workbench 오류 1
제대로 삭제 후 재설치하고 돌아왔다. 하지만 그래도 오류 발생.대체 왜 그러시는 거죠 저한테 🤬🙅

✌️문제 4 - 해결법
cmd 창 관리자 권한으로 실행
->mysql -u root -p
->ALTER USER 'root'@'localhost' IDENTIFIED WITH 'caching_sha2_password' BY '루트비밀번호';'
->FLUSH PRIVILEGES;
-> 재실행

💀문제 5. MySQL workbench 오류 2
이번에는 데이터베이스에 들어갔더니 이런 오류가 발생하였다.

문제 5 - 해결법
hostname 127.0.0.1 => localhost 바꿔주기

2. 여섯 번째 - 열 번째 영상

고생 끝에 낙이 온다고 😶‍🌫️ 한동안 오류 없이 수월하게 진행되었다.
10번째 영상에서 게시판 상세 페이지를 생성 후 주소창으로 가 실행해보니 아래와 같은 오류가 발생했다.

💀문제 6 - 상세 페이지 작성 과정에서의 오류

✌️문제 6 - 해결법
BoardController.java 코드를 약간의 수정만 해주면 된다.

😔수정 전
😀수정 후Integer id -> @RequestParam(name = "id")Integer id
수정해주기

🤷‍♂️🤷‍♀️why?
아마도 스프링부트의 버전이 3.2.x로 올라감에 따라 발생하는 현상인 것 같다. 상세한 내용은 구글에 서칭 혹은 아래 링크를 참고하면 좋다.
스프링부트의 버전이 3.2.x로 올라감에 따라 발생하는 현상

3. 열한 번째 - 마지막 영상

순조롭게 진행되다가 파일 업로드 영상에서 오류가 발생한다.

💀문제 7 - 500 오류

게시글을 작성하는 페이지는 정상적으로 작성됐지만, 작성 버튼을 누르자 위 사진처럼 500 오류가 떴다.

tip) 500 오류는 어떤 오류일까?
-> 예기치 않은 상황이 발생했음을 나타내는 HTTP 오류.
-> 쉽게 말해, 명확한 문제 원인을 알지 못할 때 나타나는 오류이다.

✌️문제 7 - 해결법
위 설명과 같이 명확한 문제 원인을 알지 못하기에, 500 오류가 뜨기 전으로 돌아가 문제를 찾아보려고 했다. 그런데!!
BoardService.java 파일에서 어이없는 실수를 발견했다.

역슬래시는 당당하게 그냥 슬래시로 되어 있고, 이와중에 .. 오류까지 있었다.

이렇게 정상적으로 수정해주니, 게시판에서 이미지 업로드까지 정상적으로 되는 것을 볼 수 있었다! 이제는 어이없고 간단한 실수임에 감사할 정도.

4. 결과물!!

우여곡절 끝에 드디어 완성했다.

1. 게시글 리스트

게시글 리스트 링크

page를 넘겨가며 게시글들을 10개 단위로 확인이 가능하다.

2. 게시글 작성

게시글 작성 링크

3. 파일 업로드

2번의 사진을 보면 알 수 있듯이 파일 선택이 가능하다.
파일 업로드가 가능하다는 뜻이다. 또한 리스트에서 해당 게시글을 선택하면 상세 창이 뜨는데, 거기서 다운 받기 버튼을 클릭하면 이미지를 볼 수 있다.

4. 게시글 수정

리스트에서 게시글을 선택하면 세부 창으로 넘어가는데,

위와 같이 제목, 내용과 함께 아래에 수정 버튼이 있다.
수정 버튼을 누르면 게시글 작성을 했던 화면이 뜨며 수정이 가능하다.

5. 게시글 삭제

4번의 사진에 나온 것처럼 게시글 세부 창에서 글 삭제 버튼을 클릭하면 해당 게시글이 삭제된다. 이는 리스트 목록을 다시 들어가면 확인해볼 수 있다.

6. 게시글 검색

게시글 리스트 화면을 보면, 검색할 수 있는 바가 존재한다.
검색 바에 원하는 검색어를 입력한 후 검색 버튼을 누르면 위 사진과 같이 검색이 된다.

5. 소감

사실 초반 세팅 과정에서 오류를 해결하는 과정이 너무 힘들었어서 포기하고 싶다는 생각이 굴뚝 같았다. 하지만 파트장님 도움도 받고 혼자도 해결해보고 친구들 도움도 받고 해서 해결할 수 있었다.

평소에는 오류를 많이 겪었던 터라 끝까지 해낼 수 있을까? 하는 생각이 들면서도 차근차근 한 단계식 진행될 때마다 쾌감이 들었다. 무엇보다도 결과물을 눈으로 확인하며 프로그래밍을 하니 더욱 흥미 있게 느껴졌던 것 같다.

평소에 어떤 업무를 끝까지 완벽하게 끝낸 적이 별로 없었던 것 같은데 이번에는 해낼 수 있어 너무 뿌듯하고 기쁘게 느껴졌다.

이번 학기 개강을 하며 최고로 바쁘고 힘든 학기가 예상되지만 그만큼 열심히 공부하며 개발자로서의 미래에 대한 생각이 조금은 긍정적으로 바뀐 것 같다!!😎