반응형 코딩 알로하 :: one42 필라멘트 그룹(Filament Group) 소스 모음 https://www.filamentgroup.com/code/ 2019. 5. 3. 자바스크립트 라이브러리 - Knockout Knockout은 MVVM 패턴과 템플릿을 통해 간단하게 동적 UI를 작상할수 있도록 구현된 오픈소스 JavaScript 라이브러리의 한 종류로서 Steave Sanderson에 의해 개발 되었다. ※ 주요 특징 - 선언적 바인딩 (Declarative bidings) - 자동 UI 갱신 (Automatic UI refresh) - 의존성 추적 (Dependency tracking) - 템플레이팅 (Templating) ※ 레퍼런스 https://knockoutjs.com/examples/ https://msdn.microsoft.com/ko-kr/magazine/dn463786(en-us).aspx https://docs.microsoft.com/ko-kr/aspnet/web-api/overview/o.. 2019. 4. 16. 40 Useful JavaScript Tips, Tricks and Best Practices https://www.designmycodes.com/javascript/javascript-tips-and-tricks.html 40 Useful JavaScript Tips, Tricks and Best Practices In this article, I’ll share a set of JavaScript tips, tricks and best practices that should be known by all JavaScript developers regardless of their browser/engine or the SSJS (Server Side JavaScript) interpreter.Note that the code snippets in this article have been test.. 2019. 4. 16. JSP 배워보기 ※ JSP란 무엇인가 ? JSP는 "Java Server Pages"의 각 첫자로 만들어진 용어이며 사전적인 의미로 해석하면 "자바로 작성한 서버 페이지"로 해석 될수 있다. 여기에서 "자바"는 우리가 알고 있는 언어 자바를 뜻하므로 JSP의 기본문법은 자바를 근거로 한다는 것을 알수 있다. 그리고 "서버페이지"라는 것에 약간의 설명을 붙이면 "서버에서 실행되는 페이지"로 바꿀 수 있다. 웹에서 보여지는 페이지(문서)의 가장 일반적인 형태는 HTML 페이지이다. 이 HTML 페이지는 클라이언트(웹에서의 클라이언트는 사용자 컴퓨터를 통해 현재 웹 페이지를 방문하고 있는 각각의 브라우저로 볼수 있다.) 에서 해석되고 실행된다. 만일 HTML 페이지에서 서버에 저장된 데이터를 제어(검색 또는 저장과 같은)하려.. 2019. 4. 15. 웹페이지의 배색 결정 도구 웹페이지의 배색 웹페이지의 배색은 사이트의 인상을 결정하는 중요한 요소이다. 일단 메인 색상(회사 로고의 주요 색 또는 좋아하는 색)을 결정하고, 도구를 사용해 균형적인 색을 찾은 뒤 배색한다. 여기서 배색을 정할 때 유용한 사이트 하나 추천 드린다. => Adobe Color CC(https://color.adobe.com/kr) Adobe Color CC를 사용하면 지정한 한가지 색을 기반으로 어울리는 4개의 색을 찾아준다. 2019. 4. 12. Web Developer in 2019 기술 로드맵 ※ 출처 : https://github.com/kamranahmedse/developer-roadmap#-introduction Developer RoadmapRoadmap to becoming a Web Developer in 2019IntroductionFrontend RoadmapBack-end RoadmapDevOps Roadmap 2019. 4. 10. 타입스크립트란 타입스크립트(TypeScript)는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어다. 마이크로소프트에서 개발, 유지하고 있으며 엄격한 문법을 지원한다. C#의 리드 아키텍트이자 델파이, 터보 파스칼의 창시자인 Anders Hejlsberg가 개발에 참여한다. 클라이언트 사이드와 서버 사이드를 위한 개발에 사용할 수 있다. 타입스크립트는 자바스크립트 엔진을 사용하면서 커다란 애플리케이션을 개발할 수 있게 설계된 언어다. 자바스크립트의 슈퍼셋이기 때문에 자바스크립트로 작성된 프로그램이 타입스크립트 프로그램으로도 동작한다. 타입스크립트에서 자신이 원하는 타입을 정의하고 프로그래밍을 하면 자바스크립트로 컴파일 되어 실행할 수 있다. 타입스크립트는 모든 운영체제, 모든 브라우저, 모든 호스트에서 사용가능한 오픈.. 2019. 4. 1. JQuery 란? jQuery는 자바스크립트의 생산성을 향상시켜주는 자바스크립트 라이브러리 입니다. 라이브러리란 자주 사용되는 로직들을 재활용,유통 가능하도록 만든 로직들의 묶음을 의미합니다. 자바스크립트의 세계에는 많은 라이브러리들이 있습니다. ex) prototype, jQuery, YUI 등등 구글트랜드로 검색을 해보니 현재는 jQuery가 가장 많은 사용자를 가지고 있는 것 같습니다. jQuery를 이용하면 순수한 자바스크립트로 코딩하는 것 보다 10배 이상 생산성을 높일 수 있습니다. 또 jQuery는 파생된 라이브러리들을 가지고 있는데요. jQuery UI는 jQuery기반의 GUI 라이브러리입니다. 이것을 이용해서 윈도우 에플리케이션과 같은 기능성의 UI를 만들 수 있습니다. 최근에는 jQuery Mobile.. 2019. 4. 1. 리소스 무료 사용 사이트 1. 공유 마당 사이트 https://gongu.copyright.or.kr/gongu/main/main.do 한국저작권위원회가 운영하고 있는 사이트로 문화체육관광부, 국립중앙도서관, 한국미술협회와 같은 공공기관의 저작물 뿐만 아니라 저작권 보호기간이 만료된 저작물, 저작권이 기증된 저작물을 CCL(Creative Commons License)에 근거해 자유롭게 이용할수 있다. 공유마당 공유마당 gongu.copyright.or.kr 2. 렛츠씨씨 http://letscc.net/ Let's CC Tip) LetsCC는 글로벌 서비스의 API를 이용해서 검색결과를 보여드립니다. 영문으로 검색어 입력 시 더 다양한 콘텐츠를 확인하실 수 있습니다. letscc.net 렛츠 씨씨(Let's CC)는 CCL 기.. 2019. 3. 28. 무료 포토샵 - 픽슬러 픽슬러란? '픽슬러(Pixlr)' 는 별도 설치 없이 웹에서 이용할 수 있는 무료 포토샵이다. 포토샵을 이용하면 매우 풍부한 비주얼의 맞춤 미리보기 이미지즐 만들수 있지만, 포토샵은 유료 프로그램이므로 무료 웹 포토샵인 픽슬러를 대체 프로그램으로 추천한다. https://pixlr.com/editor/ 픽슬러 홈페이지에 접속하면 별도의 회원 가입없이 바로 사용할수 있다. Online Photo Editor | Pixlr Editor Announcement Adobe Flash Player will no longer be supported by worldwide browsers soon. Thus, Pixlr Editor, which runs on Adobe Flash Player, will be phas.. 2019. 3. 28. Placehold.it 웹페이지를 디자인 하다보면 이미지를 아직 완성하지 못해 넣을 수 없는 경우가 있다. 이미지 크기는 아는데 아직 이미지가 없을 때 사용할수 있는 좋은 방법을 공유 하고자 한다. Placehold.it (http://placehold.it) How To Set Image Size Specify the width first, then height. Height is optional: if no height is specified, your placeholder image will be a square. So this example… https://via.placeholder.com/150 …generates a 150 pixel square dummy image:- http://placehold.it/너비x .. 2019. 3. 28. Angular 학습 하기 Angular (https://angular.io) ※ 앵귤러의 목표 : MVC 또는 MVVM(Model View Model)프레임워크를 이용해 잘 설계되고 구조화된 웹페이지 및 애플리케이션을 손쉽게 구현할 수 있는 프레임워크를 제공하는 것 앵귤러(Angular)는 웹 프론트앤드 작업을 하기 위해 필요한 프레임워크 중의 하나이며, SPA(Single Page Application)개발을 위한 구글의 오픈소스 자바스크립트 프레임워크이다. TypeScript 기반의 언어를 주력으로 사용하며 여러 가지 기술들이 복합적으로 적용 되어 있어 학습하기에 난이도가 매우 높은 기술이다. 또한 오픈소스이므로 굉장히 빠르게 변화하고 업데이트 되고 있어서, 꾸준히 관심을 가지고 공부해야 할 언어이기도 하다. 공식적으로 잘 .. 2019. 3. 21. 이전 1 2 3 다음 반응형
