Javascript 썸네일형 리스트형 CodeSchool Angular.js Level2 첫시간은 filter다. Angular.js에서는 필터로 통화기호 표시도 해주고, 리스트인 경우 정렬도 해준다. uppercase로 대문자로 변환도 해주고, limitTo로 글자 수 제한도 걸 수 있다. pipe 라인으로 지정할 수 있다. 값이 이 pipe라인을 거치면서 필터링된다고 생각하면 될듯... 이거 만든 사람 천잰데?? {{product.name}} {{product.price | currency}} 이런식으로.. 앞에 부턴 $ 표시를 안 써도 된다! 2단계는 이미지 보여주기!(function() { var app = angular.module('gemStore', []); app.controller('StoreController', function(){ this.products = gems; .. 더보기 jstl fn substring으로 날짜 앞에 0붙이기 ${day} 요렇게 하면 간단하게 1,2,3,4... 를 01,02,03,04로 만들 수 있다.100단위 넘어가는건 어떻게 하지..? 그건 그때 생각해보자..혹시나 까먹을까봐 -_- 더보기 CodeSchool Angular.js Level1 CodeSchool로 Angular.js 공부를 시작한다. 다이내믹하고 인터렉티브한, 그러면서도 서버와의 통신도 최소화해서 효율적인 프론트엔드 개발을 가능하게 해주는 프레임워크인듯 하다. 새로고침 없이 필요한 부분만 수정(?)하는게 ajax 처리랑 비슷해보이기도 한다. 코드스쿨 내용을 그대로 옮기는 건데 괜찮겠지..? 한번 문의해봐야겠다.코드스쿨에서 가져왔다는 표기만 하면 된다고 하니 안심하고 기록해두겠다. app.jsvar app = angular.module('gemStore',[]);gemStore라는 이름의 모듈을 만든다. 두번째 인자로 넘겨주는 배열에는 이 모듈의 dependency 모듈을 넣어주는 것 같다. 지금은 없으므로 빈 배열을 넘긴다. 여기서 중요한건 첫번재 인자인 모듈의 이름이다. 이.. 더보기 동기화 처리 javascript는 비동기방식으로 돌아가므로, var arr = ['a','b','c']; for(var i=0; i 더보기 Array.prototype.slice.apply(arguments); function argTest(){console.log(arguments); // {"0":4}Array.prototype.slice.apply(arguments); // 4 Array.prototype.slice.apply({'0':4, '1':5, length:2}) // 4, 5Array.prototype.slice.apply({'0':4, '1':5, length:2}, [1]) // 5Array.prototype.slice.call({'0':4, '1':5, length:2}, 1) // 5} argTest(4); Array.prototype.slice.apply(arguments); arguments는 배열이 아니다. 콘솔로 찍어보면 {"0":4} 이렇게 생긴 오브젝트가 찍힌다.그런데 slic.. 더보기 javascript module에 관한 좋은 글 소개 https://medium.freecodecamp.com/javascript-modules-a-beginner-s-guide-783f7d7a5fcc#.qwnwdnj0s Preethi Kasireddy 라는 사람이 쓴JavaScript Modules: A Beginner’s Guide 이다. 세상은 넓고 고수는 많구나.. javascript 모듈에 관해 이해하는데 큰 도움이 된다. 더보기 jqgrid custom editrules 추가하기 colModel 에 다음과 같이 추가하면 된다. editrules : {custom: true, custom_func:function(value, colname){if(isNaN(value)){return [false, "not a number!"];}else{return [true, ""];}}} 이런 식으로…응용해서 쓰면 되겠다. 더보기 Object에 동적으로 Property 추가 javascript에서 동적으로 Object에 Property를 추가할 일이 생겼다. 총 3가지 방법을 생각해봤는데 하나씩 살펴보면, 1. 스크립틀릿(Scriptlets) 사용 var scritletObj = { "key_1": { "name": "jimmy", "msg": "hello world" }, "key_2": { "name": "billy", "msg": "foo equals bar" }, 더보기 이전 1 2 3 다음