사전캠프

TIL 4

musukie 2024. 8. 29. 15:06

  2 - 1 JavaScript

- JavaScript로 움직이기 = 데이터를 받아서 화면을 바꾼다.

- jQuery : JavaScript를 쉽게 쓸 수 있게 한다.

- Fetch를 통해서 api로부터 데이터를 받아올 수 있다.

- 이를 통해 사이트에서 날씨, 시간 등을 실시간으로 가져 수 있고, 명언 등을 새로고침마다 바꿀 수 있다.

  2 - 2 JavaScript

- 프로그래밍 언어 = 기계와 사람이 소통하기 위해 만든 언어

- JavaScript : 브라우저가 알아들을 수 있는 언어

- 개발자 도구 콘솔창에서 Javascript 코드 실행 가능

  띄워놓은 페이지에서 Javascipt를 테스트할 수 있게, 개발자들을 위해 만들어둔 도구

- 자바스크립트의 역할 : 1.요소 바꾸기   2. 버튼을 클릭하면 (사용자의 동작에 따라) 요소 바꾸기

  2 - 3 JavaScript 기초 문법 배우기

- 기초문법은 JavaScript뿐만 아니라 어느 프로그래밍 언어에서도 개념 자체는 똑같다.

- 변수

  예) let num = 20; => 변수를 상자라고 생각하면 20이라는 숫자를 num이라는 상자에 넣었다고 생각하면 됨.

      But num = 'Bob' 엔터 console.log(num)이라는 코드를 또 넣으면, num이라는 상자는 기존에 있던 20을 버리고, 제일 마지막에 넣은 Bob을 담아서 출력하게 된다.

- 기본 연산

  예) 숫자는 연산되어 나타나고, 문자열은 서로 붙어서 나란히 출력됨

        let a = 1 / let b = 2 라고 하고 console.log(a + b) / console.log(a / b) 하면 3과 0.5가 출력됨.

        let first = 'Bob' / let last = 'Lee' 하고 console.log(first + last) 하면 BobLee가 출력됨.

        console.log(first + a) 하면 Bob1로 a는 숫자였지만 문자열로 취급되어 나란히 나타나게 됨.

- 변수에 담긴 데이터에 따라 연산이 달라지게 됨.  변수에 넣을 수 있는 데이터도 있고 안 되는 것도 있음.

- 숫자형과 문자형의 변수는 데이터를 하나만 저장할 수 있음

  리스트, 딕셔너리는 데이터를 여러 개 저장할 수 있음

- 리스트('[  ]')

  예) let a_list = [] / let b_list = [1, 2, 'hey', 3]처럼 처음부터 데이터를 넣어서 쓸 수도, 비워놓을 수도 O

      순서가 있는 것. 0, 1, 2, 3 순으로 진행. 따라서 console.log(b_list[0]) 하면 1이 출력

  리스트 추가 : b_list.push('헤이')

      console.log(b_list.length)는 b_list의 길이를 보여준다. 따라서 5가 출력됨

- 딕셔너리(=객체)('{ }') : 키(key)-밸류(value) 값의 묶음(열쇠와 열쇠로 열리는 보물상자로 보면 됨)

                                      키는 중복되면 X, 문자열이어야 O

  예) let a_dict = {} / let b_dict = {'name': 'Bob', 'age': 21} 

       console.log(b_dict['name']) / console.log(b_dict['age']) 하면 각각 Bob와 21이 출력됨

     딕셔너리 추가 :  b_dict['height'] = 180

- 리스트와 딕셔너리 함께 쓰기

   예)names = [{'name':'bob','age':20},{'name':'carry','age':38}]

       console.log(names[0]['name']) 하면 bob이, console.log([1]['name']) 하면 carry가 출력

    리스트 추가 : new_name = {'name':'john', 'age':7} 하고 names.push(new_name)

 

*

더보기

  팀 퀘스트 중 아티클 스터디 2일차인데, 아티클 하나가 아닌 아티클 하나의 본문 내용을 쪼개서 하나 씩 요약하고 인사이트를 적고 있어서 조금 아쉽다. 그래도 내용 하나 하나를 자세히 뜯어봐서 내용을 완전히 이해하기에는 좋다. 강의 두 개를 한꺼번에 들을까 고민 중이다. 하지만 강의 하나만 듣고 내용을 이해하고 익숙해지는 데도 살짝 버겁기 때문에, 강의 하나만 듣되 빠르게 진도를 나갈 가능성이 더 높다. 얼른 기본적인 내용을 숙지해서 코딩에 익숙해지고 싶다.

 

* 노트 필기

'사전캠프' 카테고리의 다른 글

WIL 1  (1) 2024.08.30
TIL 5  (2) 2024.08.30
TIL 3  (9) 2024.08.28
TIL 2  (0) 2024.08.27
TIL 1  (0) 2024.08.26