파이참에서 새로고침해가면서 자바스크립트를 배우는건 너무 복잡하기 때문에
개발자 도구 console창에서 자바스크립트 기초문법을 배워본다.
변수,자료형,함수,조건문,반복문
이것만 알면 거의 원하는 로직을 만들수 있다.

🎈 변수란?

쉽게말해서 값을 담는것이다.
let a = 2
a라는 박스를 꺼내서 그 안에다가 2를 담았다 라는 의미이다.

문자열도 담을 수가 있다.
let first_name = 'bborong'
(')작은 따옴표가 붙으면 문자열이다. (큰따옴표도 상관없음)

💡문자열을 지을때 남이 봐도 알아보기 쉽게 지어야 좋다.

⭐왼쪽 상단 🚫를 눌러 제거 해준다.이렇게 제거 했을경우 방향키 윗키를 누르면
썼던게 그대로 나오지만 본문에서 새로고침을해서 지우면 그전것도 날라가버린다.
라고 나오지만 새로고침을 했는데도 왜 그대로인걸까.. 업데이트라도 된걸까
아 윗키로는 나오지만 결과값이 안나온다.

📢자료형

🎈list와 dictionary

🧩list는 순서가 중요한 담기이다.

let a_list = ['수박','참외','배']
순서를 셀때는 맨처음 0부터 센다.
a_list[0]
'수박'

❓❓리스트에 더 추가 하고 싶다면?❓❓

🔎'자바스크립트 리스트 추가'라고 검색 해보기
👉??.push('?')
a_list.push('감')
4
a_list[3]
'감'

⭐조건에 맞으면 그때마다 추가 시키는 행위를 동적으로 추가된다라고 얘기한다.

🧩dictionary

예)뽀롱이는 생일이 언제니?
'생일'이라는 단어에 대응되는 '날짜'를 얘기해달라는것이다.
'생일'(Key)값에 대응되는 '날짜'(value)값을 얘기해달라는 것이다.
💡컴퓨터 프로그래밍 언어도 우리가 평상시에 많이 쓰는 언어값에서 출발한것이다.

let a_dict = {'name':'bob','age':27} 💡작성할때 순서는 안중요하다.
👉👉👉👉👉(key):(value),(key):(value)👈👈👈👈👈
a_dict['name']
'bob'
a_dict['age']
27

❔❔딕셔너리에 더 추가하고 싶다면 어떻게 해야할까?❔❔

a_dict['height'] = 180 👉똑같이 하나 더 적으면 된다.
180
a_dict
{name: 'bob', age: 27, height: 180}
이제 height까지 가지고 있는 변수가 되었다.

⭐그렇다면, a_dict['fruits']는 뭘까?👉["수박","참외","배","감"]이라는 list다.
a_dict['fruits'][2]
배
⭐딕셔너리와 리스트가 서로 서로의 요소로 쓰일 수 있다.
💡딕셔너리 안에 리스트가,리스트 안에 딕셔너리가 들어갈 수 있다.

🎈기본 함수 몇가지

🧩나눗셈의 나머지 구하기

let a = 100
undefined
a % 8 👉a를 8로 나눈 나머지
4
❔언제쓰일까❔

• 트래픽 인터넷의 정보(데이터)량)이 막 들어올 때 균등하게 나눌때 👉그래야 랙이 없고 정보가 안깨진다.
• 짝수홀수 구분할 때도 좋다.

🧩등호

a < 150
true
a > 200
false
a == 100 👉let a = 100에서 오른쪽값을 왼쪽에다 넣을 때 써놨기 때문에 ==를 쓴다.
true
a != 100 👉같지 않다.

🧩글씨 분리하기

let myemail = 'sparta@gmail.com'
undefined
myemail.split('@')
['sparta', 'gmail.com'] 👉sparta와 gmail.com으로 나눠진다.
myemail.split('@')[1] 👉[1]번째꺼를 취한다.
'gmail.com'
myemail.split('@')[1].split('.') 👉다시 .으로 쪼갠다.
['gmail', 'com']
myemail.split('@')[1].split('.')[0]
'gmail'

❔언제쓰일까❔ 어떤 도메인의 이메일인지 판별할 때 쓸 수 있겠다.
⭐하나하나 쳐가면서 하는 습관을 들이는게 중요하다.