프로토콜 프로토콜은 통신규약이다. 서버와 클라이언트가 소통을 하기위해 정해놓은 규칙같은것 대표적으로 서버와 클라이언트는 HTTP라는 프로토콜을 이용하여 대화한다.(보안을 강화한 HTTPS도 있다. 은행이나 결제서비스가 있는 사이트는 HTTPS가 쓰인다.) OSI 모델 계층 응용계층(세션,표현) : DHCP,DNS,HTTP,SMTP,POP3,IMAP,SNMP,FTP,SMTP,SSH,RDP,WebSocket 전송계층 : TCP, UDP 네트워크 계층 : IP 데이터 계층 : 이더넷 물리계층 : RS-232,RS-449 이러한 여러 프로토콜들이 모여서 조합하면 하나의 컴퓨터 네트워크 디자인인 '네트워크 아키텍쳐'가 된다. API API는 Application Programming Interface의 약자이며,..

저번달에는 하지 못했던, 하지만 이번달에는 할 수 있었던 로컬스토리지 사용 React intro 트위틀러 더미데이터에서 트윗을 받아온다. 총 트윗 횟수를 표기한다. = 더미데이터.length css를 손본다 React SPA 트위틀러 더미데이터에서 트윗을 받아온다. SPA를 구현한다. 라우터를 통해 경로를 변경해주고, 경로에 맞는 화면을 제공한다. useNavigate를 이용하여 뒤로가기 기능을 만든다. css를 손본다. React state&props 트위틀러 더미데이터에서 트윗을 받아온다. SPA를 구현한다. 라우터를 통해 경로를 변경해주고, 경로에 맞는 화면을 제공한다. useNavigate를 이용하여 뒤로가기 기능을 만든다. 트윗을 등록하고, 등록 한 글이 최상단에 위치해야한다. props를 통해..

onChange function NameForm() { const [name, setName] = useState(""); // const [초기값, set함수] = 초기값은" " const handleChange = (e) => { // 이벤트가 발생하면 setName(e.target.value); // set함수를 이용해서 이벤트타겟에 입력된 value값으로 초기값을 업데이트한다. } return ( // input 창에 이름을 입력하면 h1크기로 이름이 출력되는 컴포넌트 {name} ) }; import React, { useState } from "react"; import "./styles.css"; function SelectExample() { const [choice, setChoice] ..

React State & props 이해하기 10시에 스터디 Til 참여하기

Props props는 외부로 부터 전달받은 값. 상위 컴포넌트로부터 넘겨받는다. props는 immutable한 데이터이며, 부모에서 자식으로 혹은 구성 요소 자체에서 데이터를 전달하는 데 사용된다. 클래스 컴포넌트뿐만 아니라 함수형 컴포넌트에서도 사용할 수 있다. 수ㅏㅇ위 컴포넌트에서 넘ㅇ겨받은 prop State state는 내부에서 변화하는 값 컴포넌트 내에서만 지지고 볶고 변화한다. 변수가 업데이트된다? 신경쓰지않는다. state가 업데이트 된다? UI렌더링 한다. UI렌더링 하기 좋은 state와 잠시 값을 가지고있기 좋은 변수의 역할을 분리하기 시작했다. useState()는 길이 2 짜리 Array를 반환한다. 초기값을 담고있는 State.값과 이 State를 업데이트해주는 set함수를 반..

Routing 다른 주소에 따라 다른 뷰를 보여주는 과정을 "경로에 따라 변경한다."라는 의미로 라우팅(Routing)이라고 합니다. BrowserRouter 컴포넌트는 웹 애플리케이션에서 HTML5의 History API를 사용해 페이지를 새로고침하지 않고도 주소를 변경할 수 있게 해줍니다. 또한 가 상위에 작성되어 있어야 React Router의 컴포넌트들을 사용할 수 있습니다. Routes, Route 경로를 매칭해주는 역할을 하는 컴포넌트입니다. 컴포넌트는 여러 컴포넌트를 감싸서 그중 경로가 일치하는 단 하나의 라우터만 렌더링을 시켜주는 역할을 합니다. 를 사용하지 않으면 매칭되는 모든 요소를 렌더링합니다. 컴포넌트는 path 속성을 지정하여 해당 path 에서 어떤 컴포넌트를 보여줄지 정합니다...