본문 바로가기

frontend44

[Hoon] AngularJS - Angularjs Tutorial Angularjs Tutorial 0 - Bootstrapping - https://docs.angularjs.org/tutorial/step_00 1 - Static Template - https://docs.angularjs.org/tutorial/step_01 2 - AngularJS Templates - https://docs.angularjs.org/tutorial/step_02 3 - Components - https://docs.angularjs.org/tutorial/step_03 4 - Directory and File Organization - https://docs.angularjs.org/tutorial/step_04 5 - Filtering Repeaters - https://do.. 2019. 1. 4.
[Hoon] AngularJS - PhoneCat Tutorial App PhoneCat Tutorial App Environment Setup Install Git - http://git-scm.com/download Install Node.js - https://nodejs.org/en/download node --version - Node.js v4+ git clone --depth=16 https://github.com/angular/angular-phonecat.git cd angular-phonecat npm install This command reads angular-phonecat's package.json file and downloads the following tools into the node_modules directory: Bower - client.. 2019. 1. 3.
[Hoon] AngularJS - Componets, Directives, Localization Example Directives Directives are a unique and powerful feature available in AngularJS. Directives let you invent new HTML syntax, specific to your application. Reusable Components We use directives to create reusable components. A component allows you to hide complex DOM structure, CSS, and behavior. This lets you focus either on what the application does or how the application looks separately. Locali.. 2018. 12. 31.
[Hoon] Javascript - Underscore.js Underscore.js Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects. It’s the answer to the question: “If I sit down in front of a blank HTML page, and want to start being productive immediately, what do I need?” … and the tie to go along with jQuery's tux and underscore.js 는 내장객체를 확장하지 않고, 사용하기 쉬운 함수 프로그래밍에 .. 2018. 12. 31.
[Hoon] AngularJS - Create Components Create Components http://plnkr.co/edit/NomETVhyqSIryX2Pm6dc?p=preview https://docs.angularjs.org/guide/component Component is a special kind of directive that uses a simpler configuration which is suitable for a component-based application structure. Advantages of Components: simpler configuration than plain directives promote sane defaults and best practices optimized for component-based archit.. 2018. 12. 31.
[Hoon] AngularJS - The AngularJS AngularJS AngularJS 개발자 구글 발표일 2010년 10월 20일 (8년 전)[1] 최근 버전 1.6.6 / 2017년 8월 18일 (15달 전)[2] 개발 상태 개발 중 프로그래밍 언어 자바스크립트 플랫폼 크로스 플랫폼 크기 144 KB (운영용) 1 MB (개발용) 종류 자바스크립트, 싱글 페이지 애플리케이션 프레임워크 라이선스 MIT 라이선스 웹사이트 angularjs.org AngularJS("Angular.js" 또는 "AngularJS 1.X")는 자바스크립트 기반의 오픈 소스 프론트엔드 웹 애플리케이션 프레임워크의 하나로, 싱글 페이지 애플리케이션 개발 중에 마주치는 여러 문제들을 해결하기 위해 개발되었으며 주로 구글과 개별 커뮤니티, 여러 회사에 의해 유지보수되고 있다. 자바.. 2018. 12. 31.
[Hoon] ellipsis - CSS3 text-overflow Property CSS3 text-overflow Property Use of the text-overflow property: div { text-overflow: ellipsis; } Definition and Usage The text-overflow property specifies how overflowed content that is not displayed should be signaled to the user. Default value: clip Inherited: no Animatable: no. Read about animatable Version: CSS3le.textOverflow="ellipsis" JavaScript syntax: object.style.textOverflow="ellipsis".. 2017. 8. 16.
jQuery II jQuery 와 관련하여 Jesse Skinner 가 쓴 좋은 정보를 발견하였다. 아래는 IBM 에서 제공하는 번역본이다. jQuery 를 공부하는데 도움이 되길 바란다. http://www.ibm.com/developerworks/kr/library/x-ajaxjquery.html 디벨로퍼웍스 코리아 dW Korea - IBM Developer 개발자를 위한 튜토리얼, 블로그, 교육, 무료 체험판 그리고 다운로드가 제공되는 IBM 공식 개발자 프로그램입니다. developer.ibm.com 2010. 12. 27.
실전 HTML 5 가이드 - Web Standards Korea HTML 5 에 대한 Web Standards Korea 의 실전 가이드를 공유한다. HTML 5 에 대한 전반적인 이해와 HTML 5를 활용한 웹프로그래밍에 도움이 될 수 있을 것이다. 첨부된 파일의 저작권은 Creative Commons 기반으로 하고 있으며, 한국 웹 표준 커뮤니티의 윤석찬, 신현석, 정찬명, 경준호, 권정혁 웹 에서 보기 bit.ly/2LMzjNC 커피한잔(5000원) 으로 배우는 Vue.js 개념 핵심 강의! - 인프런 인강 55% 할인 쿠폰 커피한잔(5000 원) 으로 배우는 Vue.js 개념 핵심 강의! 모바일 환경에서도 강의를 수강할 수 있도록 강의가 많이 개선되었습니다. 인프런 인터넷 강의 선착순 100명 55% 할인쿠폰! [Vue.js] javascript Real pl.. 2010. 12. 26.
jQuery 시작하기 | by Hoon 요즘, jQuery 라는 놈이 웹 Front 단을 주름 잡고 있다. 어떤 녀석이 자세히 한번 알아보도록 하자. 1. jQuery 란 jQuery is a new kind of JavaScript Library. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript. jQuery 는 자바스크립트 라이브러리의 새로운 한 종류란 것이다. jQuery 는 빠른 .. 2010. 12. 23.
Velocity 강좌 III - Samples | by Hoon [Sample.vm] #set($message = "Hello World! 하이") $message Velocity Version: $version $date [Welcome.vm] #if ($logonActionForm) Welcome $logonActionForm.username! #else Welcome World! #end $!errors.msgs() [Logon.vm] 테스트 중 $!errors.msgs() Username: Password: [struts-config.xml] [결과] Professional Struts Applications: Building Web Sites with Struts, Object Relational Bridge, Lucene, and Velocity 외국도서 .. 2010. 12. 23.
Velocity II - Development Configuration | by Hoon 1. Development Configuration 1. http://jakarta.apache.org/site/downloads/downloads_velocity.html 에서 Engine과 Tools 를 다운 받는다. velocity-1.4.tar.gz, velocity-tools-1.1.tar.gz2. 각각의 압축을 풀면 velocity-1.4.jar, velocity-dep-1.4.jar, velocity-tools-1.1.jar, velocity-tools-generic-1.1.jar, velocity-tools-view-1.1.jar를 얻을 수 있다. 이것들을개발 웹 어플리케이션의 WEB-INF/lib폴더에 추가한다. 3. web.xml에 VelocityViewServlet을 배치한다. [we.. 2010. 12. 23.
Velocity 개요, 실행원리 | by Hoon 1. Velocity 개요 Struts프레임워크를 도입하는 이점중의 하나는 web application의 Presentation부분(JSP등)과 Controller 부분(Action클래스)의 결합이 느슨해지는 것이 있다. 그래서 Presentation부분도 Controller 부분도 서로 의존하지 않고, 독립된 Controller 로서 각각 구현할 수 있다. 이에 따라 , 시스템의 다른 부분을 건들이지 않고, Presentation부분만을 통째로 바꿔 넣는 것이 가능하다. 실 예로, Struts의 Presentation부분을 구현하기에는, JSP를 사용하는 것이 일반적이지만, 그것 외의 기술을 이용하는 것도 가능하다. 여기서는 JSP를 대체해 꽤 사용되는 Apache Jakarta의 Template엔진인.. 2010. 12. 23.
스마트폰 웹브라우저에서 Fusion Charts 의 이상한 현상 퓨전차트를 이용해 스마트폰에서 활용가능한 모바일 웹 시스템의 데모을 구현중이다. 현재 발견된 특이한 점은 위 그림에서 보여지는 왼쪽 $ 부분이 이상하게 윈도우 기반의 PC 웹브라우저에서는 정상적으로 보이나, 동일 페이지임에도 불구하고 스마트폰에서는 $0.2147483647 로 보여진다. DB 데이터를 수정하여도 바뀌지가 않는다. 현재까지 한글 인코딩 문제등 여러 경우의 수를 고려하여, 테스트 중이나 해결은 아직 되고 있지 않다. 도대체 원인이 무엇일까? 스마트폰의 브라우저 문제인가? ... 해결책은 에서 formatNumberScale 옵션을 제거하자 이러한 문제 없이 스마트폰에서도 정상적으로 보여졌다. bit.ly/2LMzjNC 커피한잔(5000원) 으로 배우는 Vue.js 개념 핵심 강의! - 인프런.. 2010. 12. 16.