자바스크립트
자바스크립트는 made by Brendan Eich, 10일 1995
자바스크립트 들어가기 전에 교양편
History
Dom 조작 기능을 더해서 동적인 인터렉션 및 데이터 조작 :D
자바 자바스크립트?
바다 바다코끼리?
인도 인도네시아?
자바에 인기에 편승하기 위해서 이름을 처음에 이렇게 지음
ECMASCRIPT 표준 버전
https://stackify.com/popular-programming-languages-2018/
http://www.businessinsider.com/the-9-most-popular-programming-languages-according-to-the-facebook-for-programmers-2017-10/#3-java-13
깃헙 및 생태계 봤을 때
요.대.세 JavaScript , Python
Text
Why?.?
Front-end 빠른 발전 Update
빠르고 쉬움, 웹 앱 , 데스크 탑 앱 백엔드 , 하나만 알면 원큐
Text
Text
교양 조금 더
스크립트 언어 vs 컴파일 언어?
컴파일이란?
각각의 장단점
컴퓨터의 다섯가지 기능
1. 인풋
2. 기억
3. 처리
4. 출력
5. 제어
계산, 반복, 선택하고
이걸 재사용성에 따라서 쪼개고 나누고 조작하고 블러오고 :D
Computial thinking
수학, 철학 => 논리,
코딩 or 프로그래밍
조금 다른 것이 있다면 실질적 + 공학
결과물을 만들어 낸다.
어렵다 !
why? 사람은 보통 직관적, 경험적으로
복잡한 사건을 논리로 딱딱 처리하기란 쉽지가 않다.
How to Improve
연습, 알고리즘 , 많이 만들어보고 더 잘 짤 수 있을지 생각
Happy Coding: D Yeah
고로면 이제 교양 끝 본격적으로 JS 시작해봅시다
JS #02
1.변수
3. 반복, 선택 if , for
2. 데이터 타입
0. 콘솔 Start console.log('Hello world')
4. 함수
5. Dom
JS #02
0. 콘솔 Start console.log('Hello world')
string ``
&
Document.wrtie
Dom
JS #02
string
'', "", ``,
string method, index, slice ,length....
array
name.length
name.slice(0,4)
JS #02
1.변수
변하는 수 , 담는 그릇 , 데이터를 저장하는 공간
{
}
var x = '내 이름은 뭉치야';
var pet = "뭉치";
= 는 왼쪽에 오른쪽 값을 넣어준다
참고 es6, let, const
JS #02
1.변수
지역 변수 {
}
전역변수 전체
지역 변수 함수나 if, for 등등 {}블락 내에서
그런데 var이 친구는 좀 이상해서 let, const
JS #02
1.변수
변수 ?.? 왜 필요한가
데이터 의미 있게 관리하고 재사용성
변동성 있는 것을 변수로 관리하면 한 번에 솨솨삭
의미 단위로 끊어서 코드 블럭 가독성도 높아집니다.
JS #02
2. 데이터 타입
프리미티브 타입 원시타입
숫자, 문자열, boolean, null, undefined, symobl
레퍼런스타입
함수, 배열, 객체
JS #02
2. 데이터 타입
숫자 , 간단한 연산 해볼까요?
* , + , - , /, % Math.random() 내장함수
a= a+1
a++ or a+=1, 이런 식으로도 잘 씁니다 :D
문자형숫자
Number(string)
JS #02
2. 데이터 타입
* Boolean
True, False :D
0은 기본 false 값을 갖고 있다.
null, undefined 등등 javascript false값
JS #02
2. 데이터 타입
* 배열
[] literal로 이렇게 쓰고 ,
['as'.]'
var a = ['a','3,'fu','{
}']
a = [1.2.3.4]
a.pusjh(5);
a.pop(5)
순서가 있는 수납장
a.push, a.pop a.concat
a.Length
a.map
JS #02
3. 반복, 선택 if , for
조건 판별 참 거짓
& === !!
var name= "chany"
if( name==="chany"){
name= "lee"+name;
}
else{
return "kim"+name;
}
for (var i =0; i<10; i++){
console.log(i);
}
for(var i=0; i<10; i+=2 ){
}
JS #02
4. 함수
일련의 명령문 모음 ->
반복되는 것 or 같은 논리 재사용성으로 찍어낼 수 있는 것들 :D
JS #02
실습 :D