[JavaScript] 기초 (1)

(1-13~1-15강 참고) 모든 자료는 스파르타코딩 웹개발종합반 자료에 의해 작성되었습니다.

console.log, let 선언, 리스트 딕셔너리, 기본함수에 대해 알아보자

---

📘 Javascript 기초 (1)

✍🏻 문법을 알아보자

📎 console.log ( 변수 )

• 맥 : alt(option) + commend + i
• 콘솔 창에 괄호안의 값을 출력해준다.

  Q.Chrome 개발자도구의 콘솔창은 어떤 의미인가요?
  
  A. 띄워놓은 페이지에서 빠르게 자바스크립트를 테스트해볼 수 있게, 개발자들을 위해 만들어놓은 도구입니다. 새로고침하면 모두 사라져요!

📎 let ( 변수 )

• 변수 대입의 의미와 같다. (변수를 저장하는 박스)
• let number = 2 일때 2를 number안으로 넣는다 로 생각하면 편하다.
• 한번 선언한 이후 두세번 선언하지 않아도 된다.
• 변수명은 정해져있지 않다.
• 특수문자 또는 띄어쓰기 불가

// 이런식으로 사용하지요
let num= 20
num = 'Bob'

✍🏻 변수(리스트, 딕셔너리)

📎 리스트(List)

• 순서를 지켜서 가지고 있는 형태

✔️ 입력과 출력

let a_list=[1,2,'hey',3] 
a_list=[1] // 2를 출력

📎 딕셔너리(Dictionary)

• 키(key)-밸류(value)값의 묶음

✔️ 입력과 출력

let num = {'name':'Bob','age':21}
num=['name'] //'Bob'출력

num=['height']=180
num // {'name':'Bob','age':21,'height': 180} 출력

📎 리스트(List) & 딕셔너리(Dictionary)

✔️ 입력과 출력

let num=[{'name':'Bob','age'=21},{'name':'Suzan','age'=30}]

//num[0]['name'] 의 값은 ? 'Bob'
// num[1]['age'] 의 값은 ? 21

new_num={'name':'Seung','age'=27}
num.push(new_name)

// num의 값은? [{'name':'Bob','age'=21},{'name':'Suzan','age'=30},{'name':'Seung','age'=27}]

🔥 예제 1) 특정 문자로 문자열을 나누고 싶은 경우 (함수 split을 이용하여 gmail 출력)

✔️ 입력과 출력

let myemail= wowomi@gamil.com
let result = myemail.split('@') // [wowomi],[emil.com]

result[0] //wowomi
result[1] //gmail.com

let result2=result[1].split('.') 

result2[0] // gamil

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