A New Life

수업내용 1교시 (09:30-10:20) mem_jquery.html 회원 가입 회원 가입 회원번호 이름 아이디 패스워드 핸드폰 010 011 016 017 - - 이메일 @ 직접입력 naver.com gmail.com daum.net 성별 여자 남자 취미 독서 운동 음악감상 여행 주소 소개글 지난 시간 복습 웹 어플리케이션 ------------- 브라우저에서 동작하는 프로그램 브라우저에서 브라우저로 이동하는 프로그램 웹 문서에서 또 다른 웹 문서 웹 문서에서 같은 웹 문서로 이동 웹 페이지를 이동하는 기술 --------------------- 1. : HTML a 태그 2. location.href="" location : 자바스크립트 객체 3. history.go() history : 자바스크립트..

수업내용 1교시 (09:30-10:20) mem_jquery.html 회원 가입 회원 가입 회원번호 이름 아이디 패스워드 핸드폰 010 011 016 017 - - 이메일 @ 직접입력 naver.com gmail.com daum.net 성별 여자 남자 취미 독서 운동 음악감상 여행 주소 소개글 지난 시간 배운 내용 복습 JSP : 자바 언어를 기반으로 해서 페이지를 이동하는 기술이다. 동적인 데이터 처리 1. Context/WebContent -> New - JSP File : 확장자 test.jsp test.jsp 파일을 요청하면 test.jsp가 서블릿으로 변경 test_jsp.java (서블릿 Servlet) test_jsp.java가 컴파일 됨 test_jsp.claa (클래스 파일) test_j..

수업내용 1교시 (09:30-10:20) 프로젝트 진행 시 유의사항 2 ~ 3명 미니 프로젝트 1. IT 프로젝트를 할 때 꼭 필요한 소양이 있는데 아무런 정보 없이 체험을 해서 다음 프로젝트에서 부터 조금씩 보정을 하는 것 프로젝트 팀원과의 소통 이전에는 대면 프로젝트 현재는 비대면 프로젝트 서로 사용하는 용어를 잘 전달하고 들어야 한다. ======================================== 현재 우리는 용어에 익숙하지가 않다. 서로 내용을 풀어서 상대방이 알 수 있게 설명하고 -------------------------- 듣는 사람은 그 내용을 잘 모르겠으면 몇 번이고 질문하고 들어야 해

수업내용 1교시 (09:30-10:20) 미니 프로젝트 2교시 (10:30-11:20) 미니 프로젝트 3교시 (11:30-12:20) 미니 프로젝트 4교시 (12:30-13:20) 미니 프로젝트 5교시 (14:30-15:20) 미니 프로젝트 6교시 (15:30-16:20) 미니 프로젝트 7교시 (16:30-17:20) 미니 프로젝트 8교시 (17:30-18:30) 미니 프로젝트 Notes

수업내용 1교시 (09:30-10:20) HTML에 대한 설명 name은 여러 번 사용 가능하지만 id는 유일하게 사용 가능하다. 폼 태그 Java setter 초기화 함수, getter 리턴 함수이다. 2교시 (10:30-11:20) HTML에 대한 설명 자바스크립트 function 함수이름(){} 스크립트 getData_3.html 이름 : 주소 : 3교시 (11:30-12:20) getData_3.html submit, onclick() 함수 사용 input size 입력창 길이(default 20) 이름 : 주소 : getData_4.html 이름 : 주소 : 4교시 (12:30-13:20) getData_5.html getElementById : 폼 태그의 id 속성값(웹문서에서 유일한 값) 가..

수업내용 1교시 (09:30-10:20) test.html Test 2교시 (10:30-11:20) insert, update 기능 추가하기 t6scr.html t6Update.jsp t6Insert.jsp t6UpdateOk.jsp t6Delete.jsp t6DeleteOk.jsp 3교시 (11:30-12:20) insert, update 기능 추가하기 4교시 (12:30-13:20) insert, update 기능 추가하기 5교시 (14:30-15:20) insert, update 기능 추가하기 (new code) - back T6VO.java package a.b.c.t6.vo; public class T6VO { private String t1; private String t2; private S..

수업내용 1교시 (09:30-10:20) 지난 시간 복습 웹 브라우저에서 수행되는 프로그램 : 웹 애플리케이션 웹 브라우저 브라우저 엔진 렌더링 엔진 자바스크립트 엔진 웹 문서 HTML CSS box-model div javaScript ECMA jQuery : 자바스크립트를 함수로 구현해놓은 라이브러리 Ajax, JSON, XML, Plain Text .... react.js, vue.js, node.js ... 웹 서버 정적인 페이지를 수행하는 서버 hello.jsp 웹 애플리케이션 서버 동적인 페이지를 수행하는 서버 hello_jsp.java hello_jsp.class 데이터베이스 jQuery ------------------- 선택자 사용하기 ------------------- 문서 객체 모델(..

수업내용 1교시 (09:30-10:20) 지난 시간 복습 자바스크립트 브라우저 객체 screen navigator histiry location document 한글 인코딩 https://d2.naver.com/helloworld/19187 HTTP 프로토콜 https://www.joinc.co.kr/w/Site/Network_Programing/AdvancedComm/HTTP 인터프리터란? 함수 블록 내부에서 한줄씩 순서대로 읽는 것 2교시 (10:30-11:20) 지난 시간 복습, 폼 태그 설명 form 태그 웹문서(html 태그로 만든 문서)에서 웹 서버로 데이터를 요청할 수 있는 유일한 태그 웹 문서에서 웹 서버로 데이터를 요청할 수 있는 방법 : request 1. form 태그 2. XMLHt..

수업내용 1교시 (09:30-10:20) form 태그 웹문서(html 태그로 만든 문서)에서 웹 서버로 데이터를 요청할 수 있는 유일한 태그 웹 문서에서 웹 서버로 데이터를 요청할 수 있는 방법 : request 1. form 태그 2. XMLHttpRequest 객체 3. Ajax (XMLHttpRequest 객체를 가지고 구글 엔지니어가 만든 형식) form 속성 attribute id form 태그의 유일한 이름 name form 태그의 이름 method 요청할 때 데이터 보내는 방식을 정하기 get, post, put, delete, update .. get 1. 사이즈 제한 있다. HTTP1.0: 500바이트 정도, HTTP1.1: 제한이 없음 get 256~4096byte 서버로 전송 가능 ..