목록web (32)
오늘이라도
[Web] 26. 회원 관리 & 게시판 만들기 ① : 웹 프로젝트 생성 및 페이지 작성 전 환경 준비
https://github.com/upcake/Class_Examples 교육 중에 작성한 예제들은 깃허브에 올려두고 있습니다. gif 파일은 클릭해서 보는 것이 정확합니다. - 회원 관리 & 게시판 만들기 ① : 웹 프로젝트 생성 및 페이지 작성 전 환경 준비 - ○ 클래스 폴더 설정 ○ Package 생성 : member(회원 관리), board(게시판 관리) 회원 관리 com.member.action 회원 관리의 Action Class com.member.study 회원 관리의 DTO, DAO, SQL(JDBC) com.member.mybatis (myBatis 사용할 경우 생성) 회원 관리의 DB FrameWork 게시판관리 com.board.action 게시판의 Action Class com.b..
[Web] 25. ajax 통신을 이용한 json 출력 / xml 출력 / jsp 접근
https://github.com/upcake/Class_Examples 교육 중에 작성한 예제들은 깃허브에 올려두고 있습니다. gif 파일은 클릭해서 보는 것이 정확합니다. - ajax 통신을 이용한 json 출력 - 광주광역시 버스 노선정보 여기에 버스 노선정보가 출력됩니다. ▲test02_jq05~11.html : 방법 ① - jsp를 통해서 json 파일을 만든 뒤 읽어오는 방법 - 번거롭지만 CORS 오류가 발생하지 않는다는 장점이 있다. 광주광역시 버스 노선정보 여기에 버스 노선정보가 출력됩니다. ▲test03_jq05~11.html : 방법 ② - 공공 API JSON에 바로 접근해서 뿌리는 방법 ▲gjbus.jsp package com.hanul.study; import java.net.U..
[Web] 24. toggleClass, JSON을 jQuery로 읽기, ajax 통신
https://github.com/upcake/Class_Examples 교육 중에 작성한 예제들은 깃허브에 올려두고 있습니다. gif 파일은 클릭해서 보는 것이 정확합니다. - JSON, ajaxtoggleClass, JSON을 jQuery로 읽기, ajax 통신 - 클릭하세요! 안녕하세요 ▲jq07_toggleClass.html [ {"Num" : 1, "Name" : "홍길동", "Addr" : "서울시 강남구 개포동"}, {"Num" : 2, "Name" : "홍길동", "Addr" : "서울시 강남구 삼성동"}, {"Num" : 3, "Name" : "홍길동", "Addr" : "서울시 강남구 역삼동"}, {"Num" : 4, "Name" : "홍길동", "Addr" : "서울시 강남구 청담동"..
[Web] 23. jQuery : 라이브러리 설정, 테이블 작성, 구구단, 선택자
https://github.com/upcake/Class_Examples 교육 중에 작성한 예제들은 깃허브에 올려두고 있습니다. gif 파일은 클릭해서 보는 것이 정확합니다. - jQuery : 라이브러리 설정, 테이블 작성, 구구단, 선택자- 이름혈액형주소 홍길동A형서울특별시 강남구 삼성동 김길동B형서울특별시 강남구 역삼동 이길동AB형서울특별시 강남구 개포동 박길동O형서울특별시 강남구 청담동 ▲jq01_download_jquery.html : jQuery 라이브러리 설정, 다운로드 방식 안녕하세요, jQuery! 인라인 스타일 안녕하세요, jQuery! 내부 스타일 안녕하세요, jQuery! jQuery로 class 속성 지정 ▲jq02_cdn_jquery : jQuery 라이브러리 설정, CDN 방식..
[MyBatis] 22. 쇼핑몰 화면 작성, 장바구니 구현, 로그인 세션 구현
https://github.com/upcake/Class_Examples 교육 중에 작성한 예제들은 깃허브에 올려두고 있습니다. gif 파일은 클릭해서 보는 것이 정확합니다. - 쇼핑몰 화면 작성, 장바구니 구현, 로그인 세션 구현 - [맛있는 과일 가게] ▲ShopMallMain.jsp : 쇼핑몰 메인 화면 메인 페이지입니다. 2020.06.08 ▲LoginMain.jsp : 로그인 메인 화면 HOME LOGIN SITEMAP OTHERS ▲LoginTop.jsp : 로그인 메인 화면의 상단 부분 님 방문을 환영합니다! 로그아웃 아이디 비밀번호 ▲LoginLeft.jsp : 로그인 메인 화면 좌측의 로그인 화면 ▲LoginProcess.jsp : 로그인 기능과 쿠키 부여 기능 담당 jsp ▲Logout..
[MyBatis] 21. 게시판 만들기 ④ : 검색 기능 추가
https://github.com/upcake/Class_Examples 교육 중에 작성한 예제들은 깃허브에 올려두고 있습니다. gif 파일은 클릭해서 보는 것이 정확합니다. - 게시판 만들기 ④ : 검색 기능 추가 - □진행 상황(※ 볼드체 : 오늘 다룬 파일들) ○ JAVA - com.hanul.mybatis : board.sql, db.properties, SqlMapConfig.xml, boardMapper.xml - com.hanul.dto : BoardDTO.java, SearchDTO.java - com.hanul.dao : BoardDAO.java - com.hanul.controller : BoardFrontController.java ▶ Servlet : web.xml에서 Mapping..