Web Development with CoffeeScript and SassBrian Hogan
The document discusses using CoffeeScript and Sass to improve the web development process. CoffeeScript offers a cleaner syntax for writing JavaScript code, while Sass provides extensions to CSS. Together with an automated workflow, these tools allow developers to build modern web applications using better techniques that make the code more readable and maintainable. The presentation provides examples of how CoffeeScript cleans up JavaScript code and syntax, such as declaring variables and functions, as well as how it interacts with libraries like jQuery.
2015 년 오픈클라우드 엔진 핸드북입니다. 지난 2012년 부터 3년간의 국산 오픈소스 플랫폼 제품들을 클라우드 컴퓨팅의 주제로 통합하고 있는 프로젝트입니다. 본 자료는 기업과 서비스 제공자 들의 클라우드 컴퓨팅 전환에 있어 요구되는 사항들을 짚어보고, 2015년 지금까지 노력해온 오픈클라우드엔진의 제품들이 어떻게 그 요구사항들에 부합될 수 있는지에 대한 내용을 담고 있습니다.
탑크리에듀(www.topcredu.co.kr), 송석원 교수의 IT기술칼럼#1
자바스크립트는 ES6버전에서 class 키워드를 도입했습니다. 자바스크립트는 객체지향 언어였지만 다른 객체지향언어처럼 사용하기에는 많은 불편함이 있었습니다. 심지어 자바스크립트는 객체지향언어라고 볼 수 없다고 하는 분들도 있었을 정도였죠. 최근에 선풍적인 인기를 얻고 있는 React, Angular 같은 기술은 클래스 문법을 채택했습니다. 따라서, 클래스 문법에 대한 이해가 깊다면 새로운 기술을 습득할 때 많은 도움이 될 것 입니다.
다른 객체지향 언어와 자바스크립트의 차이를 이해하지 못하고 사용하게 되면 많은 문제점이 발생합니다. 안타깝지만 자바스크립트를 사용하고 있는 개발자들 중에서도 제대로 이해하고 사용하시는분은 많지 않은 듯 합니다.
이를 해소하기 위해서 새로 도입한 문법이 class 키워드로 대표되는 클래스 문법입니다. 객체지향 개발방법의 익숙한 개발자들을 위해서 자바스크립트가 새로운 문법을 도입한 것 입니다. 개인적으로 “JavaScript: The Good Parts”의 저자이신 Douglas Crockford 님께서 이를 어떻게 생각하는지 궁금합니다. 자바스크립트를 자바처럼 사용하는 것에 우려를 표하셨었는데, 그 사이 많은 시간이 지났으므로 입장이 바뀌었을지 궁금하군요. 선도적인 개발자들은 ES6에서 도입한 클래스 문법이 좋은 것인가 나쁜 것인가를 갖고 토론을 하기도 합니다.
자바스크립트는 ES6버젂에서 class 키워드를 도입했습니다. 자바스크립트는 객체지향 얶어였지맊 다른 객체지향얶어처럼 사용하기에는 맋은 불편함이 있었습니다.
심지어 자바스크립트는 객체지향얶어라고 볼 수 없다고 하는 분들도 있었을 정도였죠. 최근 선풍적읶 읶기를 얻고 있는 React, Angular 같은 기술은 클래스 문법을 채택했습니다. 따라서 클래스 문법에 대핚 이해가 깊다면 새로욲 기술을 습득핛 때 맋은 도움이 될 것 입니다. 다른 객체지향 얶어와 자바스크립트의 차이를 이해하지 못하고 사용하게 되면 맋은 문제점이 발생합니다. 안타깝지맊 자바스크립트를 사용하고 있는 개발자들 중에서도 제대로 이해하고 사용하시는 분은 맋지 않은 듯 합니다.
Web Development with CoffeeScript and SassBrian Hogan
The document discusses using CoffeeScript and Sass to improve the web development process. CoffeeScript offers a cleaner syntax for writing JavaScript code, while Sass provides extensions to CSS. Together with an automated workflow, these tools allow developers to build modern web applications using better techniques that make the code more readable and maintainable. The presentation provides examples of how CoffeeScript cleans up JavaScript code and syntax, such as declaring variables and functions, as well as how it interacts with libraries like jQuery.
2015 년 오픈클라우드 엔진 핸드북입니다. 지난 2012년 부터 3년간의 국산 오픈소스 플랫폼 제품들을 클라우드 컴퓨팅의 주제로 통합하고 있는 프로젝트입니다. 본 자료는 기업과 서비스 제공자 들의 클라우드 컴퓨팅 전환에 있어 요구되는 사항들을 짚어보고, 2015년 지금까지 노력해온 오픈클라우드엔진의 제품들이 어떻게 그 요구사항들에 부합될 수 있는지에 대한 내용을 담고 있습니다.
탑크리에듀(www.topcredu.co.kr), 송석원 교수의 IT기술칼럼#1
자바스크립트는 ES6버전에서 class 키워드를 도입했습니다. 자바스크립트는 객체지향 언어였지만 다른 객체지향언어처럼 사용하기에는 많은 불편함이 있었습니다. 심지어 자바스크립트는 객체지향언어라고 볼 수 없다고 하는 분들도 있었을 정도였죠. 최근에 선풍적인 인기를 얻고 있는 React, Angular 같은 기술은 클래스 문법을 채택했습니다. 따라서, 클래스 문법에 대한 이해가 깊다면 새로운 기술을 습득할 때 많은 도움이 될 것 입니다.
다른 객체지향 언어와 자바스크립트의 차이를 이해하지 못하고 사용하게 되면 많은 문제점이 발생합니다. 안타깝지만 자바스크립트를 사용하고 있는 개발자들 중에서도 제대로 이해하고 사용하시는분은 많지 않은 듯 합니다.
이를 해소하기 위해서 새로 도입한 문법이 class 키워드로 대표되는 클래스 문법입니다. 객체지향 개발방법의 익숙한 개발자들을 위해서 자바스크립트가 새로운 문법을 도입한 것 입니다. 개인적으로 “JavaScript: The Good Parts”의 저자이신 Douglas Crockford 님께서 이를 어떻게 생각하는지 궁금합니다. 자바스크립트를 자바처럼 사용하는 것에 우려를 표하셨었는데, 그 사이 많은 시간이 지났으므로 입장이 바뀌었을지 궁금하군요. 선도적인 개발자들은 ES6에서 도입한 클래스 문법이 좋은 것인가 나쁜 것인가를 갖고 토론을 하기도 합니다.
자바스크립트는 ES6버젂에서 class 키워드를 도입했습니다. 자바스크립트는 객체지향 얶어였지맊 다른 객체지향얶어처럼 사용하기에는 맋은 불편함이 있었습니다.
심지어 자바스크립트는 객체지향얶어라고 볼 수 없다고 하는 분들도 있었을 정도였죠. 최근 선풍적읶 읶기를 얻고 있는 React, Angular 같은 기술은 클래스 문법을 채택했습니다. 따라서 클래스 문법에 대핚 이해가 깊다면 새로욲 기술을 습득핛 때 맋은 도움이 될 것 입니다. 다른 객체지향 얶어와 자바스크립트의 차이를 이해하지 못하고 사용하게 되면 맋은 문제점이 발생합니다. 안타깝지맊 자바스크립트를 사용하고 있는 개발자들 중에서도 제대로 이해하고 사용하시는 분은 맋지 않은 듯 합니다.
영상 다시보기: https://youtu.be/ms574Z6wKWM
기업에서의 클라우드 마이그레이션은 다양한 부문의 고려가 필요합니다. 본 세션에서는 클라우드 마이그레이션 사례와 함께, AWS 클라우드로의 마이그레이션 가속화를 위한 베스트 프랙티스를 소개합니다. 또 멀티 어카운트 전략 및 관련 사례와 함께 안전하고 확장성있는 AWS 기본 환경 구축을 위한 고려사항을 살펴봅니다.
Basic of web ref.웹을지탱하는기술_01
1. REST라는 아키텍처를 따른다.
2. REST의 특징 중에 Stateless가 있다.
3. Stateless한 서버는 애플리케이션 상태를 기억할 필요가 없기 때문에 서버 시스템이 단순해진다
4. 확장성이 용이해진다.
5. 때로는 복잡한 것보다 간단한 게 낫다
Eclipse rcp 정리(enabled when, contextmenu)SangHun Lee
This document discusses how to conditionally show, hide, enable, and disable commands in Eclipse menus and context menus.
It explains that the activeWhen clause is used to show or hide commands, while the enabledWhen clause is used to grey out or enable commands. A command is enabled if at least one handler is active and enabled.
It provides an example of using the enabledWhen clause in a plugin.xml extension to only enable a command when a specific part is active.
3. Html Css Less Sass
Javascript Jquery
Node.js Json Ajax
Bootstrap
4. 반응형을 지원하는 레퍼런스 사이트를 분석 중,
많은 사이트가 SASS(혹은 less)를 사용하고 있었다.
도대체 SASS 가 무엇이길래?
5. CSS는 HTML을 디자인하는 언어다.
태그를 선택하고, 선택된 태그를 꾸며주는
단순한 원리를 가지고 있다.
하지만 규모가 조금만 커져도 CSS 유지보수하는 것
은
어렵거나 불가능할 수준이다.
자바스크립트와 같은 동적인 언어는
변수나 함수를 이용해서
코드의 재활용성을 높이고 코드의 양을 줄여주는데
반해서 CSS는 그러지 못하다.
SASS가 무엇인가?
6. 위에서 언급한 CSS의 단점을 보완하기 위한 기술로,
SASS 자체를 그대로 사용할수는 없고,
SASS의 문법에 맞게 SASS파일을 만든 후
컨버터를 이용해서 CSS를 생성하면 된다.
SASS가 무엇인가?
9. SASS 컴파일러 : SASS의 포맷으로 만들어진 파일
을
CSS로 변환해주는 도구
1. http://rubyinstaller.org/에 방문해서 ruby를 설
치 (Windows만 해당)
2. 커맨드 창이나 터미널 창에서 gem install sass를
입력
해서 컴파일러를 설치한다.
SASS 사용하기
