각 컴퓨터간 데이터를 전송할 때 컴퓨터 내부에서는 여러가지 일을 합니다. 해당 모델은 하드웨어 및 소프트웨어가 수행하는 기능에 따라 이를 7개의 계층(또는 레이어라고도 부릅니다.)으로 구분하였습니다. 각 계층은 다음과 같이 구분됩니다. 1계층 - 물리 계층: OSI 모델의 맨 밑에 있는 계층으로서, 시스템 간의 물리적인 연결과 전기 신호를 변환 및 제어하는 계층입니다. 주로 물리적 연결과 관련된 정보를 정의합니다. 주로 전기 신호를 전달하는데 초점을 두고, 들어온 전기 신호를 그대로 잘 전달하는 것이 목적입니다. e.g. 디지털 또는 아날로그로 신호 변경 2계층 - 데이터링크 계층: 네트워크 기기 간의 데이터 전송 및 물리주소(e.g. MAC 주소)를 결정하는 계층입니다. 물리 계층에서 들어온 전기 신호..

UI(user interface, 사용자 인터 페이스) UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와 상호 작용하는 시스템 UI의 종류에는 크게 두가지 종류가 있다. GUI(Graphical User Interface, 그래픽 사용자 인터페이스) GUI는 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경 화면상에 그래픽으로 그려진 UI가 CLI에 비해 직관적이고 간편하기 때문에 대부분 GUI를 사용한다. GUI의 예시는 우리가 보는 운영체제(Window, Mac OS)의 화면, 혹은 애플리케이션 화면이 있다. CLI(Command Line Interface, 명령 줄 인터페이스) CLI는 사용자가 명령어를 통해 컴퓨터와 정보를 교환하는 작업 환경 GUI에 비해 직관성과..

🌧️Section.2 회고 내가 알고있는게 맞는지? 아니, 알고 있는지? 아니, 배우긴한건지? 를 나에게 수 없이 질문하던 혼돈의 카오스 Section.2 나는 나와 싸워야 한다. 섹션 1 회고 때 했던 다짐들을 뒤로하고, 또 다시 다짐육이 되어버린 나의 멘탈을 꾸역꾸역 부여잡으면서 지나온 약 1달의 시간. 나의 저번 회고때 개선하고자 했던 problem 리스트인데, 이 중 1번과 3번,4번은 개선했다고 생각한다. 하지만 동기와 나를 비교하는 것, 개인공부 시간에 온전히 공부하는 것. 이 두가지를 아직 개선하지 못했다. 섹션 2를 거치고 나면 나도 실력이 눈에 띄게 늘게될거라고 애써 위로했지만 결국 개인 능력하에 성취도따라 다르다는 걸 또 느꼈다. 43기 동기들은 각자 출발선이다르고 누군가는 이게 첫 시..

웹 개발을 하다 보면, 이 에러를 적어도 한 번 쯤은 겪게 되고, 그리고 높은 확률로 이 에러 때문에 골머리를 앓는 경험을 하게 하는 그것. 바로 CORS Error CORS가 대체 뭐길래 이런 에러를 띄우는 건지 알아보기 전에, CORS가 필요하게 된 배경인 SOP에 대해서 먼저 알아보도록 합시다. SOP SOP은 Same-Origin Policy의 줄임말로, 동일 출처 정책을 뜻합니다. 한 마디로 ‘같은 출처의 리소스만 공유가 가능하다’라는 정책인데요. 여기서 말하는 ‘출처(Origin)’는 다음과 같습니다. 출처는 프로토콜, 호스트, 포트의 조합으로 되어있습니다. 이 중 하나라도 다르면 동일한 출처로 보지 않습니다. 예시를 들어 이해해봅시다. https://www.codestates.com vs h..

State 끌어올리기 실습 import React, { useState } from "react"; import "./styles.css"; const currentUser = "김코딩"; function Twittler() { const [tweets, setTweets] = useState([ { uuid: 1, writer: "김코딩", date: "2020-10-10", content: "안녕 리액트" }, { uuid: 2, writer: "박해커", date: "2020-10-12", content: "좋아 코드스테이츠!" } ]); //**새로운 작성된 트윗인 newtweet을 받아와서 트윗리스트에 넣어준다. */ const addNewTweet = (newTweet) => { setTwee..

REST API 웹에서 사용되는 모든 데이터나 자원(Resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식 API가 클라이언트가 서버에게 요청하는 방법을 알려주는 메뉴판이라면 REST API는 알아보기 쉽고 가독성이좋은 메뉴판이라고 생각한다. 리챠드손 슨배님의 성숙도 모델(RMM) RMM은 3단계까지 있지만 현실적으로 2단계까지만 적용해도 좋은 API디자인이라고 볼 수 있고, 이런경우를 HTTP API라고 부른다. REST 성숙도 모델 - 0단계 단순히 HTTP 프로토콜을 사용하는 것이 REST API의 출발점이자 0단계 성숙도를 만족한것이다. REST 성숙도 모델 - 1단계 REST 성숙도 모델에 따르면, 1단계에서는 개별 리소스(Resource)와의 통신..