개발 일기

안녕하세요. 오늘은 이제 지금까지 배운 부분들의 집합으로 step1. Address DTO, DAO, Service 클래스를 만든다. step2. html form을 통해 데이터를 웹에서 전달 받을 수 있게 만든다. step3. servlet을 통해 데이터를 전달 받고 Service 객체를 만들어 SQL작업을 통해 직접 DB에 데이터를 삽입한다. 위 과정을 진행을 해보겠습니다. 1. Address DTO, DAO, Service 클래스를 만든다. --> 기존에 작성한 클래스를 가져옵니다.(https://soonggi.tistory.com/55)참고 2. html form을 통해 데이터를 웹에서 전달 받을 수 있게 만든다. [주소록쓰기폼] 주소록리스트 아이디-- 이름---- 전화번호 주소---- --화면 ..

안녕하세요. 오늘은 html의 form태그를 활용하여 직접 회원 가입을 받아보는 행위를 할 수 있도록 html 코드와 java servlet 코드를 구현해 보겠습니다. (html 코드의 css는 수업 시간에 받은 자료를 활용했습니다!!) 1. HTML Form 태그로 회원 가입 시 수집 데이터 폼 만들기 ◆◆◆ 회원가입 ◆◆◆ 아이디 비밀번호 비밀번호확인 이름 주소 성별 남자 여자 직업 학생 주부 회사원 사장 기타 취미 낮잠 연애 운동 사이클 기타 -- 아이디, 비밀번호, 비밀번호확인, 이름, 주소, 성별, 직업, 취미 항목 만들기 화면 출력 시 UI -- form을 활용하여 table을 구성 -- 성별은 한 가지만 선택이 가능한 type: radio 버튼, 취미는 여러가지 선택이 가능한 type: ch..

안녕하세요! 어제 Form의 'GET'방식을 통한 로그인 관련 서블릿을 작성해보았는데요. (https://soonggi.tistory.com/61) 이번에는 Form의 'POST'방식으로 코딩하여 로그인 서블릿을 만들어 보겠습니다~ GET과 POST의 차이는 너무너무 잘 정리된 글이 있어 참고해주세요!!(https://mangkyu.tistory.com/17) Servlet 코딩 연습!! (form을 활용하여 post방식으로 login해보기) 1. HTML의 Form 태그를 활용하여 ID와 PW를 입력받을 화면을 post 방식으로 생성 로그인[POST] ID: PW: - form태그의 method="post"로 설정 - POST방식데이타전송 - form 에입력된데이타를 query string으로만든다.[..

안녕하세요. 오늘은 JAVA의 서블릿(Servlet)에 대해 정리해보며 지난번에 포스팅한(https://soonggi.tistory.com/60) html의 form태그를 활용하여 login서비스를 만들어 시연해보겠습니다. 1. Servlet(서블릿)이란?? - 정적(static)리소스(=html)를 -> 동적(dynamic) 리소스로 활용하는 JAVA에서 제공하는 클래스 - html만 가지고서는 정해진 모습만 보여줄 수 있다면 html의 껍데기 안에 java의 기술을 합쳐서 클라이언트(=브라우져 사용자)의 요청에 대한 응답을 해줄 수 있는 기술 - 즉, 서블릿은 자바를 활용해서 웹을 만들기 위해 필요한 기술 2. Servlet의 특징 - 클라이언트의 요청(requset)에 동적(dynamic)으로 대응..

안녕하세요~ 오늘은 HTML을 사용 할 때 가장 많이 사용되는 form태그와 hyperlink태그를 활용한 코딩을 해보겠습니다. 1. form - 요청 시 전송되는 데이타를 묶어주는 단위 - form 안에 있는 데이타들은 요청시 같이 전송된다. - action:요청할 URL(서블릿URL) - method:요청방법 (get, post) --예시 검색 검색 : --결과 - 검색어 입력 후 [검색]버튼을 클릭 시 submit된다. - submit이 일어나면 search.naver로 get방식으로 action(이동)된다. 2. hyperlink - a 태그 : 다른 페이지로 이동할 때 사용하는 요소 - href 속성 : 요청 url - target 속성 : target속성을 지정해서 어느 창에 보일지 선택 가능..

안녕하세요! HTML의 태그들을 연습해보며 결과를 출력해보겠습니다. 1. list - ol 태그 : Ordered List의 약자로 순서가 있는 목록이다. 번호 형식으로 순서를 매겨 목록을 만드는 형식이다. - ul 태그 : Unoerdered List 의 약자로 순서가 없는 목록이다. 글머리 기호를 붙혀서 목록을 만드는 형식이다. -- 예시 [ 영화 예매 순위 ] 랑종 블랙위도우 보스베이비 [ 미역국 만드는 방법 ] 미역을불린다 고기를 볶는다 물을붓는다 [ 오늘의 경기 ] 한화-기아 NC-삼성 두산-롯데 [ 오늘의 과제 ] HTML tag 서블릿작성 부모님께편지 -- 결과 2. table - 표를 만드는 태그, 코딩으로 표를 만들때 사용하지만 웹사이트의 프레임(구조)를 잡을때도 사용 태그 : table..

안녕하세요. 오늘은 이클립스를 통해 직접 HTML5를 간단히 코딩해보고 결과 화면을 정리해보겠습니다. 1. title, body - 해당 부분에 내용 기재 시 웹 브라우저 탭 제목?으로 노출됨 - 해당 부분에 내용 기재 시 웹 브라우저 페이지안에 내용으로 노출됨 -- 예시 HTML5 문서입니다. -- 결과 - 태그 내 기재한 "HTML5 문서구조" 내용이 웹 브라우저 환경에서 타이틀로 삽입 - 태그 내 기재한 "HTML5 문서입니다." 내용이 브라우저 내 삽입 2. div - 해당 영역에 내용 기재 시 1줄(행)으로 표기됨 -- 예시 div content1 div content2 div content3 -- 결과 - 태그 내 기재한 내용이 웹 브라우저 페이지 내에서 1줄씩 삽입 3. p - 문단을 표시하..

안녕하세요. 오늘은 인터넷의 웹 페이지를 구성하는 3요소 (HTML5, CSS, Javascript)에 대해 간단히 적어보며, 그 중 HTML5에 대해 정리해보겠습니다. * 웹 페이지 구성 3요소 - HTML : 웹 페이지의 구조와 내용 - CSS : 웹 페이지의 모양 - Javascript : 웹 페이지의 행동 및 응용 프로그램 => 웹 페이지는 3요소를 분리하여 개발한다. * HTML5란 ?? 1. 출현 배경 1) 비 표준 기술의 혼재, 웹 브라우저의 비 호환성 극복 2) 인터넷 기기의 다양화 (기존 웹 페이지는 모바일 기기 호환 안됨) 3) 새로운 범용 웹 표준의 필요성 대두 (모바일과 PC에서 동시 사용 가능한) 2. HTML5 페이지의 기본 구조 문서의 본문 텍스트, 이미지, 테이블, 자바스크립..