2022.04.28 부트스트랩을 활용한 회원제 게시판 만들기

 

 

DAO에 있는 Mapper과 연결되는 메소드이다.

위 아래가 타입이 달라 궁금했다. 

알아낸 이유를 설명하자면 

 

상세보기 메소드는 결과값을 표기해줘야하는데 그 형식이 DTO타입에 들어있어 DTO타입으로 가는것이고 

 

수정메소드가 int 인 이유는 수정에 대한 결과 값이 0(fales) 또는 1(true)로 오기 때문이다. 

 

나는sql문에서 

bNum(게시글번호)로 받기 때문에 int라고 생각했는데 위 이유가 맞는 듯 싶다. 

 

지금은 수정완료

 

 

 

https://startbootstrap.com/

Free Bootstrap Themes, Templates, Snippets, and Guides - Start Bootstrap

위 홈페이지에 접속해서 템플릿을 다운받는다

 

 

free로 체크하면 무료로 받을 수 있는 템플릿들이 나온다. 

내가 만든 회원제 게시판 같은 경우에는 단일페이지보다는 여러 페이지를 옮겨 다니는 것이 좋아 위 템플릿을 선택했다. 

 

코드를 가져왔더니 이렇게 화면이 깨져서 나온다 이 경우에는

CSS파일과 설정된 스타일을 받아오지 못하여 생기는 문제이니 

 

<link href="resources/css/style.css" rel="stylesheet" />
<link href="resources/css/styles.css" rel="stylesheet" />
<script src="resource/js/all.js" crossorigin="anonymous"></script>

 

이런식으로 CSS파일을 불러오는 결로가 설정된 코드를 본인이 CSS파일 및 필요한 파일이 있는 곳으로 수정해주면 된다 

나는 resource에 넣었기 때문에 수정해주었다. 

 

 

 

부트스트랩을 작성하다보니 이전에는 name로 해줬던 부분이 id로 바뀌어 있는 걸 볼 수 있다. 

 

input타입의  id와 name의 차이는 

아주 간단하게 말하면

은밀하고 유니크하냐

그렇지 않냐 라고 볼 수 있다

 

id는 중복선언이 불가하며 주로 JavaScript에서 다루고 사용하기 위해 지정한다. 

id 속성으로 설정된 값은 Server에서 넘어가지 않기 때문에 

그리고 Server단에서 접근이 불가하다. 

 

name는 중복선언이 가능하며 action에 해당하는 페이지에 값을 전달하기 위한 파라미터로 사용한다. 

get/post 방식으로 값을 전달하고 싶은 tah에 사용하기에 지금까지 만들었던 로그인과 회원가입 조회 삭제 등등에

전달이 더 용이하다

태그의 name값이 키(key)로 사용되어 Value쌍의 형식으로 저장된다. 

Server에서 request.getParameter(parameterName)으로 값을 가져온다. 

 

<input> 태그의 placeholder 속성은 입력 필드에 사용자가 적절한 값을 입력할 수 있도록 도와주는 짧은 도움말을 명시합니다.

 

이러한 도움말은 사용자가 입력할 수 있는 값에 대한 견본 값이나 입력 형식에 대한 간단한 설명 등이 사용되며, 사용자가 입력하기 전까지 입력 필드에 표시되다가 사용자가 입력을 시작하면 사라집니다.

 

placeholder 속성이 제대로 동작하는 <input> 요소의 type 속성값은 다음과 같습니다.

- email, password, search, tel, text, url

 

위에 작게 올라가는 건 label 효과이다

 

 

헷갈렸던점이 라벨에 name값을 넣어줘야 하는지 였으나

위에있는 input에 넣어주면 된다는 걸 알게 되었음.