web/Web 11

css 파일 Uncaught SyntaxError: Invalid or unexpected token 에러

css 파일 로드시 브라우저에서 다음과 같은 오류가 출력되는 경우가 있다. Uncaught SyntaxError: Invalid or unexpected token 이 때 가장 의심해 볼 수 있는 부분은 css 파일 로드시 다음과 같은 방식으로 로드했는지 의심해 보아야 한다. css 파일은 자바스크립트 파일이 아니기 때문에 로드시 문법 오류를 유발 할 수 있다. 그래서 css 파일로드시 다음과 같이 로드하여야 한다.

web/Web 2018.05.27 (2)

REST API 효율적인 설계 방법

REST 구성 구성 요소표현방법내용ResourceHTTP URI자원을 정의VerbHTTP Method자원에 대한 행위를 정의RepresentationsHTTP Message Pay Load자원에 대한 행위의 내용을 정의ex) Resource : /wedul/member Verb : HTTP POST Representations : { "id" : "wedul" }REST 특성 1. 유니폼 인터페이스 -> HTTP 표준만 따르면 어떠한 기술이든 사용가능 (HTTP/JSON, HTTP XML) 2. 무상태성 (STATELESS) 3. 캐시 가능 -> 웹 캐시, CD을 이용한 캐싱 가능 4. 자체 표현 구조 (SELF-DESCRIPTIVENESS) -> API 내용만 보고도 별도의 문서 없이도 쉽게 이해가 가..

web/Web 2018.05.27

Http 상태 코드 별 상태

100번대 : 현재 데이터의 처리 중인 상태 100: 데이터의 일부를 서버가 받은 상태 200번대 : 정상적인 응답 200 : 에러가 없이 정상 처리 204 : 정상 처리되었으나 서버에서 보내줄 데이터가 없음 300번대 : 다를 URL 처리 301 : 요청된 페이지가 새 URL로 변경되었음 304 : 이미 기존의 데이터와 변경된 것이 없음 400번대 : 서버에서 인식할 수 없음 400 : 전송된 Request에 문제가 있어서 서버가 인식할 수 없음 403 : 서버에서 허락되지 않음 404 : URL에 해당하는 자원이 없음 406 : 전송 방식이 허락되지 않음(Rest에서 자주 발생) 500번대 : 서버 내부의 문제 500 : 서버에서 처리 시 문제가 발생 502 : 게이트웨이나 프록시 상태의 문제(과부하..

web/Web 2016.12.27

longpolling 방식 소개 및 comet 방식과의 차이점 설명

Comet 기존의 지속적인 갱신을 위해서는 Polling이라고 불리는 일정 간격으로 서버에 요청을 보내서 바뀐 내용을 조회하는 방식이였지만 이 방식을 리얼타임 수준으로 갱신하려면 간격을 줄여야 해서 불편하였다. 반면Ajax Push라고도 불리는 Comet은 Long Polling 과 Streaming 방식 두 가지를 제공한다.1) Long Polling클라이언트가 요청을 보내면 서버에서 이벤트가 발생할 때까지 응답을 하지 않고 가지고 있다가 이벤트가 발생하면 응답을 하고 다시 클라이언트에서 요청이오면 응답을 하는 구조로 되어있다.2) Streaming요청을 최초의 한번 보내면 Chunk데이터를 통해서 이벤트가 있을 때마다 계속 클라이언트에 데이터를 보내준다.

web/Web 2016.12.22

서블릿 개념 설명 및 주요 메서드 소개

서블릿(Servlet)은 자바 플랫폼에서 컴포턴트를 기반으로 한 웹 애플리케이션을 개발할 때 사용하는 핵심 기술이다. 무엇보다 서블릿이 중요한 이유는 JSP가 바로 서블릿을 기반으로 한 기술이기 때문이다. JSP가 등장한 가장 큰 이유는 서블릿이 가진 HTML 표현상의 문제를 해결 하기 위함이었다.- 서블릿은 프로그램 내에서 HTML을 처리하기 때문에 간단한 태그를 변경할때 조찿 컴파일해야하는 문제가 있다.- 그러나 JSP와 서블릿은 서로간의 상호 보완적인 관계이다. 서블릿의 장점 - 스레드를 기반으로 하므로 웹 애플리케이션 운영에 효율적이다.- 자바를 기반으로하는 자바 API를 모두 사용이 가능하다.- 자바는 바이트 코드로 구성된 가상모신으로 돌리기 때문에 운영체제나 하드웨어에 영향을 받지 않고 한번 ..

web/Web 2016.12.22

Get과 Post 방식의 차이점 설명

GET 방식 vs port 방식 Get- 서버에 있는 정보를 가지고 오기위해 설계된 방법- 서버로 전달할 수 있는 크기는 최대 240 Byte- 쿼리 스트링 환경변수를 통해서 서버의 전달되는데 형식은 다음과 같다.http:// www.xxx.xx.xx/login?id=hj&name=hong ? 이후의 값들은 서버에서 Query_string을 통해 전달된다.URL 노출이 되면 보안문제 발생우려 POST 방식- 서버로 정보를 올리기 위해 설계된 방법- 선버의 전달할 수 있는 데이터 크기가 제한이 없다.- URL에는 파라미터가 표시되지 않는다. 출저 : 자바 웹 프로그래밍 - 한빛 미디어

web/Web 2016.12.22

자바 빈즈 개념 설명(Java Beans)

java beans(자바 빈즈) 빈즈는 특정한 일을독립적으로 수행하는 컴포넌트를 의미한다.빈즈또한 자바 클래스이기 때문에 JSP 파일 스크립트릿 부분에서 인스턴스를 만들어 사용할 수 있다. 그러나 일반 클래스와 다를바없이 사용할수도 있지만 JSP 빈즈만의 특징적으로 사용할 수 있다.일반적으로 빈즈를 사용하는 경우, 사용자 입력을 처리하기 위한 HTML이나 JSP가 있어야 폼의 액션에 연결된 JSP 파일이 있어야 한다. 또한 폼을 처리하는 JSP 파일에서 참조할 빈즈 클래스가 필요하다. 1. form html(form, jsp, DB컬럼네임이 같아야한다.)ㄷ 2. a.jsp 3. JSP BEans class(my.MemberBean)publc static setUsername(String username)..

web/Web 2016.12.22

JSP 개념 설명

JSP JSP(Java Server Page)는 서블릿이라고 하는 자바 웹 프로그래밍 기법에 기반을 두고 있으며, PHP나 ASS와 같이HTML과 함께 스크립트를 사용할 수 있도록 되어있다.-> JSP는 자바 서블릿 기반의 서버 스크립트 기술 중 하나이며, 서블릿의 특징을 대부분 가지고 있다.->JSP의 장점은 곧 서블릿의 장점과 일맥상통한데, 프로세스 기반이 아니라 스레드 기반으로 실행 된다는 것이다. 즉, 프로세스는 하나만 만들어지고 동일한 요청은 스레드를 만들어서 처리하기 때문에 시스템 자원을 절약하고효율적인 공유가 가능해진다.-> 자바를 기반으로 하는 강력한 객체지향 언어의 뒷바침으로써 자바의 모든기능을 쓸수 있는 자점이 있다. JSP 특징->빈즈(Beans)라고 하는 자바 컴포넌트를 사용할 수 ..

web/Web 2016.12.22

아파치와 톰캣의 차이

아파치와 톰캣의 차이 1. 아파치Http웹서버를 지칭하는 말이다. Http웹서버는 http요청을 처리할 수 있는 웹 서버이고, 아파치 http서버는 http요청을 처리하는 웹서버이다.(post,get,delete) 2. Tomcat톰캣은 흔히 was라고 말한다. Was는 웹 서버와 웹 컨테이너의 결합으로 다양한 기능을 컨테이너에 구현하여 다양한 역할을 수행할 수 있는 서비를 말한다. 클라이언트의 요청이 있을 때 내부의 프로그램을 통해 결과를 만들어내고 이것을 다시 클라이언트에게 전달해주는 역할을 한다. 둘의 차이-> 그럼 was만 쓰면 되지 웹서버를 따로두는지 의문이 생긴다. 그 이유는 목적이 다르다. 웹 서버는 정적인 데이터를 처리하는 서버이다. 이미지나 단순 html 파일과 같은 리소스를 제공하는 서..

web/Web 2016.12.22

jsp 기본 문법 설명

주석JSP에서 주석 처리 방법 JSP 주석 : 클라이언트로 전달 되지 않는 주석 지시어지시어는 해당하는 JSP 파일의 속성을 기술하는 곳으로, JSP 컨테이너에게 해당 페이지를 어떻게 처리해야 하는지 전달하기 위한 내용을 담고 있다.크게 page, include, taglib으로 나뉘며 각각의 속성이 있다.Page 지시어Page 지시어는 현재의 JSP 페이지를 컨테이너에서 처리하는 데 필요한 각종 속성을 기술하는 부분으로 대개 소스 코드 맨 앞에서 볼 수 있다.문법) Ex)

web/Web 2016.12.22