Programming/Web 썸네일형 리스트형 [Web] HTML meta 태그 HTML meta 태그 타이틀타이틀 다 긁어갈수 있게 설정 검색엔진이 찾을 수 있는 키워드 설정 검색엔진에 노출되는 요약 제목 내용 요약 다른 요약 설명 만든사람 회사이름 갱신일 (수정할때마다 갱신일을 바꿔주면 새로 긁어감) 웹페이지 캐쉬 (노캐쉬로 설정해놓으면 갱신이 빠름) 더보기 [Web] JSON.parse() & JSON.stringify() JSON.parse() & JSON.stringify() JSON.parse()JSON형식의 문자열(String)을 javascript 객체(Object)로 변환 (String -> Object) JSON.stringify()javascript 객체(Object)를 JSON형식의 문자열(String)로 변환 (Object -> String) 더보기 [Web] 반응형 웹 Viewport 반응형 웹 Viewport meta viewport란?웹페이지를 모바일 디바이스에 최적화 시켜주는 태그 viewport 속성(안드로이드 2.2 이상, iOS 1.0 이상, 모바일 파이어폭스 1.1 이상 지원) width : viewport 넓이. (기본값 : 980. 범위 : 200~10,000)height : viewport 높이. (기본값 : 폭과 디바이스의 가로세로 비(영상비)로 계산. 범위 : 223~10,000)initial-scale : viewport 초기 범위(scale). (기본값 : 보여질 수 있는 영역에 맞춰진 페이지. 범위 : minimum-scale과 maximum-scale 속성)maximum-scale : viewport 최대 범위. (기본값 : 5.0. 범위 : 0~10.. 더보기 [Web] 색상표 색상표 더보기 [Web] JSTL FUNCTION JSTL FUNCTION jstl function은 문자열, 컬렉션들을 처리하고, 사용하기 위해서는 fn 접두어를 쓴다. startsWith, endsWith boolean startsWith(String string, String prefix) string이 prefix로 시작하면 true값을 리턴 ${fn:startsWith("javascript", "ava!")} return false boolean endsWith(String string, String substring) string이 suffix로 끝나면 true값을 리턴 ${fn:endsWith("javascript", "ript")} return true contains, containsIgnoreCase boolean contains(St.. 더보기 [Web] GET / POST 한글 처리 GET / POST 한글 처리 POST (Web.xml)encodingFilterorg.springframework.web.filter.CharacterEncodingFilterencodingUTF-8encodingFilter/* GET (Server.xml)중간 부분에 URIEncoding="UTF-8" 추가 더보기 [Web] web.xml 에러페이지 처리 web.xml 에러페이지 처리 API형태로 JSON으로 응답코드, 데이터를 리턴시 에러코드에 대한 대응이 필요했다.기본적으로 web.xml에 아래와 같이 설정을 하면 각 각의 에러코드 발생시 지정해 놓은 jsp로 가게 된다.하지만 Object에 결과값을 담아 리턴해야하기 때문에 페이지가 아닌 Controller로 이동시켜줘야 한다.401/resources/common/error/serverError.jsp403/resources/common/error/serverError.jsp404/resources/common/error/notFound.jsp500/resources/common/error/serverError.jsp RequestMapping을 통한 Controller로 이동시키기REST API형태.. 더보기 [Web] requestPath requestPath HTTP URIURI : http://[host]:[port][/requestPath]?[get 방식의 경우 queryString] requestPath : contextPath, ServletPath, PathInfo 한 서버에서 여러가지의 프로젝트를 돌린다던가 구분을 위해 contextPath를 나누어 사용을 하게 되는데 이 contextPath가 변경이 된다면 페이지마다 링크를 일일히 바꿔줘야하는 일이 생긴다. 그래서 이를 대비하기 위해 ${pageContext.request.contextPath}이다. 게시판이렇게 링크부분에 넣어두면 ${pageContext.request.contextPath} 이 부분에 서버에서 설정되어 있는 contextPath가 들어가게 된다. 주의할 .. 더보기 [Web] URI, URL, URN 이란? URI, URL, URN 이란? URI는 Uniform Resource Identifier 의 약자로URL(Uniform Resource Locator)와 URN(Uniform Resource Name) 을 포함합니다. URI (Universal Resource Identifier)URI (Universal Resource Identifier)는 인터넷에 있는 자원을 나타내는 유일한 주소이다. URI의 존재는 인터넷에서 요구되는 기본조건으로서 인터넷 프로토콜에 항상 붙어다닌다. URI는 다음과 같은 요소로 구성된다.프로토콜 (HTTP 혹은 FTP) + : + // + 호스트이름 + 주소예: http://ko.wikipedia.org URL (Uniform Resource Locator)URL(Unifor.. 더보기 [Web] Servlet/JSP Programming Servlet/JSP Programming Servlet/JSP ProgrammingServlet이란?Request/Response 방식의 서비스를 실행하기 위한 Java Module, HTTP Server의 기능을 확장할 수 있는 Java 부품, Server-side Java Package moduleServlet를 사용하는 이유CGI에 비해서 가볍고 더 빠르다, Protocol & Web Server neutral, 모든 Java API를 그대로 사용할 수 있다, 수많은 3rd Party tool과 Web Server의 지원Servlet의 쓰임새서버에서 처리된 데이터를 받아 처리하거나 Form Data를 처리하는 작업, Java로 개발된 객체를 사용해야 할 경우, 많은 양의 정보를 처리해야 할 경우,.. 더보기 [Web] HTTP Protocol 과 REST HTTP Protocol 과 REST * 사내 강의용으로 사용한 자료를 Blog에 공유합니다. Spring을 이용한 Web 개발에 대한 전반적인 내용에 대해서 다루고 있습니다. WebApplication은 HTTP Protocol로 동작하는 네트워크 프로그래밍의 일종입니다. 이 정의가 조금은 의문스러워보이실지 모르겠지만, 저희는 지금 네트워크 프로그래밍을 하고 있는것입니다. 다만 이 네트워크를 처리해주는 것이 Servlet Container가 됩니다. 네트워크 프로그래밍은 매우 어려운 작업이지만, 지금 우리가 할 수 있는 가장 큰 이유는 Servlet Container가 이 일을 처리해주고 있기 때문입니다. 이는 매우 큰 의미를 갖습니다. 더이상 개발자들은 이 어려운 네트워크 문제를 다루지 않고, 처리하.. 더보기 [Web] HTML5 File API HTML5 File API HTML5 File API를 사용하면 로컬파일 정보 및 내용을 얻고 JavaScript로 처리할 수 있습니다. 앞으로 HTML5의 보급과 클라우드 서비스가 진행되는 것에 따라 중요한 기능이 되는 것은 사실입니다. 그래서 예제를 만들어 보았고 드러그앤드롭도 대응하고 있습니다. 단, 현재 Chrome으로 로컬 작업시, 보안상 드러그앤드롭에 반응하지 않는 경우가 있습니다. 예제 소스코드 File API 예제 Name : ???? Size : ???? Type : ???? Value : Func Name : readAsText readAsDataURL readAsArrayBuffer readAsBinaryString Encode Type : default utf-8 FileReader.. 더보기 이전 1 2 다음
