이든의 생활코딩

http://www.youtube.com/playlist?list=PLdajQmV2DgoT7z7kk-fzwIyyGVTxwvHyb 영어로 하시기 어려운 분들은 적당히 참고하시면 좋을 것 같습니다.영상의 실습은 w3s school의 AngularJS Tutorial로 진행하시고 있습니다.참고하시라고 하는거지 광고는 아닙니다..ㅎㅎ

AngularJS에서는 이미지 URL을 ngSrc를 사용해서 삽입해야 합니다!!물론 Static한 이미지 URL은 직접 입력하여도 무방합니다만,여기서는 $http를 통해 받은 데이터, 즉, 서버에서 넘겨 받은 정보를 토대로 적용할 때에는 태그 안에 ngSrc에 url 정보를 입력해야합니다.https://code.angularjs.org/1.2.26/docs/tutorial/step_06angularJS tutorial 6번째 수업에서는 링크와 이미지 입력에 대해서 공부합니다.Data는 $http.get 메소드를 통해 서버가 존재하지 않으므로, 임시로 JSON 내역을 저장한 데이터를 읽어서 사용할 것입니다. Data의 샘플 형태는 아래와 같습니다.[ { ... "id": "motorola-defy-with..

https://code.angularjs.org/1.2.26/docs/api/ng/service/$http$http 서비스는 AngularJS(이하 ng) 에서 코어 서비스 중 하나입니다.쉽게 예상할 수 있듯이, $http 서비스는 원격 HTTP 서버와 용이하게 통신을 할 수 있도록 해줍니다.◎ 일반적인 사용법$http 서비스는 HTTP 요청을 생성하고, 두 개의 메소드와 함께 리턴을 정의할 수 있어요~!$http({method: 'GET', url: '/someUrl'}). success(function(data, status, headers, config) { // this callback will be called asynchronously // when the response is availabl..

많은 분들이 무료로 사용하는 나눔 고딕 폰트 적용법을 진행해보도록 하겠습니다.블로그나 티스토리같은 데에 나눔 고딕 폰트 적용은 구글 웹 폰트에서 URL로 CSS 받아서 진행하는 것이 찾아보면 매우 많기 때문에~귀찮으신 분들은 웹 폰트 적용하시는게 제~~일 쉽습니다.별건 아니지만, 그리고 구글 웹 폰트의 경우 각 브라우저별, OS 별(?) 폰트 설정이 되 있습니다.윈도우의 경우는 ttf, 맥 OS 경우는 otf 이던가? 이런 형태인데 실제로 나눔고딕을 깔면 데스크탑 OS 적용된 파일 밖에 없죠- 로컬환경에는...(는 제가 잘 못 구해서..)일단 맨 아래 폰트를 모두 받아 압축 파일로 올려 놓앗습니다.압축 파일은 아래와 같이 eot, woff, ttf 확장자 명으로 여러개의 파일들을 굵기도 다양하게^^ 구성..

처음에는 DB의 내용을 WORD로 바로 출력하기 위해Apache POI나 docx4j 와 같은 라이브러리를 한참 찾고 사용법을 익히려고 애를 썻으나 엑셀이 아닌 워드에서는 표(컬럼)을 나누고 병합하고 하는 등의 작업이 매우 까다롭고 어려워서, 어떻게 처리해야 좋을지 몰랐습니다..( 유료는..못쓰고... 실력은 미비한지라...흠흠.. ) 사람인과 같은 포털사이트에서는 자신의 이력서를 출력할 때 웹페이지에서 보는 것과 비슷하게 표가 작성되어 출력이 됩니다. 그래서, 여러 방식을 검색해본 결과... JSP 문서에서 Response객체를 이용하여 페이지를 바로 Word 파일로 저장시켜 버리는 것입니다. 먼저, CSS와 표를 만들어서 Word 문서로 저장되기에 적합하도록 페이지를 만들고! JSP 코딩을 이용하여 ..

스프링 프레임워크에서 AOP를 공부하면서, 앞에 메소드 명이나, 클래스 등으로 AOP 를 설정하는 방법은 예전에 공부해두었다.이번에는 AOP를 딱 필요한데만 마구잡이로 넣고 싶을 때! 라고 생각이 들어서 찾아보고 공부한 결과 애노테이션으로 포인트 컷을 거는 방법을 알게 되었다 ( 아마 영어만 잘해도...스프링 레퍼런스로 뚝딱해치웟을텐..데..킁 개발자는 필수 불가결인 영어 공부해야할 듯.. )이번 시나리오는Form 이 있는 페이지로 이동할 때, 입력 Form 이 있는 페이지는 Submit 이 존재하는데 중복 서브밋 또는 뒤로가기 후 서브밋 등의 방지를 위한 기능을 페이지 이동이 있는 컨트롤러 맵핑 메소드에 걸기 위해 커스텀 애노테이션을 포인트 컷으로 이용하는 방법이다!먼저, 중복 서브밋 또는 뒤로가기 후..

정말 쉽죠~? String userAgent = req.getHeader("User-Agent"); if (userAgent.indexOf("MSIE 5.5") > -1) { // MS IE 5.5 이하 res.setHeader("Content-Disposition", "filename=" + URLEncoder.encode(originalFileName, "UTF-8").replaceAll("\\+", "\\ ") + ";"); } else if (userAgent.indexOf("MSIE") > -1) { // MS IE (보통은 6.x 이상 가정) res.setHeader("Content-Disposition", "attachment; filename=" + java.net.URLEncoder.en..

Super Simple WYSIWYG Editor on Bootstrap - http://hackerwins.github.io/summernote/ 현재 MIT LICENSE 로 무료로 사용 가능한 WYSIWYG Editor 입니다. ㅎㅎ 제가 이 에디터를 사용하게 된 것은 부트스트랩으로 간단한 사이트를 만들며 공부하고 있는데요 에디터를 tinymce가 가볍고 해서 사용하고 있었는데...문제는! 이미지를 링크 밖에 지원하지 않는 다는 점... 그래서 무료로 지원하는 에디터 중에 찾다가 Summernote 를 찾았습니다. ^ㅡ^ 디자인은 이렇게 심플 하면서도 강력합니다. 간단하게 사용법을 살펴 볼까요~!! 먼저 위에 링크로 접속해서 파일을 다운로드 받습니다 ^^ summernote.js 와 summerno..

파워 투더 링크 !!!! - http://snoopybox.co.kr/1537 감사합니다 감사합니다~!

URL 을 이용하여 모든 웹사이트의 상단 타이틀 이미지 ( 로고, Favicon.ico ) 을 가져와서a Link 로 보여주는 것보다 이미지로 보여주고 싶었습니다.favicon 이미지를 가져오는 것은 어렵지 않았습니다.해당 사이트 url/favicon.ico라고 치면 이미지가 나와요.이 이미지를 이용하여 배너 또는 링크를 만들고 싶었어요!