1. 커뮤니케이션 잘하기
2. 두루두루 잘지내기 (ㅠㅠ)
3. 모르는거 질문 많이 하기
4. https://support.microsoft.com/en-us/topic/maximum-url-length-is-2-083-characters-in-internet-explorer-174e7c8a-6666-f4e0-6fd6-908b53c12246#:~:text=If%20you%20are%20using%20the,and%20not%20in%20the%20URL.
5. url은 동사형이 들어있지 않고, 명사형으로 써야함. 리소스에 대한 정의만 하는것이다.
6. 백엔드가 데이터구조를 맞춰줘야 한다.
7. graphQL - 클라이언트에서 요청하는 문자열대로 날릴 수 있음

url

• url은 동사형이 들어있지 않고, 명사형으로 써야함. 리소스에 대한 정의만 하는것이다.
• url은 변경이 되면 안된다. uri -> indetifier! 고유한 자원이고 변경되면 안됨. 행동이 있으면 안됨.

API

• Aplication Promgramming Interface
• 함수와 반환값 등이 있는 것. 인터페이스가 있어야 씀. 일종의 약속

body

• 보내야 할 데이터 저장소
• 서버에서 파싱. 문자열을 분해하기
• JSON 형태로도 씀

JSON

JSON (JavaScript Object Notation)!!!

post

fetch("https://example.com/posts", {
method: "POST",
body: formData,
})
.then((response) => response.json())
.then((result) => {
console.log("Success:", result);
})
.catch((error) => {
console.error("Error:", error);
});

const content = "Hello World";
const myHeaders = new Headers();
myHeaders.append("Content-Type", "text/plain");
myHeaders.append("Content-Length", content.length.toString());
myHeaders.append("X-Custom-Header", "ProcessThisImmediately");

Subroutines

https://isaaccomputerscience.org/topics/subroutines?examBoard=all&stage=all

html validator

https://www.freeformatter.com/html-validator.html

ESM 표준

• esm 말고는 로드하는 방식이 없었다
• common.js, require
• esm이 현재는 표준
• 순환 참조

복잡한 것에서 단순한 것으로

• 우리가 개발하는것은 대부분 트리 형식
• 디렉토리 형식도 그렇게 될 것이다. 계층적으로.
• function 만 이름이 아니라 prameter 까지 읽히니까 거기까지 이름으로 인식해도 됨
• 파라미터가 없으면 이것에 대한 구체적인 행동이 없다는 것이다.

bind

function  bind () {
}

클래스

• 상태를 변경할 때 많이 사용함

Store

• 모델이라고 안하고 store라고 많이 함

Dedendency Tree

• 만들어보기.

더 범용성 있게 설계해보자!