Web Program19 톰캣(Tomcat) UTF-8 인코딩 설정 1.server.xml 수정 2. web.xml에 필터 추가 Set Character Encodingfilters.SetCharacterEncodingFilterencodingUTF-8 Set Character Encoding/* 3. 소스파일(jsp) utf-8형식 으로 저장 1) 울트라에디트 기준 변환 방법 -. 파일 ----> 변환 ----> ascii ->utf-8(unicode편집) 4.파일 상단에 추가 5.톰캣 실행시 -Dfile.encoding=UTF-8 추가 -Dcatalina.home=C:\Program Files\Apache Software Foundation\Tomcat 6.0-Dcatalina.base=C:\Program Files\Apache Software Foundation\T.. 2017. 8. 24. Webclipse Code Live (HTML LIVE Viewer) 설정하기 내가 웹클립스 플러그인을 설치한 이유는 Code Live 를 사용하기위해서 설치한것이다. 물론 덤으로 Javascript 코딩도 편하게 하기위함도 있지만... 일단 이클립스에 서버가 설치되어있어야 한다.. 나같은 경우에는 Tomcat 8.0 이 설치되어 이클립스와 연동되어있다. 해당 서버가 실행된 상태에서 마우스 우측버튼을 클릭하면 아래와 같인 Context Menu가 뜬다.CodeLive 라고 있는데 이게 체크되어있어야 한다... 체크된 상태에서.. 웹브라우저로 해당 HTML 을 호출해 보면 아래 그림과 같이우측에 요상한 pop menu가 있을것이다.. 이게 바로 CodeLive 를 설정하는 메뉴 인것이다. 메뉴버튼 을 클릭해보자. ( 아직은 LIVE Code 가 활성화된 상태가 아님) 아래와 같은 M.. 2017. 6. 8. Eclipse Java 스크립트 자동완성 Webclipse 설치 상세 일단.. 엄청 오랜만에 블로그에 글을 ㅆㅓ본다.. CS개발.. APP개발... Linux개발.. Server개발 등등등... 을 하면서 가장 불편했던건망할 Web개발이 점점 많아진다는것이다.. 요즘 대세라 그런가.. CS개발은 그렇다 쳐도 APP개발시 왠만한 UI 는 HTML 로 처리하는게.. 아이폰이나 안드로이드폰 UI 개발을 HTML 로 해놓으면... 편하게 개발할수 있으니... 근데 망할 이클립스가.. 자동완성이 되질 않는다... 코드를 맨날 까먹는다. 젠장.. 하지만 엄청나게 편한 플러그인 발견... WebClipse https://www.genuitec.com/products/webclipse/features/ 일단 설치방법부터~ 써보겠음.. 나는 최신버전 neon.3 버전 이클립스를 사용함. .. 2017. 6. 8. ajax IE 에러 No Transport 액세스가 거부되었습니다. 타 서버와의 Data통신을 위해 ajax 로 구성을 했다. 물론 타 서버의 설정을 아래와 같이 크로스도메인을 허용할수 있도록 설정 했다.. 그런다음 아래의 소스코드로 ajax 를 구현함. -- 아래 소스는 IE에서 에러나요~~.. 찬찬히 밑으로 더 읽어주시길. $.support.cors = true; var url = encodeURI("server url"); $.ajax({ type: "GET", cache: false, url: url, contentType: "application/xml; charset=utf-8", dataType: "xml", timeout: 30000, success: function (data) { alert(data); }, // end success error: fun.. 2015. 1. 15. GWT 새창 띄우기 Window.open("http://www.smartclient.com/smartgwtee/showcase", "sgwtee_showcase", null); 2014. 7. 4. GWT 다른 Module EntryPoint Page 이동 public void goToSignUpPage(String html) {//String html = MusicPie.htmlString url = GWT.getHostPageBaseURL() + html; if(!GWT.isProdMode()) {//Window.alert("We are in development mode!");url += "?gwt.codesvr=127.0.0.1:9997";}Window.Location.replace(url);} 사용법은 그냥 goToSignUpPage("HtmlFileName.html"); 2014. 7. 4. [2] GWT + Maven SmartGWT Showcase Layout 이제 우리의 GWT + Maven 프로젝트에 SmartGWT의 Showcase Layout을 올려보도록 하겠음.. 일단 SmartGWT는 UI Component이다. 뭐 예를들자면.. Form, Grid, Chart, Graph, Tab 등 이다.. 일단 Download Sites는 https://code.google.com/p/smartgwt/downloads/list이고 소개페이지는 http://www.smartclient.com/ Example Show Case를 보려면 http://www.smartclient.com/smartgwt/showcase/ 여기로 들어가서 보면됨.. 뭐 다들 유명한 센차터치에서 만든 ExtJs 라는 UI Component 가 있는데 뭐 비슷하다... GWT를 처음접할때... 2014. 7. 4. [1] GWT + Maven New Module EntryPoint 아.. 이제 글쓰기가 슬슬 귀찮아진다...;;;;내가 완전 Master 하지 않은 기술을 가지고 Step by Step 으로 쓰려다보니..;;;일단 Showcase Layout 을 가져오기 전에 신규로 모듈을 추가해야한다... 일단 간단하게 설명하자면 모듈은 1개의 프로그램 이라고 이해하면 쉽다.. GWT는 RIA기반의 AJAX Application 이다.. 1개의 페이지(HTML)에서 여러 기능(Window 또는 Page)을 수행하기 위한것이라고 보면된다.. 그럼 1개의 모듈은 1개의 페이지 즉 1개의 프로그램이라고 볼수 있다.. -------------------------------------------------------------------------------------------------.. 2014. 7. 4. [5] GWT + Maven Login Service Session 연동2 -Contents- [5] GWT + Maven Login Service Session 연동2[4] GWT + Maven Login Service Session 연동[3] GWT + Maven Login Page Database 연동[2] GWT + Maven Login Page Database 연동[1] GWT + Maven Login Page 만들기 이전 글까지 해서 GWT + Maven + Spring + Mybatis + Session 까지 모든 기능을 테스트 및 적용하였다..마지막으로 이제 Account VO 를 Session에 담아 Login 처리와 Logout 처리를 적용해보자... 일단 기존에 만든 SessionService 에 코드를 추가하여 기능을 정의하자.. 나는 String 형식과 .. 2014. 7. 2. [4] GWT + Maven Login Service Session 연동 -Contents- [4] GWT + Maven Login Service Session 연동[3] GWT + Maven Login Page Database 연동[2] GWT + Maven Login Page Database 연동[1] GWT + Maven Login Page 만들기 이번에는 이전까지 만든 프로젝트에 Login 쪽 성공시 Session 설정하는 방법과Logout 하는 방법에 대해서~~~~ 해보겠음!!! Session Control은 onModuleLoad() 쪽에서는 Control을 할수가 없다. 이유는 extends RemoteServiceServlet Class 를 참조해야하는데 onModuleLoad()함수가 있는 implements EntryPoint 상속을 받는 클레스에서는Remo.. 2014. 7. 1. [3] GWT + Maven Login Page Database 연동 -Contents- [3] GWT + Maven Login Page Database 연동 [2] GWT + Maven Login Page Database 연동 [1] GWT + Maven Login Page 만들기 난 코드 설명따윈 개나 줘버린다..~ ㅋ 일단 따라 해서 구동되는 모습을 보여주는것이 나의 목표이고~~ 구동되는 모습을 분석해가며 코드를 이해하는것은 이 글일 보는 사람의 몫이다.. 일단 새로운 Service 를 만들어야 한다.. 새로운 Service를 만드는 방법은 Auto 로 만드는 방법이 있긴한데 난 사용하지 않는다... 왜냐면... 나중에 유지보수 할때 엄청 빡셈.. 걍 자동으로 Service 만들고 함수 추가하고 그러다가~~~ 나중에 유지보수 할때.. 여튼 힘듬! 그래서 Service.. 2014. 7. 1. [2] GWT + Maven Login Page Database 연동 [1] GWT + Maven Login Page 만들기 위에서 만든 Page에 이제 Database를 연동해보자...일단 간단하게 Login쪽 Database에 Table을 만들어야 한다.. MUPI_ACCOUNT [ID]* NVARCHAR(30)"아이디" [PASSWORD] NVARCHAR(20) "비밀번호" [EMAIL]* NVARCHAR(30) "이메일" [NAME] NVARCHAR(20) "이름" [NICKNAME] NVARCHAR(10)"별명" [ADDRESS] NVARCHAR(255)"주소" [ETC] NVARCHAR(4096)"기타" CREATE TABLE mupi_account ([id] CHARACTER VARYING(30)NOT NULL, [password] CHARACTER VARYI.. 2014. 7. 1. [1] GWT + Maven Login Page 만들기 아래 글 (musicPie) 프로젝트를 이용하여.. Login Page 를 만들어 봅자~! musicPie 프로젝트에는 현재 hellogwt 라는 main package 로 되어 있음. 뭐 패키지 네임이야 바꿔도 되고 않바꿔도 되고 상관없지만 난 걍 안바꾸고 진행할 예정.. 일단 난 디자이너가 아니므로 T스토리 Login 창을 좀 배껴와보자... HelloGWT Email/Username: Password: 아이디 저장 | Hslee blog Link Copyright (c) 2014 MUSICPIE.CO.KR. All rights reserved. 위 소스코드를 src/main/webapp/ 에 Login.html 이라고 만들어주자.. 만들때 알아서 각각 를 적어주자 해당 위치에.... 기존의 Hell.. 2014. 7. 1. [3]GWT + Maven + Spring + MyBatis Example Eclipse Project -Contents- [3]GWT + Maven + Spring + MyBatis Example Eclipse Project[2]GWT Maven Project에 Spring + MyBatis 연동[1]mojo GWT Maven Plugin 이클립스 Project 설정하기 귀찮으신 분들이나... 하라는대로 따라했는데 잘 않되시는 분들 ;;;이 계실수도 있으니. Project 압축해서 올려드립니다~~ Project 만드는 방법은 GWT Maven Project에 Spring + MyBatis 연동 2014. 6. 27. [2]GWT Maven Project에 Spring + MyBatis 연동 -Contents- [3]GWT + Maven + Spring + MyBatis Example Eclipse Project[2]GWT Maven Project에 Spring + MyBatis 연동[1]mojo GWT Maven Plugin 이클립스 Project 설정하기 나의 경우 Run 시키면 ClassPath 쪽에 문제가 있다고 나온다..일단 Sample Project의 Source Code 는 모두 필요가 없으므로 상관없다.. 일단 필요없는 폴더들을 정리하자.. 빨간색으로 되어있는 폴더들은 필요가 없는 파일들이다..모두 삭제 해주자. 프로젝트 설정에 들어가서 Java Build Path 가 제대로 정리되어있는지 확인한다..위와같이 되어있으면 정상적으로 정리되어있는 것이다. 여기까지 되었다면 이제 S.. 2014. 6. 27. 이전 1 2 다음
