Yeonee's Story

안녕하세요. #yeoneeblog 여니입니다 :) login.jsp 파일 생성 login.jsp 파일을 생성해줍니다. 그리고 안에 다음 코드를 넣어줍니다. JSP 게시판 웹 사이트 메인 게시판 접속하기 로그인 회원가입 로그인 화면 네비바의 icon--bar은 웹 페이지의 가로 길이가 줄어들었을 때, 우측 상단에 삼색 아이콘이 나타나는 것을 의미합니다. 개발에서의 기본적인 약속인 카멜케이스 방식을 유의하여 name을 지어줍니다. form은 method방식을 post방식으로 사용자가 입력한 정보를 보여주지 않고 숨겨서 서버로 정보를 전달하게 됩니다. 다음과 같이 화면에 네비바와 내가 정의한 로그인 화면이 나타납니다. 주소창 링크도 내가 만든 login.jsp로 변경된 것을 확인할 수 있습니다.

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 폼 - Form 텍스트 박스 만들기 위처럼 댓글을 입력할 수 있는 div 박스를 만들어주면 아래와 같이 텍스트 박스가 생성됩니다. 이렇게 댓글을 작성하고 등록 버튼을 통해 서버쪽으로 정보를 전달할 수 있는 form태그를 구현하였습니다. 로그인 폼-form 만들기 이번엔 부트스트랩으 예쁜 로그인 폼을 가져올거에요. 위와 같이 검색창에 검색을 해줍니다. 마음에 드는 로그인 폼을 선택해줍니다. 해당 로그인 폼의 소스코드들을 이제 직접 적용시켜보겠습니다. 먼저 html소스코드를 복사해서 loginForm.html의 nav태그와 footer태그 사이에 넣어줍니다. 화면을 확인해보면 아직 css적용이 안된 login폼의 형태를..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 요소 가져오기 HTML 요소에 접근하기(해당 요소객체 가져오기) 1) ID로 가져오기(접근하기) 아이디로 접근 function accessId(){ // 아이디로 요소에 접근할때 // document.getElementById("아이디명") const area1 = document.getElementById("area1"); console.log(area1); console.dir(area1); // 접근가능한 속성들에대해 살펴볼때 //선택된 요소에 속성들에 접근해서 값을 가져온다거나 변경 가능 // 속성에 접근하고자 한다면 => 선택된 요소.접근하고자하는 속성명 area1.innerHTML = "아이디로 접근성공함!!"; // ..