송병민의 개발일지

JSON이란?Java Script Object Notation의 약자로 '자바 스크립트 객체 표기법' 이다.데이터를 쉽게 교환하고 저장하기 위한 테스트 기반의 데이터 교환 표준이다.JSON은 텍스트 기반이기 때문에 다양한 프로그래밍 언어에서 데이터를 읽고 사용할 수 있다. 기본형태{ key : value }JSON의 형태는 키(Key)와 값(Value)의 쌍으로 이루어져 있는 구조 {key1 : value, key2 : value2}여러 데이터를 나열할 경우 쉼표(,)를 사용 { key1 : { inKey : inValue }, key2 : [arr1, arr2 arr3] }{"판매자정보" : { "이름" : "남도일", "지역" : "서울" } , "판매품목" : ['사과','배','딸기'] }객체는..

AJAX란?- 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신기능- 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다 비동기 방식이란?- 웹페이지를 리로드 하지 않고 데이터를 불러오는 방식- 웹페이지에서 기타 코드들을 요청할 경우, 웹페이지를 리로드 하면서 불필요한 리소스가 낭비가 되는데, 비동기 방식을 이용하면 데이터만 불러오면서 리소스 낭비를 줄일 수 있다.- AJAX는 XMLHttpRequest객체를 통해 서버에 request한다.- JSON이나 XML형태로 필요한 데이터만 받아 갱신하기 때문에 그만큼의 자원과 시간을 아낄 수 있다.AJAX의 장점- 웹페이지 속도향상- 서버의 처리가 완료될 때까지 기다리지 않고 처리가능- 기존 웹에서 불가능했던 UI를 가능..

HTTP Request Method클라이언트에서 서버로 요청 시 데이터 전달 방식GET (read)요청 URL에 데이터를 붙여서 전송URL 길이 제한, 전송 데이터 노출에 따른 위험POST (create)HTTP body에 데이터를 담아서 전송 데이터 전송 길이 제한 xHTTP request body에 데이터를 담아 노출 xForward & RedirectFoward (요청 전달 처리)요청을 구분하여 처리할 서블릿을 결정하는 경우처리를 여러 단계의 서블릿으로 구분하여 필요한 단계로 바로 이동하는 경우브라우저에 표시되는 경로를 숨기고 싶은 경우요청 시 생성된 request, response 객체의 값이 유지Redirect (다시 요청)요청을 검증하여 알맞은 페이지로 요청을 하도록 처리하려는 경우에러 또는 ..

java - java파일webapp - html, css, js, jsp, img 등 웹 관련 자료들 ex01.jsp 1부터 10까지의 합 : 동적으로 만들었지만 결과가 정적  1부터 10까지의 합 : 요청이 갈때마다 1부터 랜덤수 n까지 더한값 출력 → 결과가 동적으로 바뀜 ex02.jspJSP 기본 문법 예제선언문 : 스크립틀릿 : -->--%>  html 안에서 java코드를 작성할 수 있음 html 주석 vs jsp 주석html 주석은 해석해서 출력이 되지만 jsp 주석은 서버에서 완전히 주석처리 되서 결과에서 제공되지않음 ※ 서버측 코드에 오류가 없고 응답이 잘되는데도 코드에 빨간줄이 생기면 코드 전체 지우고, 저장, 다시 붙여넣기, 저장 하면 괜찮아진다→ 내부 프로세스에서 계속 컴파일 오류..

정적서비스와 동적서비스정적서비스- HTML, CSS, JS -> 웹페이지- 서버에서 HTML을 제공- 웹 브라우저에서 URL을 통해 HTML을 요청- 브라우저는 코드를 해석해서 보여줌- HTTP 프로토콜  Request, Response 요청- HTML 요청을 하면 동일한 응답을 해줌 -> 정적서비스 동적 서비스- JSP, ASP, PHP 등의 언어가 필요- WAS(Web Application Server)에서 JSP 요청을 처리- 요청을 처리해서 변경된 HTML을 제공 Eclipse 기본설정window-preferences-general-workspace-text file encoding:utf-8로 변경window-preferences-web- css, html, jsp file encoding : ..

API' A가 이렇게 요청하면 B는 이렇게 응답한다 ' 라는 약속 RESTful APIA가 어떤 방식으로 요청하고 B가 어떤 방식으로 응답할 지 지정해 놓은 다양한 형식들 중 하나 왜좋은데CREATE, READ, UPDATE, DELETE대부분의 서비스가 4가지로 구성   URI는 요청이 어떤자원에 관한것인지 표현해야 하고 가능한 한 그것만 표현해야한다add, modify, delete같은 무엇을 하는지를 나타내는 동사는 URI에 포함하지 않는것이 좋다

html 기본 서식  태그안에 html 코드를 작성 위치태그 위치는 태그 사이에 두기만 하면 적용파싱?파싱(Parsing)이란 컴퓨터가 해당 문서를 인식하기위해 html 문서의 텍스트들을 컴퓨터가 이해 가능한 언어로 변환하는 과정이다 파싱을 할 때 위에서부터(head) 아래방향(body)으로 진행 되는데 이 때 script태그가 태그의 닫는 태그 뒤에 위치한다면 dom이 생성되기 전에 script가 존재하지 않는 dom을 건드리는 dom API를 사용한다면 에러가 발생할 수 있음결론은 script 태그는 바로 앞에 위치시키는 것이 좋다  태그 사이에 위치 태그 사이에 위치하는 방법은 좋은 방법이 아니다JS 파일의 크기가 커질수록 웹사이트를 보는데까지 많은 시간이 소요되는 단점이 생긴다DOM을 제어하고 ..

※ 상시추가

디버깅이란?프로그램 개발 단계중 발생하는 시스템의 논리적인 오류, 비정상적 연산을 찾아내고 그원인을 밝히고 수정하는 작업 과정 디버깅 능력은 기능 단위의 코드를 단계별로 실행하며 코드를 파악하고 버그를 잘 찾을 수 있는 능력으로 본다. 디버깅 과정- BreakPoint를 만들고 디버그로 실행한다- Step Over로 다음 명령어만 실행시킨다- Resume을 클릭해 다음 BreakPoint까지 이동한다- 현재 위치한 메소드를 확인하기 위해 Step Into 클릭한다

Postman?POSTMAN은 API를 개발, 테스트, 공유 및 문서화하는 데 사용되는 API 클라이언트 이다. 엔드 포인트 URL을 입력하는 테스트에 사용되며 서버로 요청을 보내고 서버에서 응답을 받아 api가 잘 동작하는지 확인할 수 있다. 브라우저에서 URL을 통해 응답이 잘 왔는지 정도는 체크 할 수 있지만 체계적으로 시나리오 테스트를 하려면 api 툴을 사용해야 한다. 편리하게 쿼리스트링을 보낼수있는 것은 덤이고, 브라우저 도구에서는 하지 못하는 Authorization이나 Header, Body 값 수정 헤더값 수정 등 도구를 이용하면 해당 작업을 할 수 있도록 인터페이스가 있기 때문에 가능하다. postman은 모바일 개발, 프론트엔드, 백엔드 모두 유용하게 쓰이며, 개발된 API를 테스트하..