날아라쩡글이의 블로그입니다.

자바의 배열은 length()메소드만 존재한다. 자바스크립트의 배열은 ArrayList와 비슷하다. 가변길이의 형태를 가지고 있다. 다양한 메소드를 제공한다. 프로퍼티 length 배열의 길이를 반환한다. 메소드 push(값) 배열의 끝에 새로운 값을 추가한다. items.push("토마토"); //['사과', '바나나', '감자', '토마토'] items.push("메론"); //['사과', '바나나', '감자', '토마토',"메론"] items.push("오렌지"); //['사과', '바나나', '감자', '토마토',"메론","오렌지"] console.log(items); pop() 배열의 맨 마지막값을 삭제하고, 그 값을 반환한다. console.log(items.pop()); //['당근', '호..

자바스크립트의 기본자료형 종류 문자(문자열), 숫자, 불린, null, undefined 이것의 반대는 객체이다. 자바스크립의 객체는 설계도가 없는, class가 존재하지 않는 객체를 만든다. 특징 기본자료형이지만 객체처럼 다룰 수 있다. 기본자료형이지만, 멤버변수(프로퍼티)도 존재하고, 메소드도 존재한다. var a = "홍길동"; //"홍길동"은 기본자료형값이다. var b = 3.141592; //3.141592는 기본자료형값이다. a.toUpperCase(); .toUpperCase()메소드를 실행하려고 하면 "홍길동"은 객체로 변한다. b.toFixed(2); .toFixed()메소드를 실행하려고하면 3.14159는 객체로 변한다. 기본자료형이지만 객체처럼 담을 수 있다. 자바의 경우 숫자에 필..

함수 선언 function fn1(){ console.log("fn1함수 입니다."); } 함수 선언식은 실행위치에 상관없다. 함수 선언을 위에 작성해도 함수는 실행된다. 글로벌 객체로 등록이 되어서 함수를 분석하고, window라는 글로벌 객체에 등록되고 실행된다. 함수 표현식 : 이름 없는 익명함수를 함수표현식으로 정의하고 변수에 대입한 것 var fn2 = function(){ console.log("fn2함수 입니다."); } 함수표현식은 함수표현식 아래에 작성을 해야 실행이 가능하다. 위치에 따라서 실행이 될 수도 있고, 안될 수도 있기 때문이다. 으로 진행을 할 경우 변수 호이스팅, 변수 끌어올리기가 실행된다. 그렇기 때문에 에러가 나는 부분을 확인하면 fn2 is not a function ..

Document Object Model 문서객체 모델 Html, Xml등의 문서를 엑세스하는 표준을 정의하고 있다. DOM은 w3c에서 HTML, XML문서를 다루는 표준(인터페이스)를 정의한 것이다. DOM에 정의된 표준에 대한 구현은 브라우저 제조사, 프로그래밍 언어 개발사, 라이브러리 개발자가 담당한다. DOM에서 정의한 표준은 브라우저 종류나 프로그래밍언어의 종류에 상관없이 동일한 API로 구현되어 있다. 엘리먼트 삭제하는 것은 remove, 생성 create, id는 getelementById로 얻어오는 것 이런 류의 표준을 정의해놓은것을 DOM이라고 한다. 조작할 때 사용하는 객체는 w3c에서 표준으로 정해놓은 것이다. DOM의 특징 데이터를 조회하기 쉽다. 데이터를 추가하기 쉽다. 데이터를 ..

Html엘리먼트 (태그)에서 생겨나는 것 webpage의 로딩이 완료 되면 event가 발생한다. event모델의 개발환경 이벤트 모델을 활용한 프로그램의 개발하는 것 요청을 하고 응답모델을 보낼 때 객체가 발생된다. http, 리소스, 컨텐츠, 웹어플리케이션 요청을 하고 응답모델을 보낼때 jsp를 사용한다. 요청클라이언트가 서로 상호작용한다. event모델을 사용한다. 이벤트란 사용자와 상호작용하는 것을 의미한다. Html을 조작하는 것을 목적으로 한다. java와 javaScript의 사용목적 java javaScript 클라이언트의 요청처리 사용자와의 상호작용 요청파라미터값 조회 및 객체에 담기 폼입력값 유효성 체크 업무로직의 실행 이벤트 처리 DB엑세스 작업실행 Html조작 응답컨텐츠 제공 엘리먼..

fmt태그 fmt:formatNumber태그 숫자를 지정된 형식에 맞게 출력한다. 사용법 숫자에 콤마가 포함되어서 출력되게 만든다. 숫자가 지정된 패턴형시겡 맞게 출력된다. value에서 지정된 표현식으로 검색되는 값은 반드시 숫자값이어야한다. fmt:formatDate태그 날짜를 지정된 형식에 맞게 출력한다. 사용법 날짜가 년월일시분초형태로 출력된다. 날짜가 지정된 패턴형식에 맞게 출력된다. value에서 지정된 표현식으로 검색되는 값은 반드시 Date타입이어야한다. 국제화처리 국제화 처리의 다른 언어로 I18N이있다. InternationalizatioN =>가운데 글자가 18자이다. 국제화언어로 저장된 파일은 실제로는 유니코드의 값으로 저장이 되어 있어 properties파일로 열어야한다. JSP에..

JSTL (JSP standard Tag Library)JSP표준태그 라이브러리 스크립틀릿을 사용해서 작성했던 자바코드를 대체할 수 있다. 외부라이브러리를 사용한다. java.sun.com에서 javaEE - >API document = >javax.servlet.jsp.jstl jstl에 관련된 API를 바탕으로 Tomcat이 구현한 것이다. JSTL의 태그 라이브러리는 자주사용하는 것들을 모아서 별도로 만든 라이브러리이다. JSTL표준라이브러리 JSTL 파일을 다운받아서 WEB-INF/lib에 복사한다. 현재는 Tomcat라이브러리를 이용한다. smapleProject후 test를 통해 Tomcat에서 검증된 라이브러리를 사용한것이다. 나중에는 Marven저장소에서 JSTL태그라이브러리에서 다운 후 ..

속성 과 스코프 클라이언트에서 웹서버로 요청을 하면 요청객체와 응답객체가 생성된다. 요청객체에는 요청파라미터와 속성이 존재한다. 요청파라미터는 name : value의 값을 가지며, form요소에서 submit된 객체, 쿼리스트링을 요청파라미터의 값으로 갖고 getParameter로 조회할 수 있다. 속성은 이름은 String으로 갖고 이름은 Object로 갖는다. 그리고 JSP에 전달되어 forward방식으로 실행된다. 넣는 객체는 RequestDispatcher이다. JSP로 값이 전달되면 _jspService(HttpServletRequest request, HttpServletResponse response)메소드가 실행된다. 미리 약속된 객체로 저장된다. PageCotext Jsp당 각기 1개씩..

URL Uniform Resource Location 리소스의 위치를 나타냄 링크를 클릭해서 가면 해당 리소스가 존재한다. 자원의 실질적인 위치 URI Uniform Resource Identifier 자원의 위치가 아닌 어떤 요청인지 구별하기위한 수단 요청을 식별하기 위한 유일한 주소를 정의한 부분이다. 실질적인 경로에 뭔가 존재하지 않아도된다. 클라이언트의 요청을 프론트 컨트롤러가 받고 무조건 실행된다. @webserlet으로 ("*.hta")처럼 URI를 mapping하면 프론트컨트롤러의 모든 요청을 접수받는다. 컨트롤러의 갯수가 높으면 java의 프레임워크인 spring에서 지원을 해줘, 요청 URL하나당 클래스가 아닌 메소드 1개로 만들 수 있다. 요청 핸들러 메소드 get과 post방식으로 만..

model1은 요청1개당 JSP를 1개를 작성한다. 구조가 간단하다. JSP는 DB access를 하기위해 html과 java로직 구조를 작성한다. 그럼 구조가 쉬운 반면, 로직의 재사용성이 떨어지고 유지보수가 떨어진다. 이를 극복한 것이다. model2 개발방식으로 MVC패턴이라는 명칭을 가진다. MVC패턴으로 웹 애플리케이션 개발 방식을 model2방식이라고 한다. model2방식은 총 3가지고 나눠져있다. model 데이터(view에 표현될 데이터) 데이터를 획득하는 과정에서 실행되는 자바클래스 전부를 의미한다. DB access작업으로 업무로직을 수행하는 자바클래스를 의미한다. Dao, Dto 등 통틀어서 모든 클래스를 모델이라고 한다. view model에 포함된 데이터의 표현을 담당하는 곳이다..

ppt 사용기법 back-end java, jsp, Oracle SQL front-end Bootstrap5, javascript, html5, css3 ,Jquery 프로젝트 기간 2021.11.17일 첫 회의를 기준으로 1시간씩만 회의를 함 총 3시간 구현 : 2021.11.25~2021.12.08 (15일) 총 소요시간 15일 3시간 basic 형태로 둔 웹 사이트 https://common-unique.com/ 커먼유니크 PLEASE SELECT THE DESTINATION COUNTRY AND LANGUAGE : SHIPPING TO : 가나(GHANA) SHIPPING TO : 가봉(GABON) SHIPPING TO : 가이아나(GUYANA) SHIPPING TO : 감비아(GAMBIA) SH..

2021년 10월 23일 계획서작성, 기본 설계 2021년 10월 28일 ~ 2021년 11월 17일 구현 java와 OracleDB만 배운상태에서 구현 완료, 중간에 JSP학습 후 jsp파일로 생성 2021년 11월 18일 비밀번호 암호화, session 객체 학습 후 세미프로젝트로 수정 미완료 2021년 12월 09일 세미프로젝트 종료 2021년 12월 10일 오전 3시부터 수정, 완료 함 총 걸린 기간 : 49일 사용기법 back-end java, JSP, ORACLE SQL front-end CSS3, HTML5, Bootstrap server ApacheTomcat server 목적 코로나로 많은 사람들이 차를 가지고 여행을 떠난다. 평소에 이동하다보면 공영주차장에 대한 정보가 부족하다 그런 불..

세미프로젝트의 방식에서 사용한 개발방식은 model1의 개발방식이다. 특징 요청 하나당 JSP가 하나씩 필요하다. 디자인 요소(HTML태그) 와 로직요소(자바코드)가 하나의 JSP파일에 같이 존재한다. 단점 로직요소의 재사용성이 떨어진다. 디자인요소나 로직요소 중 하나만 바꾸려고 해도 JSP파일 내용을 전부를 수정해야한다. 유지보수가 어렵다 장점 애플리케이션의 구조가 단순하다. 빠르게 개발에 진입이 가능하다. 구조가 쉽다 그러나 장점보다는 단점을 극복하고 싶다. 그렇게 등장한 방식은 model2방식으로 (MVC패턴이라고 불린다. ) MVC패턴을 활용한 웹 어플리케이션 개발 방식이다. 역사 최초의 객체지향언어는 smalltalk이라고 한다. 1970년에 완성되었고, 그때는 web에 대한 존재가 없었다. 최..

개발을 만드는 방식은 2가지로 나눈다. model1방식 jsp를 사용하여, 요청 1개당 jsp 1개가 완성된다. 을 사용하기 때문에 많은 어려움이 있다. model2방식 mvc패턴의 웹개발방식으로 spring을 사용하는 개발방식이다 많은 라이브러리를 사용하고, SQL mapper 이라는 myBatis를 사용하고, ORM인 jpa방식으로 DB access가 간편하다. 남은 1달간 열심히 배워볼것이다. 시즌 1에서 불편한 부분은 시즌 2에서 해결될 예정이다.

1. 검색버튼 클릭했을 경우 제일 중요한 부분은 form을 get으로 추가하는 것이 제일 중요하다. 2.a태그 선택시 event가 실행되도록 하는 함수 나중에 추가하는 경우

cos.jar를 lib에 입력해야 사진이 올라갈 수 있다. 이미지파일 input은 file로 설정 action이 설정되어있지 않으면 입력이 되지 않는다. form은 반드시 post로 지정한다. enctype을 반드시 multipart/form-data로 지정한다. enctype은 폼입력값을 어떤 형태로 서버로 저장할지 지정하는 속성이다. enctype을 지정하지 않으면 enctype="application/x-www-form-urlencoded" 기본값이다. -폼 입력값이 서버로 전달되는 형식 : name=아이폰13&maker=애플&price=1500000 -첨부파일을 서버로 전달할 수 없다.전달시 imagefile=license.txt처럼 파일의 이름만 전달되고 파일은 서버로 전달되지 않는다. enct..

자바스크립트의 연산자 자바스크립트의 데이터 타입은 다이나믹하게 변한다. number타입 기본적으로 java의 double과 동일하다. 숫자는 상수의 값이다. 정수와 실수를 담을 수 있다. boolean타입 true, false의 값을 갖고 있다. string타입 문자열은 "" , '', ``으로 감싸도 된다. array타입 배열은 new라는 키워드가 필요하지 않는다. [] 자바스크립트는 크기가 가변적이다. object타입 {}; 중괄호로 감싸서 나타낸다. 이름:값의 형태를 가지고 있다. 4가지의 property는 name:value의 값으로 저장한다. 기존의 property의 삭제와 추가가 가능하다. 산술연산자 자바와 유사하다. 그러나 다른점은 정수/ 정수 일경우 실수가 나온다. 모든숫자는 실수처럼 다루..

자바스크립트 브라우져 내에서 실행되는 프로그램을 개발할 수 있는 프로그래밍 언어이다. java와 문법적인 유사성이 많아서 쉽게 배울 수 있다. 인기편성을 위해 동일하게 이름을 지은 것 뿐, java와 상관없다. 인터프리터 프로그래밍 언어다. 컴파일의 과정없이 소스가 실행파일로 사용된다. 컴파일이 없이 소스가 실행된다. 스크립트 언어, 인터프리터 프로그래밍 언어라고 불린다. 자바스크립트로 할 수 있는 일 html컨텐츠를 변경할 수 있다. 일부 혹은 전체를 변경할 수 있다. 브라우저를 통해서 현재 보고있는 웹 페이지를 변경할 수 있다. html태그의 속성을 변경할 수 있다. html 컨텐츠의 스타일을 변경할 수 있다. CSS변경할 수 있다. 사용자와 상호작용하는 프로그램을 작성할 수 있다. 이벤트 모델을 사..