본문 바로가기

Javascript20

IE 7,8에서 모던하게 개발하기 #3 - backbone.js (1) 이번시간은 앞서 진행된 내용에서 backbone.js를 적용하는 것이다. backbone.js는 한 챕터만에 완료할 수 없어 여러 챕터로 나눠 진행할 예정이다. 현재까지 관련된 포스팅과 코드는 아래를 참고! IE 7,8에서 모던하게 개발하기 #1 (npm/grunt) IE 7,8에서 모던하게 개발하기 #2 (require.js) IE 7,8에서 모던하게 개발하기 #3 (backbone.js -1) IE 7,8에서 모던하게 개발하기 #4 (backbone.js -2) IE 7,8에서 모던하게 개발하기 #5 (backbone.js -3) IE 7,8에서 모던하게 개발하기 #6 (배포환경 구축) IE 7,8에서 모던하게 개발하기 #7 (Handlebars.js 적용) 프로젝트 및 코드 backbone.js 사.. 2016. 10. 9.
IE 7,8에서 모던하게 개발하기 #2 (Require.js) 이번시간은 앞서 진행된 내용에서 requirejs를 적용하는 것이다. 현재까지 관련된 포스팅과 코드는 아래를 참고! IE 7,8에서 모던하게 개발하기 #1 (npm/grunt) IE 7,8에서 모던하게 개발하기 #2 (require.js) IE 7,8에서 모던하게 개발하기 #3 (backbone.js -1) IE 7,8에서 모던하게 개발하기 #4 (backbone.js -2) IE 7,8에서 모던하게 개발하기 #5 (backbone.js -3) IE 7,8에서 모던하게 개발하기 #6 (배포환경 구축) IE 7,8에서 모던하게 개발하기 #7 (Handlebars.js 적용) 프로젝트 및 코드 require.js 사용 전반적인 사용법은 Nonblock님의 글이 큰 도움이 되니 꼭 참고하길 바란다. 여기서는 .. 2016. 10. 5.
IE 7,8에서 모던하게 개발하기 #1 (npm/grunt) 현재까지 관련된 포스팅과 코드는 아래를 참고!IE 7,8에서 모던하게 개발하기 #1 (npm/grunt) IE 7,8에서 모던하게 개발하기 #2 (require.js) IE 7,8에서 모던하게 개발하기 #3 (backbone.js -1)IE 7,8에서 모던하게 개발하기 #4 (backbone.js -2)IE 7,8에서 모던하게 개발하기 #5 (backbone.js -3)IE 7,8에서 모던하게 개발하기 #6 (배포환경 구축)IE 7,8에서 모던하게 개발하기 #7 (Handlebars.js 적용)프로젝트 및 코드 Angular나 React + @ 조합같은 경우 정말 매력적인 JS 프레임워크임은 분명하나 IE 7, 8에서는 사용할 수 없다는 치명적인 단점이 있다. 국내에선 아직까지 IE 7,8의 점유율이 높.. 2016. 10. 4.
IE 7/8에서 Mysq timestamp/datetime값으로 Date 생성하기 보통 DB의 timestamp 값을 Javascript의 Date로 만들때 가장 쉽게할 수 있는 방법이 Date의 생성자에 문자열을 넣는것이다.예를 들면 var date = new Date('2016-08-03 12:00:00'); 이렇게 생성해주면 가독성에도 좋고 (누가봐도 2016-08-03 12:00:00의 Date 값을 얻을려는것인지 알수있으니), DB의 값 그대로를 넣으면 되니 코드 작성도 편해서 생각 없이 만들었다가 IE 7/8에서 안되는 문제가 발생했다 ㅠㅠㅠ...해당 형태의 생성자를 IE 7/8에성 지원을 안하는 문제인데 그럼 다른 방식의 생성자를 써야하게 생겼다. 아래 W3C에서 가이드하는 Date의 생성자들을 보자. 가독성의 문제가 있어 milliseconds 타입이나 dateStrin.. 2016. 8. 3.
Handlebar를 사용하여 배포까지 (+grunt +gradle) 현재 담당하고 있는 프로젝트에 기능이 추가되면서 개인적으로 공부도 할겸해서 기록으로 남기는 중이다.기존 프로젝트에 이미 포함된 내용인데 내가 몰랐던 부분을 알게되면서 남긴거라 내가 이 기능을 사내 프로젝트에 넣었습니다!이런건 아님을 먼저 알리며..아래 내용의 모든 코드는 이미 Github에 올려져있다. 코드를 다 이미지로 찍어서 복붙으로 따라갈순 없으니 여기를 참고하자 사내에서 서비스하고 있는 프로젝트들은 IE 7,8을 공식 지원하고 있다.그래서 요즘 유행하는 angular, react는 서비스 프로젝트에서는 쓰지 못하고 내부시스템에서만 사용하는 중인데, js 프레임워크들을 못쓰면서 경험하는 제일 큰 답답함이 클라이언트 템플릿 문제이다. (다른게 더 답답할수도 있음..) 클라이언트 템플릿이란 용어에 생소.. 2016. 6. 17.
부분뷰 (ng-include) HTML, JSP같이 VIEW 영역에 대한 코드는 서버사이드처럼 코드를 분리해서 작성하지 않고, 화면의 한 페이지당 하나의 파일로 코드를 작성하는 경우가 많다.이럴 경우 각 엘리먼트가 하는 일을 한눈에 알 수 없을 정도로 복잡해진다.다행히 AngularJS에서는 마크업 파일을 분리, 호출 할수 있는 디렉티브를 제공하는데이것이 바로 ng-include 이다.아래 코드를 보자위 코드는 상품리스트를 나타내는 product.html 의 코드이다.현재는 그리 코드가 많지 않지만, 점차 기능을 붙임에 따라 코드가 늘어날 것이므로 ng-include를 사용하여 코드를 분리시키겠다. product.html productList.html 메인 컨텐츠 부분만 별도로 분리하여 productList.html 을 만들고, 이를.. 2016. 1. 4.