-
2015-2016 2015‧08‧06
HYUNDAI Department Store, PanGyo
현대 백화점 판교점 - 마이크로 웹사이트 그랜드 오픈을 하는 현대 백화점 판교점의 프로모션 웹사이트로 그랜드 오픈전 웹사이트에 카운트 다운을 작동하여 오픈일에 맞춰 사이트가 활성화 되게 제작되었습니다. PC 버전을 html, css, javascript 작업을 하였으며 인스타그램 API를 이용해서 사용자 참여가 있는 이벤트 페이지등을 제작하였습니다.
-
2015-2016 2015‧05‧01
Kiehl's Iris Magic Mirror Campaign
키엘 아이리스 캠페인 - 마이크로 웹사이트 프로모션 웹사이트로 PC 버전을 원페이지 스크롤로 제작하였습니다. 웹사이트를 스토리텔링으로 풀어나가듯 슬라이딩 스크롤 컨셉 / 이미지 시퀀스 / 사용자 참여 정보 입력 등을 작업하였습니다.
-
Javascript, jQuery 2015‧03‧05
javascript - 음수 양수 변환
가끔 수치를 양수로만 받아서 처리해야할 때가 많다. - 100 이든 100 이든 결과는 100이 나와야하는 경우다. var num = -100; Math.abs(num); 위 코드처럼 변환하고자 하는 값을 넣으면 결과는 양수인 100이 나온다.
-
Angularjs 2015‧02‧24
Angularjs – 컨트롤러 밖에서 컨트롤러 안의 함수 실행
대부분은 아래와 같이 함수를 호출하게 된다. <div id="testDiv" ng-app='MyModule' ng-controller="MyController"> <a href="#" ng-click="callAlert('click-A')">클릭 A</a> </div> 클릭 A 라는 글자를 클릭하게 되면 스크립트 파일에서 controller 안의 함수를 호출한다. angular.module('MyModule', []) .controller('MyController', function ($scope) { $scope.callAlert = function (data) { alert(data); }; }); 값을 받은 callAlert 함수는 알럿창으로 click-A라고 출력하게 된다. 여기까지는 가장 일반적인 스코프안의 함수 실행이다. 그러나 […]
-
Angularjs 2015‧02‧24
Angularjs – 지정 엘리먼트 안에 자기만의 함수 호출을 가진 새로운 엘리먼트 생성하기
새로운 엘리먼트를 생성하는 방법은 아래 코드와 같다. function(s, e, a) { var newElement = angular.element(' <div></div> '); e.append(newElement); $compile(newElement)(s); } 여기에 새로 생성되는 엘리먼트에 컨트롤러더 달아주고, ng-click과 같은 기능도 추가해서 만들어 보려고 한다. 일단 html을 아래와 같이 만든다. <div ng-app="AngApp"> <div ng-controller="MainCtrl"> Hello {{name}}! <my-directive></my-directive> </div> </div> 이제 my-directive 엘리먼트 안에 새로운 엘리먼트를 만들고 함수 호출도 […]
-
Javascript, jQuery 2015‧02‧23
모바일웹에서 기상청 날씨(실황) api 가져와서 파싱해서 노출까지 자바스크립트로 만들기
<포스팅 업데이트 : 2017년 4월 11일> 다시한번 해당 내용으로 data.go.kr 문의를 보냈습니다. 원문은 https://www.data.go.kr/information/QNA_0000000000014129/qna.do 이 곳을 참고해보시면 됩니다. 결론부터 말씀드리자면 api를 제공하는 입장에서 크로스도메인은 보안상의 이유로 허용할 수 없다고 합니다. 라이브러리가 안되는건 다른 라이브러리를 사용해서든 크로스도메인을 스스로 알아서 해결하여 사용하라는 이야기입니다. 참고로 전 다른 라이브러리들을 이용해서 시도해 보았으나 이 원리가 yahoo api를 거쳐 다녀오는 형태의 라이브러리들인데 […]
-
Javascript, jQuery 2015‧02‧13
jQuery - parseJSON에서 Uncaught SyntaxError: Unexpected token 오류날 때
이 것때문에 참 많이 고생했다. 혹시나 불러온 데이터의 형식이 문제인지 아니면 ajax로 불러올 때 설정을 잘못한건지 답을 찾기가 힘들었다. 그러던 중 조금씩 답이 보이기 시작했는데 바로 ajax로 불러온 데이터안에 구조중 빈공간이지만 내려쓰기 한 것이 있기 때문이였다. 즉 한줄로 써야하는 데이터를 html dom 구조로 보기좋게 만들다보니 이런 오류가 발생하는 것이였다. 대표적으로 대한민국 기상청 api 였다. ㅠㅠ […]
-
Javascript, jQuery 2015‧02‧13
JS - 현재 날짜 가져오기
현재 날짜를 년월일로 가져오는 방법은 아래와 같다. var today = new Date(); var dd = today.getDate(); var mm = today.getMonth()+1; //January is 0! var yyyy = today.getFullYear(); if(dd<10) { dd='0'+dd } if(mm<10) { mm='0'+mm } today = yyyy+'/' + mm+'/'+dd; 추가로 댓글로 나그네님께서 제공해주신 코드입니다. 좀더 간결하고 편하네요. var st_date = new Date().toISOString().substr(0, 10).replace('T', ' […]
-
Javascript, jQuery 2015‧02‧12
jQuery 플러그인 - 크로스 도메인 ajax로 가져오기
외부에서 파일을 가져올 때 도메인이 다르면 보안 정책에 의해서 파일이 불러와지지 않는다. 이를 도와주는 플러그인이 있다. Cross-domain requests with jQuery 소개 및 다운로드 주소는 http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/ 이다. 사용 방법은 간단하다. 일반적으로 ajax 호출하는 것은 그대로 사용하고 head안에 플러그인을 불러오기만 하면 된다. <script type="text/javascript" src="./js/jquery.xdomainajax.js"></script>