Build the Needs

프로토콜 : 양측이 상호작용하는 방식에 관한 규칙 정의(매우 정확하게 명시된다) 많은 프로토콜 중 두 가지의 핵심 프로토콜이 있는데 IP는 인터넷 프로토콜(Internet Protocol)로 개별 패킷의 형식을 지정하고 패킷을 전송하는 방법을 정의 TCP는 전송 제어 프로토콜(Transmission Control Protocol)로 IP 패킷을 데이터 스트림으로 결합하고 서비스에 연결하는 방법을 정의 -> 이 두 프로토콜이 IP + TCP가 되어 TCP/IP라고 한다. 게이트웨이 = IP패킷을 라우팅하게 되지만 각 물리적 네트워크에 IP 패킷을 전달하기 위한 고유한 형식 존재 각 게이트웨이는 패킷이 들어오고 나갈때 네트워크 형식과 IP 형식 간 변환을 수행. IP 레벨 위에는 TCP가 안정적인 통신을 제..

우선 styled components, router, redux, 다른 hook 등 다양한 방법을 연결시켜보면서 state과 props가 왜 중요한지 다시금 깨달은 순간인것을 알 수 있었습니다. 특히 props와 state만으로는 부모 컴포넌트가 state를 props로 자식 컴포넌트한테 물려주는 형식인데 너무 많은 자식 컴포넌트가 생긴경우 초기 부모 컴포넌트한테 내려받을려면 무수히 많은 다른 자식컴포넌트를 거쳐야 하기에 생긴 redux(필요한 state 저장소) 그리고 router를 통해 다른 상세 페이지를 넘어 갈 수 있는 부분과 리렌더링이 일어나는 경우가 부모 state가 변경되어 props가 변경되는 경우나, 자식 컴포넌트가 변하는 경우나, 강제 업데이트 등 다양한 요소로 리렌더링이 일어날 수 있..

JS로 실현한 부분을 React로 실행시켜보았다 //app.css #title { color: blue; text-decoration: underline; } .wrap { display: flex; align-items: center; } .todo-card { border: 1px solid gray; padding: 2em; margin: 1em; border-radius: 5px; } button { width: 100px; } button:hover { background-color: orange; } //app.js import React from "react"; import logo from "./logo.svg"; //폴더는 소문자로 시작하는 카멜케이스, 컴포넌트를 만드는 파일은 대문자로 ..