What I Learned Today

자바스크립트 기초

변수 & 기본연산

변수 대입 의미: 오른쪽에 있는 것을 왼쪽에 넣는 것.

리스트 & 딕셔너리

리스트: 순서를 지켜서 가지고 있는 형태
딕셔너리: 키(key)-밸류(value) 값의 묶음

왜 필요? 순서를 표시할 수 있고, 정보를 묶을 수 있다. 보기에도 깔끔해지고, 다루기도 쉬워지고, 새로운 데이터를 추가할때 push 함수를 이용해 간단하게 대응가능!

변수만을 사용한 모습은 다음과 같다...상당히 알아보기 힘든 형태

let customer_1_name = '김헐크';
let customer_1_phone = '010-1234-1234';
let customer_2_name = '박스파이더맨';
let customer_2_phone = '010-4321-4321';

👉딕셔너리를 활용한다면 다음과 같이 고객 별로 정보를 묶을 수 있다.
let customer_1 = {'name': '김헐크', 'phone': '010-1234-1234'};
let customer_2 = {'name': '박스파이더맨', 'phone': '010-4321-4321'};

👉그리고 순서를 나타내기 위해 리스트를 사용하면, 깔끔하게 사용!
let customer = [
{'name': '김헐크', 'phone': '010-1234-1234'},
{'name': '박스파이더맨', 'phone': '010-4321-4321'}
]

클라이언트→서버: GET 요청 이해하기

API는 은행 창구와 같은 것!

같은 예금 창구에서도 개인 고객이냐 기업 고객이냐에 따라 가져와야 하는 것 / 처리해주는 것이 다른 것처럼,클라이언트가 요청 할 때에도, "타입"이라는 것이 존재

• GET → 통상적으로! 데이터 조회(Read)를 요청할 때
  예) 영화 목록 조회
• POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때
  예) 회원가입, 회원탈퇴, 비밀번호 수정

[참고자료: 항해99 2주차]

Ajax 기본 골격

$.ajax({
  type: "GET",
  url: "여기에URL을입력",
  data: {},
  success: function(response){
    console.log(response)
  }
})

[참고자료: 항해99 2주차]

---

Key Concepts

• error 5000번 포트를 사용할 수 없습니다.-> 5001번 포트 사용, 맥에서 5000번 포트를 사용하고 있었기 때문에 해당 문제 해결 방법 정리함
  링크: Error

---

Challenges Experienced

기다리던 항해99 드디어 출항!
이번주는 OT주간이어 웹종합강의 2회독을 목표로 팀원들과 달리기 시작으로 사전스터디 기간동안은 1회독은 다 하였으므로 월,화 이틀간 1~5주차 2회독 하고 수요일에 마무리 하기로 했다.
아직은 익숙하지 않은 젭zep 시스템에 우왕자왕 하고 어색한 첫만남에 말도 많이 버벅여서 상당히 민망했다.

독학으로 하면 금방 흐트러지고 딴짓하기 일수였는데 같이 공부하니까 그날의 할 일을 어떻게든 하게 되어 아침부터 밤까지 알찬 하루였다.