본문 바로가기

JavaScript11

[Hoon] AngularJS - AngularJS 버전업하기 Updating AngularJS npm run update-deps bower.json angular version -> 해당 version 의 최신 버전으로 업데이트 "dependencies": { "angular": "~1.5.0", "angular-route": "~1.5.0", "angular-loader": "~1.5.0", "angular-mocks": "~1.5.0", "html5-boilerplate": "^5.3.0" } ===> "dependencies": { "angular": "~1.5.11", "angular-route": "~1.5.11", "angular-loader": "~1.5.11", "angular-mocks": "~1.5.11", "html5-boilerplate":.. 2019. 1. 4.
[Hoon] AngularJS Seed - the seed for AngularJS apps AngularJS Seed - the seed for AngularJS apps https://github.com/angular/angular-seed git clone https://github.com/angular/angular-seed.git cd angular-seed npm install npm start - http://localhost:8000/index.html Directory Layout - _test.js -> .spec.js npm test Running End-to-End Tests cd e2e-tests npm start npm run update-webdriver npm run protractor bit.ly/3fXOzon 인프런 인강 55%할인 쿠폰 - 커피한잔으로 Vue.j.. 2019. 1. 4.
[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.
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.