SlideShare a Scribd company logo
1 of 17
For non-developers!
Learn Javascript Programming!
!
Learning contents with!
Function & Object!
!
!
!
!
!
Kim min tae @ibare!
NCSOFT http://ibare.kr https://medium.com/@ibare
#5
함수란?
y = f(x)
두 집합 X, Y에 대하여 X의 각 원소를 Y의 오
직 하나의 원소에 대응시키는 대응 관계이다
'이름이 f인 이상한 상자'에 일정한 가치가 있는 물건을 넣으면
그 가치에 알맞은 돈의 액수가 나온다고 할때, 모든 물건에 대하
여 반드시 '그 각각의 물건의 가치에 맞는 돈의 액수'가 빈틈없
이 나오는 관계가 바로 함수이다via wikipedia
함수란?
두 프로그램의 차이는?
함수란?
Javascript 에서 함수 #정의
'이름이 f인 이상한 상자'
물건을 넣으면
나오는
함수란?
Javascript 에서 함수 #사용
함수란?
y = f(x)
함수(function)는 한 번 정의하면 몇 번이든 실행할
수 있고 호출할 수 있는 Javascript 코드 블록이다.
코드 블록
실행
함수란?
Javascript 에서 함수 #용어정리
함수의 이름
매개변수 (Arguments)
반환값
함수란?
Javascript 에서 함수 #조금 다른 표현
함수의 이름 == 변수
매개변수 (Arguments)
반환값
호출(실행)
함수란?
Javascript 에서 함수 #조금 다른 표현
함수의 이름 == 변수
매개변수 (Arguments)
반환값
호출(실행)
Javascript에서 함수는 조금
특이한 변수이다. !
“변수 myfunction 은 매개변수
x, y를 전달받아 코드 블럭을 실행
한 후 반환값을 호출자에게 돌려
주는 특이한 변수이다”
변수 myfunction가 가진 고유한 기능인!
함수 기능을 괄호()를 이용하여 실행하고 있다.
'이름이 f인 이상한 상자’ 에 물건을 넣으면 값이 나오는 기능
특이하다는 것의 의미
Javascript에는 다양한 값(숫자,문자,
함수 등) 들을 모아놓은 복합체가 있다
우리는 그것을 객체
라고 부른다
객체(Object)의 형태
객체(Object)의 사용
객체(Object), 복합체의 의미
객체 O는 원시 데이타 형을 가질 수 있다
객체 O는 함수 F를 가질 수 있다
함수 F는 함수F2를 가질 수 있다
함수는 객체의
한 종류다
객체 O는 객체 O2를 가질 수 있다
4강 실습 #1 코드 다시보기
객체
객체 window의 변수
(함수를 저장)
객체 함수
함수에
전달할 값
객체 반환
객체 함수
객체(Object)로 무엇을 하는가?
프로그래머의 의도에 따라 객체는 아무
것도 없는 빈 객체 {}부터 무한에 가까울
정도로 복잡한 객체가 될 수도 있습니다
높은 자유도를 가진 객체로 프로그
래머들은 현실 세계를 묘사합니다
사람 객체(Object) 묘사
나이 먹음, 다이어트 하기, 뺄샘 기능(function)이 있고 나이, 키, 몸무게, 취미를 가
지고 있는 사람을 객체로 묘사. 가지고 있는 기능을 호출함으로써 객체 스스로의 상
태를 변경할 수 있고 특수기능(뺄샘)을 실행하여 세상에 도움을 줄 수 도 있다.
1 “다음시간에”;!
2 “잘자요~~;
Unclosed string.

More Related Content

What's hot

More effective c++ chapter1 2_dcshin
More effective c++ chapter1 2_dcshinMore effective c++ chapter1 2_dcshin
More effective c++ chapter1 2_dcshinDong Chan Shin
 
이펙티브 C++ 스터디
이펙티브 C++ 스터디이펙티브 C++ 스터디
이펙티브 C++ 스터디quxn6
 
More effective c++ 항목30부터
More effective c++ 항목30부터More effective c++ 항목30부터
More effective c++ 항목30부터Dong Chan Shin
 
You don't know JS / this / chapter 1-2
You don't know JS / this / chapter 1-2You don't know JS / this / chapter 1-2
You don't know JS / this / chapter 1-2Kiwoong Kwon
 
M1 2 1
M1 2 1M1 2 1
M1 2 1nexthw
 
이펙티브 C++ (7~9)
이펙티브 C++ (7~9)이펙티브 C++ (7~9)
이펙티브 C++ (7~9)익성 조
 
Start IoT with JavaScript - 1.기초
Start IoT with JavaScript - 1.기초Start IoT with JavaScript - 1.기초
Start IoT with JavaScript - 1.기초Park Jonggun
 
모어 이펙티브 c++ 1,2장 스터디
모어 이펙티브 c++ 1,2장 스터디모어 이펙티브 c++ 1,2장 스터디
모어 이펙티브 c++ 1,2장 스터디quxn6
 
[Swift] Generics
[Swift] Generics[Swift] Generics
[Swift] GenericsBill Kim
 
More effective c++ 2
More effective c++ 2More effective c++ 2
More effective c++ 2현찬 양
 
Effective c++ 4
Effective c++ 4Effective c++ 4
Effective c++ 4현찬 양
 
Effective c++ Chapter1,2
Effective c++ Chapter1,2Effective c++ Chapter1,2
Effective c++ Chapter1,2문익 장
 
파이썬 둘째날
파이썬 둘째날파이썬 둘째날
파이썬 둘째날명준 김
 
Effective c++ chapter5 6_ 131039 신동찬
Effective c++ chapter5 6_ 131039 신동찬Effective c++ chapter5 6_ 131039 신동찬
Effective c++ chapter5 6_ 131039 신동찬Dong Chan Shin
 
자바스크립트 프로토타입 및 클래스
자바스크립트 프로토타입 및 클래스자바스크립트 프로토타입 및 클래스
자바스크립트 프로토타입 및 클래스Lee Dong Wook
 
Scala type class pattern
Scala type class patternScala type class pattern
Scala type class patternYong Joon Moon
 
학교에서 배우지 않는 C
학교에서 배우지 않는 C학교에서 배우지 않는 C
학교에서 배우지 않는 CHeesuk Kang
 

What's hot (20)

More effective c++ chapter1 2_dcshin
More effective c++ chapter1 2_dcshinMore effective c++ chapter1 2_dcshin
More effective c++ chapter1 2_dcshin
 
이펙티브 C++ 스터디
이펙티브 C++ 스터디이펙티브 C++ 스터디
이펙티브 C++ 스터디
 
More effective c++ 항목30부터
More effective c++ 항목30부터More effective c++ 항목30부터
More effective c++ 항목30부터
 
You don't know JS / this / chapter 1-2
You don't know JS / this / chapter 1-2You don't know JS / this / chapter 1-2
You don't know JS / this / chapter 1-2
 
5 6 1
5 6 15 6 1
5 6 1
 
M1 2 1
M1 2 1M1 2 1
M1 2 1
 
이펙티브 C++ (7~9)
이펙티브 C++ (7~9)이펙티브 C++ (7~9)
이펙티브 C++ (7~9)
 
Start IoT with JavaScript - 1.기초
Start IoT with JavaScript - 1.기초Start IoT with JavaScript - 1.기초
Start IoT with JavaScript - 1.기초
 
07. type system
07. type system07. type system
07. type system
 
모어 이펙티브 c++ 1,2장 스터디
모어 이펙티브 c++ 1,2장 스터디모어 이펙티브 c++ 1,2장 스터디
모어 이펙티브 c++ 1,2장 스터디
 
01. basic types
01. basic types01. basic types
01. basic types
 
[Swift] Generics
[Swift] Generics[Swift] Generics
[Swift] Generics
 
More effective c++ 2
More effective c++ 2More effective c++ 2
More effective c++ 2
 
Effective c++ 4
Effective c++ 4Effective c++ 4
Effective c++ 4
 
Effective c++ Chapter1,2
Effective c++ Chapter1,2Effective c++ Chapter1,2
Effective c++ Chapter1,2
 
파이썬 둘째날
파이썬 둘째날파이썬 둘째날
파이썬 둘째날
 
Effective c++ chapter5 6_ 131039 신동찬
Effective c++ chapter5 6_ 131039 신동찬Effective c++ chapter5 6_ 131039 신동찬
Effective c++ chapter5 6_ 131039 신동찬
 
자바스크립트 프로토타입 및 클래스
자바스크립트 프로토타입 및 클래스자바스크립트 프로토타입 및 클래스
자바스크립트 프로토타입 및 클래스
 
Scala type class pattern
Scala type class patternScala type class pattern
Scala type class pattern
 
학교에서 배우지 않는 C
학교에서 배우지 않는 C학교에서 배우지 않는 C
학교에서 배우지 않는 C
 

Viewers also liked

비개발자를 위한 Javascript 알아가기 #1
비개발자를 위한 Javascript 알아가기 #1비개발자를 위한 Javascript 알아가기 #1
비개발자를 위한 Javascript 알아가기 #1민태 김
 
비개발자를 위한 Javascript 알아가기 #7.1
비개발자를 위한 Javascript 알아가기 #7.1비개발자를 위한 Javascript 알아가기 #7.1
비개발자를 위한 Javascript 알아가기 #7.1민태 김
 
비개발자를 위한 Javascript 알아가기 #6.1
비개발자를 위한 Javascript 알아가기 #6.1비개발자를 위한 Javascript 알아가기 #6.1
비개발자를 위한 Javascript 알아가기 #6.1민태 김
 
비개발자를 위한 Javascript 알아가기 #7
비개발자를 위한 Javascript 알아가기 #7비개발자를 위한 Javascript 알아가기 #7
비개발자를 위한 Javascript 알아가기 #7민태 김
 
비개발자를 위한 Javascript 알아가기 #4.1
비개발자를 위한 Javascript 알아가기 #4.1비개발자를 위한 Javascript 알아가기 #4.1
비개발자를 위한 Javascript 알아가기 #4.1민태 김
 
비개발자를 위한 Javascript 알아가기 #2
비개발자를 위한 Javascript 알아가기 #2비개발자를 위한 Javascript 알아가기 #2
비개발자를 위한 Javascript 알아가기 #2민태 김
 
비개발자를 위한 Javascript 알아가기 #3
비개발자를 위한 Javascript 알아가기 #3비개발자를 위한 Javascript 알아가기 #3
비개발자를 위한 Javascript 알아가기 #3민태 김
 
외계어 스터디 4/5 Event & Library
외계어 스터디 4/5 Event & Library외계어 스터디 4/5 Event & Library
외계어 스터디 4/5 Event & Library민태 김
 
비개발자를 위한 Javascript 알아가기 #4
비개발자를 위한 Javascript 알아가기 #4비개발자를 위한 Javascript 알아가기 #4
비개발자를 위한 Javascript 알아가기 #4민태 김
 
스크래치 4주차 강의자료
스크래치 4주차 강의자료스크래치 4주차 강의자료
스크래치 4주차 강의자료sookmyungvisual
 
소프트웨어 교육용 자작로봇
소프트웨어 교육용 자작로봇소프트웨어 교육용 자작로봇
소프트웨어 교육용 자작로봇Kyung Man Shin
 
스크래치 3주차 강의 프리젠테이션
스크래치 3주차 강의 프리젠테이션스크래치 3주차 강의 프리젠테이션
스크래치 3주차 강의 프리젠테이션sookmyungvisual
 
[WEB UI BASIC] JavaScript 1탄
[WEB UI BASIC] JavaScript 1탄[WEB UI BASIC] JavaScript 1탄
[WEB UI BASIC] JavaScript 1탄Jae Woo Woo
 
잘하면고효율, 못하면가문의원수가되는 짝프로그래밍 (Effective Pair Programming with Lessons Learned)
잘하면고효율, 못하면가문의원수가되는 짝프로그래밍 (Effective Pair Programming with Lessons Learned)잘하면고효율, 못하면가문의원수가되는 짝프로그래밍 (Effective Pair Programming with Lessons Learned)
잘하면고효율, 못하면가문의원수가되는 짝프로그래밍 (Effective Pair Programming with Lessons Learned)Suwon Chae
 
스크래치 시작하기
스크래치 시작하기스크래치 시작하기
스크래치 시작하기program2live
 
Digital Road for Kids
Digital Road for KidsDigital Road for Kids
Digital Road for Kidssookyung kong
 
정규표현식 Regular expression (regex)
정규표현식 Regular expression (regex)정규표현식 Regular expression (regex)
정규표현식 Regular expression (regex)Sunyoung Kim
 
무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fall
무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fall무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fall
무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fallSeoul National University
 

Viewers also liked (20)

비개발자를 위한 Javascript 알아가기 #1
비개발자를 위한 Javascript 알아가기 #1비개발자를 위한 Javascript 알아가기 #1
비개발자를 위한 Javascript 알아가기 #1
 
비개발자를 위한 Javascript 알아가기 #7.1
비개발자를 위한 Javascript 알아가기 #7.1비개발자를 위한 Javascript 알아가기 #7.1
비개발자를 위한 Javascript 알아가기 #7.1
 
비개발자를 위한 Javascript 알아가기 #6.1
비개발자를 위한 Javascript 알아가기 #6.1비개발자를 위한 Javascript 알아가기 #6.1
비개발자를 위한 Javascript 알아가기 #6.1
 
비개발자를 위한 Javascript 알아가기 #7
비개발자를 위한 Javascript 알아가기 #7비개발자를 위한 Javascript 알아가기 #7
비개발자를 위한 Javascript 알아가기 #7
 
비개발자를 위한 Javascript 알아가기 #4.1
비개발자를 위한 Javascript 알아가기 #4.1비개발자를 위한 Javascript 알아가기 #4.1
비개발자를 위한 Javascript 알아가기 #4.1
 
Git - Level 2
Git - Level 2Git - Level 2
Git - Level 2
 
비개발자를 위한 Javascript 알아가기 #2
비개발자를 위한 Javascript 알아가기 #2비개발자를 위한 Javascript 알아가기 #2
비개발자를 위한 Javascript 알아가기 #2
 
비개발자를 위한 Javascript 알아가기 #3
비개발자를 위한 Javascript 알아가기 #3비개발자를 위한 Javascript 알아가기 #3
비개발자를 위한 Javascript 알아가기 #3
 
외계어 스터디 4/5 Event & Library
외계어 스터디 4/5 Event & Library외계어 스터디 4/5 Event & Library
외계어 스터디 4/5 Event & Library
 
비개발자를 위한 Javascript 알아가기 #4
비개발자를 위한 Javascript 알아가기 #4비개발자를 위한 Javascript 알아가기 #4
비개발자를 위한 Javascript 알아가기 #4
 
스크래치 4주차 강의자료
스크래치 4주차 강의자료스크래치 4주차 강의자료
스크래치 4주차 강의자료
 
소프트웨어 교육용 자작로봇
소프트웨어 교육용 자작로봇소프트웨어 교육용 자작로봇
소프트웨어 교육용 자작로봇
 
스크래치 6주차
스크래치 6주차스크래치 6주차
스크래치 6주차
 
스크래치 3주차 강의 프리젠테이션
스크래치 3주차 강의 프리젠테이션스크래치 3주차 강의 프리젠테이션
스크래치 3주차 강의 프리젠테이션
 
[WEB UI BASIC] JavaScript 1탄
[WEB UI BASIC] JavaScript 1탄[WEB UI BASIC] JavaScript 1탄
[WEB UI BASIC] JavaScript 1탄
 
잘하면고효율, 못하면가문의원수가되는 짝프로그래밍 (Effective Pair Programming with Lessons Learned)
잘하면고효율, 못하면가문의원수가되는 짝프로그래밍 (Effective Pair Programming with Lessons Learned)잘하면고효율, 못하면가문의원수가되는 짝프로그래밍 (Effective Pair Programming with Lessons Learned)
잘하면고효율, 못하면가문의원수가되는 짝프로그래밍 (Effective Pair Programming with Lessons Learned)
 
스크래치 시작하기
스크래치 시작하기스크래치 시작하기
스크래치 시작하기
 
Digital Road for Kids
Digital Road for KidsDigital Road for Kids
Digital Road for Kids
 
정규표현식 Regular expression (regex)
정규표현식 Regular expression (regex)정규표현식 Regular expression (regex)
정규표현식 Regular expression (regex)
 
무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fall
무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fall무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fall
무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fall
 

Similar to 비개발자를 위한 Javascript 알아가기 #5

파이썬+주요+용어+정리 20160304
파이썬+주요+용어+정리 20160304파이썬+주요+용어+정리 20160304
파이썬+주요+용어+정리 20160304Yong Joon Moon
 
Smalltalk at Altlang 2008
Smalltalk at Altlang 2008Smalltalk at Altlang 2008
Smalltalk at Altlang 2008daliot
 
스칼라와 스파크 영혼의 듀오
스칼라와 스파크 영혼의 듀오스칼라와 스파크 영혼의 듀오
스칼라와 스파크 영혼의 듀오Taeoh Kim
 
파이썬 함수 이해하기
파이썬 함수 이해하기 파이썬 함수 이해하기
파이썬 함수 이해하기 Yong Joon Moon
 
Javascript 교육자료 pdf
Javascript 교육자료 pdfJavascript 교육자료 pdf
Javascript 교육자료 pdfHyosang Hong
 
Javascript 완벽 가이드 정리
Javascript 완벽 가이드 정리Javascript 완벽 가이드 정리
Javascript 완벽 가이드 정리ETRIBE_STG
 
How to use the Ruby programing language
How to use the Ruby programing languageHow to use the Ruby programing language
How to use the Ruby programing languageJaeYeoul Ahn
 
Javascript - Function
Javascript - FunctionJavascript - Function
Javascript - Functionwonmin lee
 
파이썬+함수이해하기 20160229
파이썬+함수이해하기 20160229파이썬+함수이해하기 20160229
파이썬+함수이해하기 20160229Yong Joon Moon
 
Domain Specific Languages With Groovy
Domain Specific Languages With GroovyDomain Specific Languages With Groovy
Domain Specific Languages With GroovyTommy C. Kang
 
Chapter8 상속과다형성(윤현성)
Chapter8 상속과다형성(윤현성)Chapter8 상속과다형성(윤현성)
Chapter8 상속과다형성(윤현성)Hyun Sung Yoon
 
Chapter8 상속과다형성(윤현성)
Chapter8 상속과다형성(윤현성)Chapter8 상속과다형성(윤현성)
Chapter8 상속과다형성(윤현성)Hyun Sung Yoon
 
[C언어]함수오버로딩과오버라이딩
[C언어]함수오버로딩과오버라이딩[C언어]함수오버로딩과오버라이딩
[C언어]함수오버로딩과오버라이딩jusingame
 
Move semantics
Move semanticsMove semantics
Move semanticsQooJuice
 
I phone 2 release
I phone 2 releaseI phone 2 release
I phone 2 releaseJaehyeuk Oh
 
Functional Kotlin makes Kotlin functional
Functional Kotlin makes Kotlin functionalFunctional Kotlin makes Kotlin functional
Functional Kotlin makes Kotlin functionalHyunWoo Lee
 

Similar to 비개발자를 위한 Javascript 알아가기 #5 (20)

파이썬+주요+용어+정리 20160304
파이썬+주요+용어+정리 20160304파이썬+주요+용어+정리 20160304
파이썬+주요+용어+정리 20160304
 
Smalltalk at Altlang 2008
Smalltalk at Altlang 2008Smalltalk at Altlang 2008
Smalltalk at Altlang 2008
 
스칼라와 스파크 영혼의 듀오
스칼라와 스파크 영혼의 듀오스칼라와 스파크 영혼의 듀오
스칼라와 스파크 영혼의 듀오
 
파이썬 함수 이해하기
파이썬 함수 이해하기 파이썬 함수 이해하기
파이썬 함수 이해하기
 
Light Tutorial Python
Light Tutorial PythonLight Tutorial Python
Light Tutorial Python
 
Javascript 교육자료 pdf
Javascript 교육자료 pdfJavascript 교육자료 pdf
Javascript 교육자료 pdf
 
Java script
Java scriptJava script
Java script
 
Javascript 완벽 가이드 정리
Javascript 완벽 가이드 정리Javascript 완벽 가이드 정리
Javascript 완벽 가이드 정리
 
Communism OOP
Communism OOPCommunism OOP
Communism OOP
 
How to use the Ruby programing language
How to use the Ruby programing languageHow to use the Ruby programing language
How to use the Ruby programing language
 
Javascript - Function
Javascript - FunctionJavascript - Function
Javascript - Function
 
파이썬+함수이해하기 20160229
파이썬+함수이해하기 20160229파이썬+함수이해하기 20160229
파이썬+함수이해하기 20160229
 
Domain Specific Languages With Groovy
Domain Specific Languages With GroovyDomain Specific Languages With Groovy
Domain Specific Languages With Groovy
 
Chapter8 상속과다형성(윤현성)
Chapter8 상속과다형성(윤현성)Chapter8 상속과다형성(윤현성)
Chapter8 상속과다형성(윤현성)
 
Chapter8 상속과다형성(윤현성)
Chapter8 상속과다형성(윤현성)Chapter8 상속과다형성(윤현성)
Chapter8 상속과다형성(윤현성)
 
[C언어]함수오버로딩과오버라이딩
[C언어]함수오버로딩과오버라이딩[C언어]함수오버로딩과오버라이딩
[C언어]함수오버로딩과오버라이딩
 
Move semantics
Move semanticsMove semantics
Move semantics
 
파이썬 심화
파이썬 심화파이썬 심화
파이썬 심화
 
I phone 2 release
I phone 2 releaseI phone 2 release
I phone 2 release
 
Functional Kotlin makes Kotlin functional
Functional Kotlin makes Kotlin functionalFunctional Kotlin makes Kotlin functional
Functional Kotlin makes Kotlin functional
 

More from 민태 김

웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스민태 김
 
초보자를 위한 정규 표현식 가이드 (자바스크립트 기준)
초보자를 위한 정규 표현식 가이드 (자바스크립트 기준)초보자를 위한 정규 표현식 가이드 (자바스크립트 기준)
초보자를 위한 정규 표현식 가이드 (자바스크립트 기준)민태 김
 
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git버전관리를 들어본적 없는 사람들을 위한 DVCS - Git
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git민태 김
 
MEAN Stack 기반 모바일 서비스 개발 overview
MEAN Stack 기반 모바일 서비스 개발 overviewMEAN Stack 기반 모바일 서비스 개발 overview
MEAN Stack 기반 모바일 서비스 개발 overview민태 김
 
Waterfall과 agile의 불편한 동거 public
Waterfall과 agile의 불편한 동거 publicWaterfall과 agile의 불편한 동거 public
Waterfall과 agile의 불편한 동거 public민태 김
 
AWS 구축 경험 공유
AWS 구축 경험 공유AWS 구축 경험 공유
AWS 구축 경험 공유민태 김
 
H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍
H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍
H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍민태 김
 
Knockout.js Overview
Knockout.js OverviewKnockout.js Overview
Knockout.js Overview민태 김
 
스마트미디어 크로스플렛폼 개발 전략
스마트미디어 크로스플렛폼 개발 전략스마트미디어 크로스플렛폼 개발 전략
스마트미디어 크로스플렛폼 개발 전략민태 김
 
CANVAS, SVG, WebGL, CSS3, WebEvent
CANVAS, SVG, WebGL, CSS3, WebEventCANVAS, SVG, WebGL, CSS3, WebEvent
CANVAS, SVG, WebGL, CSS3, WebEvent민태 김
 
Html5 game programming overview
Html5 game programming overviewHtml5 game programming overview
Html5 game programming overview민태 김
 
What is Hybrid Apps
What is Hybrid AppsWhat is Hybrid Apps
What is Hybrid Apps민태 김
 
고품질웹앱개발전략
고품질웹앱개발전략고품질웹앱개발전략
고품질웹앱개발전략민태 김
 

More from 민태 김 (13)

웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
 
초보자를 위한 정규 표현식 가이드 (자바스크립트 기준)
초보자를 위한 정규 표현식 가이드 (자바스크립트 기준)초보자를 위한 정규 표현식 가이드 (자바스크립트 기준)
초보자를 위한 정규 표현식 가이드 (자바스크립트 기준)
 
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git버전관리를 들어본적 없는 사람들을 위한 DVCS - Git
버전관리를 들어본적 없는 사람들을 위한 DVCS - Git
 
MEAN Stack 기반 모바일 서비스 개발 overview
MEAN Stack 기반 모바일 서비스 개발 overviewMEAN Stack 기반 모바일 서비스 개발 overview
MEAN Stack 기반 모바일 서비스 개발 overview
 
Waterfall과 agile의 불편한 동거 public
Waterfall과 agile의 불편한 동거 publicWaterfall과 agile의 불편한 동거 public
Waterfall과 agile의 불편한 동거 public
 
AWS 구축 경험 공유
AWS 구축 경험 공유AWS 구축 경험 공유
AWS 구축 경험 공유
 
H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍
H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍
H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍
 
Knockout.js Overview
Knockout.js OverviewKnockout.js Overview
Knockout.js Overview
 
스마트미디어 크로스플렛폼 개발 전략
스마트미디어 크로스플렛폼 개발 전략스마트미디어 크로스플렛폼 개발 전략
스마트미디어 크로스플렛폼 개발 전략
 
CANVAS, SVG, WebGL, CSS3, WebEvent
CANVAS, SVG, WebGL, CSS3, WebEventCANVAS, SVG, WebGL, CSS3, WebEvent
CANVAS, SVG, WebGL, CSS3, WebEvent
 
Html5 game programming overview
Html5 game programming overviewHtml5 game programming overview
Html5 game programming overview
 
What is Hybrid Apps
What is Hybrid AppsWhat is Hybrid Apps
What is Hybrid Apps
 
고품질웹앱개발전략
고품질웹앱개발전략고품질웹앱개발전략
고품질웹앱개발전략
 

비개발자를 위한 Javascript 알아가기 #5

  • 1. For non-developers! Learn Javascript Programming! ! Learning contents with! Function & Object! ! ! ! ! ! Kim min tae @ibare! NCSOFT http://ibare.kr https://medium.com/@ibare #5
  • 2. 함수란? y = f(x) 두 집합 X, Y에 대하여 X의 각 원소를 Y의 오 직 하나의 원소에 대응시키는 대응 관계이다 '이름이 f인 이상한 상자'에 일정한 가치가 있는 물건을 넣으면 그 가치에 알맞은 돈의 액수가 나온다고 할때, 모든 물건에 대하 여 반드시 '그 각각의 물건의 가치에 맞는 돈의 액수'가 빈틈없 이 나오는 관계가 바로 함수이다via wikipedia
  • 4. 함수란? Javascript 에서 함수 #정의 '이름이 f인 이상한 상자' 물건을 넣으면 나오는
  • 6. 함수란? y = f(x) 함수(function)는 한 번 정의하면 몇 번이든 실행할 수 있고 호출할 수 있는 Javascript 코드 블록이다. 코드 블록 실행
  • 7. 함수란? Javascript 에서 함수 #용어정리 함수의 이름 매개변수 (Arguments) 반환값
  • 8. 함수란? Javascript 에서 함수 #조금 다른 표현 함수의 이름 == 변수 매개변수 (Arguments) 반환값 호출(실행)
  • 9. 함수란? Javascript 에서 함수 #조금 다른 표현 함수의 이름 == 변수 매개변수 (Arguments) 반환값 호출(실행) Javascript에서 함수는 조금 특이한 변수이다. ! “변수 myfunction 은 매개변수 x, y를 전달받아 코드 블럭을 실행 한 후 반환값을 호출자에게 돌려 주는 특이한 변수이다” 변수 myfunction가 가진 고유한 기능인! 함수 기능을 괄호()를 이용하여 실행하고 있다. '이름이 f인 이상한 상자’ 에 물건을 넣으면 값이 나오는 기능
  • 10. 특이하다는 것의 의미 Javascript에는 다양한 값(숫자,문자, 함수 등) 들을 모아놓은 복합체가 있다 우리는 그것을 객체 라고 부른다
  • 13. 객체(Object), 복합체의 의미 객체 O는 원시 데이타 형을 가질 수 있다 객체 O는 함수 F를 가질 수 있다 함수 F는 함수F2를 가질 수 있다 함수는 객체의 한 종류다 객체 O는 객체 O2를 가질 수 있다
  • 14. 4강 실습 #1 코드 다시보기 객체 객체 window의 변수 (함수를 저장) 객체 함수 함수에 전달할 값 객체 반환 객체 함수
  • 15. 객체(Object)로 무엇을 하는가? 프로그래머의 의도에 따라 객체는 아무 것도 없는 빈 객체 {}부터 무한에 가까울 정도로 복잡한 객체가 될 수도 있습니다 높은 자유도를 가진 객체로 프로그 래머들은 현실 세계를 묘사합니다
  • 16. 사람 객체(Object) 묘사 나이 먹음, 다이어트 하기, 뺄샘 기능(function)이 있고 나이, 키, 몸무게, 취미를 가 지고 있는 사람을 객체로 묘사. 가지고 있는 기능을 호출함으로써 객체 스스로의 상 태를 변경할 수 있고 특수기능(뺄샘)을 실행하여 세상에 도움을 줄 수 도 있다.