본문 바로가기

전체 글

 (31)
[java/html/js]게시판 프로젝트-로그인페이지 이벤트 추가 지난 포스팅에서 만든 html 화면입니다. 아직은 아무 작동도 하지 않습니다. 오늘 할것은 ~ ID, PW 입력 값 가져오기 로그인 클릭시 유효한 회원인지 검사하기 1. jquery를 사용하기위해 lib폴더에 제이쿼리 라이브러리를 추가합니다. 2. WebContent의 js폴더에 Login.js를 생성합니다. 3. Login.html에서 js를 연결하기 위해 import 합니다. LOGIN PAGE ID 로그인 PW 지난포스팅에서 작성한 Login.html 파일에 head안에 두줄을 추가해주었습니다. 이제 Login 페이지에서 jquery를 사용하고 javascript로 작성한 코드를 적용할 수 있습니다. 4. Login.js 코드 작성 $(document).ready(function(){ var adm..
이클립스 톰캣 연동하기 1. Project Explorer - New - Other 2.Server를 선택하고 Next 3. Apache 폴더에 Tomcat 7을 선택하고 Next 4. Browe를 누른 후 톰캣이 설치된 폴더를 선택하면 끝 저는 C바로 아래에 설치되어있습니다. 5. localhost:8080으로 접속했을 때 톰캣 메인페이지가 뜨면 연결 성공~ 이제 서버가 설치되었으니 로그인.html 파일을 서버에서 실행시켜보겠습니다. Finish 클릭 로그인페이지가 나오면 성공~ 1. 상단메뉴 Window-Preferences 2. General-Web Browser에서 external web browser 선택하고 New 3. 크롬이 설치된 경로 선택 OK누르면 적용됨 서버를 실행시키고 브라우저에서 프로젝트 경로로 접속하는..
[java/html/js]게시판 프로젝트-로그인페이지 화면 만들기 게시판 화면으로 이동하기 전 로그인을 해야합니다. 사용자의 아이디와 비밀번호를 입력받을 화면을 html코드로 작성해보겠습니다. 생성한 다이나믹 웹 프로젝트에서 진행합니다. 1. WebContent - WEB-INF - html 우클릭 - New - HTML File 선택 2. 파일명을 Login.html으로 설정 후 Finish 3. 다음과 같이 코드를 작성합니다. LOGIN PAGE ID 로그인 PW 4. 이클립스 코드 위에서 Alt+Enter 누르면 프로퍼티로 이동합니다. 아직 서버를 생성하지 않았기 때문에 경로를 복사해 웹브라우저에서 이동! 로그인페이지 생성 완료. 다음시간엔 js파일과 연결하여 페이지에 이벤트를 주고, 서버를 생성하여 실행해보겠습니다.

티스토리툴바