Java script 기초 of basic 문법 (변수, 자료형, 약간의 함수)

자바스크립트란?

 

프로그래밍 언어중 하나로, 브라우저가 알아들을 수 있는 언어

 

역사적인 이유 & 이미 만들어진 표준 이기 때문에, 모든 브라우저는 기본적으로 javasript를 알아듣게 설께되어있고, 모든 웹 서버는 HTML+CSS+Javasript를 주게 되어있다.

 

Java와 Javasript는 아무 관련이 없다.

 

 

기초문법

 

변수, 자료형, 함수, 조건문, 반복문 

 

변수

 

변수는 값을 담는 박스다

 

ex) let a = 3  a라는 박스에 3이라는 값을 담는다.

    let first_name = 'roegan' 문자열엔 '작은 따음표' 가 붙는다 "큰 따옴표" 도 사용가능

 

뭔가 변수 이름을 지을땐 남이 봐도 알아보기 쉽게 짓는다.

 

ex_) last_name

 

 

자료형

 

리스트 자료형은 순서가 중요한 담기

 

let a_list = ['수박' , '참외' , '배']

코딩에서 카운트는 1부터가 아니라 0부터

a_list[0]
"수박"

a_list[1]
"참외"

리스트 뒷열에 추가하기
a_list.push('감')
4

a_list
(4) ["수박", "참외", "배", "감"]

 

 

딕셔너리형 

 

key 값에 대응하는 value 값을 주는 형태의 자료형

 

let a_dict = {'name' : 'bob' , 'age' : 27 }

'name' : 'bob' 는 key : value 이다

undefined

a_dict["name"]
"bob"

a_dict["age"]
27

딕셔너리에 값을 추가 
a_dict['height'] =180
180

a_dict
{name: "bob", age: 27, height: 180}

리스트 형과 다르게 '순서'가 중요하지 않다.

 

딕셔너리와 리스트가 서로서로의 요소로 사용 가능

 

a_dict['fruits'] = a_list
(4) ["수박", "참외", "배", "감"]

a_dict
{name: "bob", age: 27, height: 180, fruits: Array(4)}

 

a_dict['fruits'][1]
"참외"

 

재밋는 함수들

 

let a = 100

 

a % 1 

1

 

나눴을때 나머지 함수 

 

이런 함수는 짝홀 구분 혹은 트래픽을 하나씩 나눌때 사용

 

a <150
true
a>200
false
a == 100
true
a != 100
false

 

!= 는 같지 않다. == 는 같다 라는 등호로 사용. =는 지정

 

 

글자를 구분하는 함수 split

이메일에서 도메인을 함수로 추출하는 과정

 

let myemail = 'roegan.kim@gmail.com'
undefined

myemail.split('@')
(2) ["roegan.kim", "gmail.com"]

myemail.split('@')[1]
"gmail.com"

myemail.split('@')[1].split('.')
(2) ["gmail", "com"]

myemail.split('@')[1].split('.')[0]
"gmail"

 

 

한번에 마지막 코드를 쓰려하지 말고, 한 단계씩 추가해가며 만들어가는 버릇을 들여라