반응형

개발 창고/Web 57

[JSTL] Formatting태그(2)

이전 이전에는 JSTL 중 Core 그리고 Formatting태그 중 formatNumer/parseNumber/formatDate/parseDate에 대해 알아보았습니다. 이번에는 Formatting 태그 중 빈도수는 낮지만 남은 Formatting태그에 대해 알아보도록 하겠습니다. 일단 복습 의미에서 JSTL의 분류와 Formatting태그에 대해 간략하게 알아보면 2020/08/26 - [개발 창고/웹 개발] - [JSTL] Core태그 [JSTL] Core태그 Spring에서 JSP로 개발을 하다보면 용어는 몰라도 다음과 같은 표현을 자주 쓰곤합니다. ${name} 은 html에서 제공되는 폰트를 굵게 보여주는 태그이고, 이 ${name}은 무엇일까? 실제 페이지에서는 저 ${n royzero.t..

개발 창고/Web 2020.08.27

[JSTL] Formatting태그(1)

이전에 JSTL 중 Core 태그에 대해 작성하였습니다. 오늘은 그 외에 숫자/날짜 등을 위한 Format태그에 대해 작성해볼까 합니다. 2020/08/26 - [개발 창고/웹 개발] - [JSTL] Core태그 [JSTL] Core태그 Spring에서 JSP로 개발을 하다보면 용어는 몰라도 다음과 같은 표현을 자주 쓰곤합니다. ${name} 은 html에서 제공되는 폰트를 굵게 보여주는 태그이고, 이 ${name}은 무엇일까? 실제 페이지에서는 저 ${n royzero.tistory.com 일단 다시 JSTL의 분류에 대해 말씀드리면 다음과 같습니다. JSTL 분류 Core 태그 Formatting 태그 SQL 태그 XML 태그 JSTL Function Formatting 태그 이렇게 해주면 사전어로 ..

개발 창고/Web 2020.08.27

[JSTL] Core태그

Spring에서 JSP로 개발을 하다보면 용어는 몰라도 다음과 같은 표현을 자주 쓰곤합니다. ${name} 은 html에서 제공되는 폰트를 굵게 보여주는 태그이고, 이 ${name}은 무엇일까? 실제 페이지에서는 저 ${name}은 ${name}가 아니라 첫번째 줄에 설정된 로이팩토리가 html에서 보여주게 됩니다. 이를 JSTL이라고 하는데 과연 JSTL은 무엇일까요? 자바서버 페이지 표준 태그 라이브러리(JavaServer Pages Standard Tag Library, 약칭 JSTL)은 Java EE 기반의 웹 애플리케이션 개발 플랫폼을 위한 컴포넌트 모음이다. JSTL은 XML 데이터 처리와 조건문, 반복문, 국제화와 지역화와 같은 일을 처리하기 위한 JSP 태그 라이브러리를 추가하여 JSP 사..

개발 창고/Web 2020.08.26

[HTTP] 개발하다 보면 접하게되는 HTTP 응답코드

흔히들 가장 사이트를 개발하거나 이용하다 보면 404 에러라는 걸 많이 접하게 될 겁니다. 그리고 대부분의 사람들은 이제 404 에러가 무엇인지를 알 정도로 많이 익숙해있습니다. 그럼 403은?? 404는 페이지를 못 찾는다는 건데 403은 뭐지?? 이런 의문이 생기기도 할 겁니다. 그 외에도 많은 응답 코드들이 있고 이는 아래의 사이트에 영문으로 정의되어있습니다. 이 중에서 일부 자주 보게 되는 응답 코드 기준으로 정의해 볼까 합니다. https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html#sec10.2.1 HTTP/1.1: Status Code Definitions part of Hypertext Transfer Protocol -- HTTP/1.1 RFC..

개발 창고/Web 2020.08.21

[Javascript] Excel 다운로드 기능 구현하기

관리 화면들을 만들다 보면 제일 많이 요구되는 부분이 엑셀 다운입니다. 이는 아무래도 웹에 익숙하지 않은 이용자들의 경우 엑셀이 더욱 익숙한 경우도 있고, 화면에서 표현하지 못하는 많은 부분을 엑셀을 통해서 확인 가능하기도 하기 때문입니다. (웹 화면은 개발자가 요청을 수렴 또는 분석을 통해 필요 정보를 노출하게 되지만 실제로 이용자는 그 외적으로 데이터를 조작해서 보고 싶어 하는 경우가 더러 있습니다. 최근에는 빅데이터를 활용하기도 하지만, 학습이 필요한 부분이 있기 때문에 엑셀을 통한 데이터 전달하는 게 없어지는 건 아무래도 몇 년 이내에는 어려울 것으로 보입니다.) /** * 엑셀 다운로드 * @param fileName 엑셀파일명 (ex. excel.xls) * @param sheetName 시트..

개발 창고/Web 2020.08.21

[Spring] FCM Push서버 개발시 고려사항

FCM Push서버 시 만약 Maven을 적용하였다면 pom.xml에 아래와 같이 추가할 것입니다. com.google.firebase firebase-admin 6.7.0 하지만 해당 의존만 추가하면 아래와 같은 오류가 발생하기도 합니다. (제가 최근에 겪은 오류) Uncaught exception from servlet java.lang.NoClassDefFoundError: com/google/common/base/MoreObjects at io.grpc.internal.AbstractManagedChannelImplBuilder.build(AbstractManagedChannelImplBuilder.java:284) at com.google.api.gax.grpc.InstantiatingChann..

개발 창고/Web 2020.08.20

[Spring] WEB-INF에 접근하기

보통 개발환경과 서버 환경을 동일하게 사용하기 위해서는 절대 주소보다는 상대 주소를 활용하는 경우가 많습니다. (때로는 config파일에서 세팅을 고정해서 활용하는 방법도 있지만 이건 추후에 작성하도록 하겠습니다.) 만약 WEB-INF 내 config폴더에서 file.xml이라는 파일을 읽어들일 경우 다음과 같이 호출하게 되면 내부의 파일을 호출 가능합니다. @Controller public class BaseController { @Inject private ServletContext context; ... public ModelAndView index(ModelMap model){ ... File file = new File(context.getRealPath("/WEB-INF/config/file...

개발 창고/Web 2020.08.20

[Javascript] 운영체제에 대한 정보를 위한 navigator

스크립트문을 작성하다보면 브라우저의 특성 및 운영체제별로 기능을 분리해야하는 경우가 발생합니다. 이전글에서 모바일과 PC버전에 따른 기능분리에 대해서 이야기할때 잠깐 스쳐지나간 navigator에 대해 좀 더 자세히 이야기해볼까 합니다. 2020/08/13 - [개발 창고/웹 개발] - [Javascript] 모바일과 윈도우 구분짓기, User-Agent [Javascript] 모바일과 윈도우 구분짓기, User-Agent 얼마전 고객의 요청으로 모바일과 윈도우에 동일 기능에 대해 다르게 작동해야하도록 하는 소스를 구현해야 하는 일이 생겼습니다. 그래서 작업하는 김에 또 이렇게 창고에 작업을 남겨두기 위 royzero.tistory.com 일단 navigator에 대한 모든 프로퍼티는 아래의 명령으로 확..

개발 창고/Web 2020.08.14

[Javascript] 모바일과 윈도우 구분짓기, User-Agent

얼마전 고객의 요청으로 모바일과 윈도우에 동일 기능에 대해 다르게 작동해야하도록 하는 소스를 구현해야 하는 일이 생겼습니다. 그래서 작업하는 김에 또 이렇게 창고에 작업을 남겨두기 위해 글을 작성해 봅니다. 참고로 자체 제작 어플을 이용하는 경우엔 AndroidBridge를 활용하면 더 확실하지만, 안드로이드/애플의 브라우저 어플에서 실행할때는 이런 부분에 제약이 있습니다. 2020/08/04 - [개발 창고/안드로이드 개발] - [Android] 안드로이드 기능을 웹에서, AndroidBridge [Android] 안드로이드 기능을 웹에서, AndroidBridge Android 개발 시, 기존 모바일웹을 어플로 띄우고 싶을 때가 있을 겁니다. 그럴 때 사용하는 게 바로 WebView인데 가끔 Web에..

개발 창고/Web 2020.08.13

[HTML] Form 자동 Submit 막기

html에서 form을 만들때 가장 쉽게 실수 하는 부분이 submit에 대한 것입니다. 모든 전처리를 서버에서 하는 경우에는 문제가 되지 않지만, javascript내에서 전처리르 하게 하는 경우에는 이 부분이 오작동을 일으키기도 합니다. 다음과 같이 html소스가 되어있다고 가정하고, 해당 파일이 http://localhost:8080/main.html 이라고 가정하였을 때, 다음과 같은 입력창이 하나 생성됩니다. 여기에 아무 텍스트나 입력하고 엔터를 치게 되면, 어떻게 될까요? 결론부터 말하면 아래와 같이 호출되게 됩니다. http://localhost:8080/main.html?keyword= 두 가지 방법이 있는데 javascript에서 막는 방법 (jQuery 기준) $("[name=editF..

개발 창고/Web 2020.08.12
반응형