Polymer의 기술기반인 Web Componets를 구성하는 표준 스펙들인 Custom Elements, HTML Imports, HTML Templates 그리고 Shadow DOM을 간략히 살펴본다.
Polymer의 아키텍처 및 기본적인 사용방법 그리고 material design이 적용된 paper elements 등을 살펴본다.
Adied 2014, 봄싹 세미나에서 발표한 `Resource Handling in Spring MVC`의 발표자료입니다.
주요 내용으로 Spring MVC에서 정적 자원(css, js, etc)을 다루는 방법을 다루고 있습니다.
데모 코드 : https://github.com/arawn/resource-handling-in-springmvc
Andy Warhol was an American artist and filmmaker who was a leading figure in the pop art movement. He became famous for his artworks created with other famous artists and was known for changing the way people saw signs, advertising, and American culture through his pop art style that incorporated popular commercial products and images into his paintings and films. Andy Warhol died at the age of 58.
Polymer의 기술기반인 Web Componets를 구성하는 표준 스펙들인 Custom Elements, HTML Imports, HTML Templates 그리고 Shadow DOM을 간략히 살펴본다.
Polymer의 아키텍처 및 기본적인 사용방법 그리고 material design이 적용된 paper elements 등을 살펴본다.
Adied 2014, 봄싹 세미나에서 발표한 `Resource Handling in Spring MVC`의 발표자료입니다.
주요 내용으로 Spring MVC에서 정적 자원(css, js, etc)을 다루는 방법을 다루고 있습니다.
데모 코드 : https://github.com/arawn/resource-handling-in-springmvc
Andy Warhol was an American artist and filmmaker who was a leading figure in the pop art movement. He became famous for his artworks created with other famous artists and was known for changing the way people saw signs, advertising, and American culture through his pop art style that incorporated popular commercial products and images into his paintings and films. Andy Warhol died at the age of 58.
User centered design (UCD) is an iterative process that focuses on gaining user feedback through small, fast experiments. It uses metrics and real-time user input to continuously improve the user experience. UCD approaches design as a guerrilla warfare that puts users first to understand their needs and pain points. It aims to capture best practices through monitoring the outcomes of minor changes to features, designs, and services.
Kings of Leon is a band consisting of three brothers - Caleb, Nathan, and Jared - and their cousin Matthew. They named the band after their father and grandfather, both named Leon. Kings of Leon has released three albums so far and is working on a fourth album that fans anticipate will have some surprises. The band, which is popular worldwide, is expected to tour in Mexico including shows in Mexico City, Monterrey, and Guadalajara after previously performing there in 2003.
This document contains the resume of Tarun Prakash Sharma, who has 9 years of experience as a technical lead in Java application development. He has expertise in technologies like Java, Oracle, UNIX, and GWT. He holds patents in areas like social networking and website usability assessment. Tarun is currently working as a technology lead at Infosys and has experience leading projects involving regulatory compliance and augmented reality applications. He has a Bachelor of Technology degree from College of Engineering Roorkee.
알아봅시다, Polymer: Web Components & Web AnimationsChang W. Doh
GDG Korea WebTech : 시작하세요, Polymer, Oct, 11, 2014.
Let's learn about specifications before diving into Polymer:
- Web Components
- Web Animations
This slide includes resources from HTML5Rocks, Polymer and PolyTechnic.
Thinkreals에서 앱개발을 담당하는 소프트웨어 엔지니어 @muik 입니다. 개발한 앱으로는 쿠폰모아, 포켓스타일 안드로이드앱이 있는데요. 지금까지 앱개발을 하며 하이브리드앱 필요성을 많이 느껴왔습니다. 아마 비슷한 분들이 많을꺼라 생각되어 이번에 하이브리드앱 도입 준비를 하며 경험한 것을 공유해보려 합니다.
Forty-five Interesting Ways* to use Wordle in the Classroomboaz choi
This document provides 46 tips for using Wordle in the classroom, ranging from writing character descriptions to assessing vocabulary and comparing themes in literature. Some tips include using Wordle to create word clouds from speeches or essays to analyze word patterns, and creating Wordle posters of classroom norms or mathematics vocabulary. Teachers are encouraged to share additional ideas for using this free online tool.
This achievement award recognizes Johnny Goodgrades for outstanding academic performance as shown by his grades. The award is signed and dated to commemorate this recognition of Johnny's academic excellence.
2. 이 장에서 다룰 내용
1 자바스크립트의 개요
2 자바스크립트 사용법
3 자바스크립트 기본 문법
3. 01_자바스크립트의 개요
• 자바스크립트의 특징
o 브라우저 해석기에서 실행하므로 별도 프로그램 필요 없음
o 사용자가 배우기 쉽고, 동적인 페이지 작성할 수 있음
o 클라이언트와 서버 간에 대화 기능 없다는 단점
• 자바와 자바스크립트
o 자바스크립트와 자바의 비교
4. 01_자바스크립트의 개요
• 자바스크립트 활용 분야
o 동적인 웹 페이지 작성하고 다양한 개체 조정 가능
o 데이터의 유효성 판별, 계산, 멀티미디어 기능, 데이터의 저장 등으
로 통신량을 줄이고 서버 접속 시간을 줄이는 장점
o 클라이언트 측에서만 실행되어 데이터 전송이 작음
• 자바스크립트 실행 환경
o 네스케이프사에서 개발
o 인터넷 익스플로러 3.0 이상에서 ActiveX를 통해 지원
o 코드를 작성하기 위해서 텍스트 편집기가 필요
5. 02_자바스크립트 사용법
• 자바스크립트의 기본 구조
o <HEAD> 태그 내에서 선언하고 <BODY> 태그 내에서 실행
o <SCRIPT> . . . . . </SCRIPT> 태그 내에서 구성
<SCRIPT>
자바스크립트 내용
</SCRIPT>
o 주석문-프로그램 내용 설명
/* . . . . . . . */ => 여러 줄 주석
// =>한 줄 주석
6. [기본예제 4-1] 주석문
01 <HTML>
02 <HEAD>
03 <TITLE>자바스크립트 테스트 </TITLE>
04 <SCRIPT LANGUAGE="JavaScript">
05 <!--
06 /* 화면에 출력하기 위한 문장 */
07 document.write("헬로우 자바스크립트 월드 !")
08 // 자바스크립트 마지막 부분-->
09 </SCRIPT>
10 </HEAD>
11 <BODY>
12 </BODY>
13 </HTML>
7. 02_자바스크립트 사용법
• 자바스크립트 선언과 실행
o 내장형
<HTML>
<HEAD><TITLE>자바스크립트 </TITLE>
<SCRIPT LANGUAGE="JavaScript">
자바스크립트 내용
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
자바스크립트 내용
o 링크형
</SCRIPT>
</BODY>
</HTML>
<SCRIPT LANGUAGE = "JavaScript" SRC="test.js" >
</SCRIPT>
8. 02_자바스크립트 사용법
• 자바스크립트 선언과 실행
o 행 입력형
<HTML>
<HEAD><TITLE>자바스크립트 </TITLE> </HEAD>
<BODY>
<태그 이벤트핸들러="자바스크립트 소스">
o 함수형
</BODY></HTML>
<HTML>
<HEAD><TITLE>자바스크립트 </TITLE>
<SCRIPT LANGUAGE="JavaScript">
function 함수명( ) {
자바스크립트 내용
}
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
함수명()
</SCRIPT>
</BODY>
</HTML>
12. 02_자바스크립트 사용법
• 자바스크립트 사용 시 주의 사항
o 한 줄에 한 개 이상의 항과 기호로 구성
o 새로운 줄은 새로운 문장으로 시작
o 한 줄에서 두 문장 이상을 작성 할 때 세미콜론(;)사용
o 동일한 실행문들은 { }로 둘러싼다.
o 명령문이 길어서 한 줄을 넘어 갈 때 „_‟로 연결
o 따옴표가 중복되는 경우 외부에는 큰 따옴표, 내부에는 작은 따옴
표 사용
13. 03_자바스크립트 기본 문법
• 변수 개요
var kim // 변수 선언 변수명은 kim
var i, j, k // 동시에 여러 개의 변수 선언
var i=1 // 변수 선언과 동시에 기본값 할당
o 대소문자를 구별하며, 반드시 첫 자는 영문자로 시작
o 문자와 숫자만으로 구성, 한글과 밑줄(_)를 제외한 특수 문자와 공
백은 사용 불가
o 예약어, 함수명, 객체명, 속성 등은 변수로 사용 불가
• 변수의 종류
o 전역변수와 지역변수
o 전역변수 : 스크립트 어디에서나 사용 가능
o 지역변수 : 해당 함수 내에서만 사용
14. [기본예제 4-5] 지역 변수와 전역 변수 ①
01 <HTML> <HEAD><TITLE>지역변수와 전역변수</TITLE>
02 <SCRIPT LANGUAGE="JavaScript">
03 <!--
04 /* i를 지역변수로 이용하기위해서 100을 대입 */
05 i=100;
06 function namming(){
07 var i=200;
08 j="강강이";
09 document.write(i + j +"<br>") ;
10 }
11 // 자바스크립트 끝 -->
12 </SCRIPT></HEAD>
13 <BODY>
14 <SCRIPT LANGUAGE="JavaScript">
15 <!--
16 /* name 함수를 호출 */
17 namming()
18 document.write(i + j );
19 // 자바스크립트 끝 -->
20 </SCRIPT></BODY></HTML>
15. [응용예제 4-6] 지역 변수와 전역 변수②
01 <HTML> <HEAD> <TITLE>지역변수와 전역변수</TITLE>
02 <SCRIPT LANGUAGE="JavaScript">
03 <!--
04 i="강강이";
05 function [ ① ]{
06 var i; nammin
07 [②] "강냉이"; g()
08 j="강댕이";
09 document.write("<font color='white'>여기는 괄호안입니다.."+ i + j + "<br>괄호를 벗어
i=
납니다</font><br>") ;
10 }
11 // 자바스크립트 끝 --></SCRIPT></HEAD> <BODY bgcolor="black">
12 <SCRIPT LANGUAGE="JavaScript">
13 <!--
14 namming();
15 document.write("<font color='yellow'>여기는 밖입니다"+ i + j + "<br>전역변수
</font>”);
16 // 자바스크립트 끝 --> </SCRIPT> </BODY></HTML>
16. 03_자바스크립트 기본 문법
• 연산자
o 산술 연산자 : 수치 계산에 사용 (+, -, *, /)
o 관계 연산자 : 값을 비교하는 연산자
o 조건 연산자 : 조건에 따라 참과 거짓으로 나타내는 연산
o 비트 연산자 : 두 수의 비트 사이에 일어나는 연산
조건 ? 표현식1 : 표현식2
17. 03_자바스크립트 기본 문법
• 연산자
o 대입 연산자 : 변수에 값을 대입할 때 사용하는 연산자
o 논리 연산자 : 조건의 참, 거짓을 판단
&&(AND), ||(OR), !(NOT)
o 문자열 연산자 : 문자들을 연결시키는 역할
“,”“+”
55. 요약
자바스크립트 자바스크립트 코드를 선언하고 실행하는 방법은 내장
형, 행 입력형, 함수형, 링크형으로 분류
변수 특정 값을 저장할 수 있는 저장소. 자바스크립트에서
는 선언 없이 사용 가능. 전연, 지역 변수가 있다.
자료형 정수, 부동소수점, 문자열, 부울린, 객체, null,
undefined 등의 6가지 형식
연산자 산술, 관계, 논리, 비트, 조건, 문자열, 증감 연산자가
있다.
조건문 제어문의 일종으로, 조건에 따라 처리 순서를 변경할
수 있도록 하는데 이용
56. 요약
반복문 주어진 조건동안 계속해서 연산을 수행하게 한다. for,
while, do~while문 등이 있다.
switch문 다중 선택문이고, 여러 가지 조건에 따라서 실행되어
야 하는 경우 이용