목록CodeStates (214)
Jieunny의 블로그
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/cSK2q1/btrWzUXuFoD/gSZxXiSHS8lRGHWpfrino0/img.png)
📣 HTTP 1️⃣ HTTP Message : 클라이언트와 서버 사이에서 데이터가 교환되는 방식 ➰ 요청과 응답이 있다. ➰ HTTP Message는 몇 줄의 텍스트 정보로 구성된다. ➰ start line : 요청이나 응답의 상태를 나타내며 항상 첫 번째 줄에 위치한다. 응답에서는 status line 이라고 부른다. ➰ HTTP headers : 요청을 지정하거나, 메시지에 포함된 본문을 설명하는 헤더의 집합 ➰ empty line : 헤더와 본문을 구분하는 빈 줄 ➰ body : 요청과 관련된 데이터나 응답과 관련된 데이터 또는 문서를 포함한다. 요청과 응답의 유형에 따라 선택적으로 사용된다. ➰ start line + HTTP headers = head ➰ Stateless(무상태성) : HTTP..
➰ 44일차 오늘 페어 마지막 날이라 너무 아쉽다ㅠㅠ.. 지금 페어분이랑 더 오래 하면 좋을텐데🥹 그래도 계속 연락해야지..! 오늘은 타입 스크립트 이론 좀 하고.. 코테 문제 5문제 정도 풀었는데 카카오는 항상 코테 문제를 너무 어렵게 내는 거 같다 짜증나.... 하기싫어.. 아니.. 그래도 해야지.... 아니... 하기싫어.. 타입스크립트도 어렵고 코테도 어렵고 쉬운게 하나도 없다!!! 오늘 깃허브에 커밋 했는데 왜 잔디 안심어지는지 모르겠구.. 왜 안되지
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bop5qU/btrXhwnO5Hs/zwaj21J3kt9VyHFSjutBNk/img.gif)
📣 리액트로 Twitter 구현하기 ✔️ react-router-dom 사용하기 ✔️ state & props 사용해서 전송 트윗 만들기 ✔️ 기본 페이지 컴포넌트 구현하기 ✔️ font awesome 사용하기 📣 주요 컴포넌트 1️⃣ App.js import React from 'react'; import { BrowserRouter, Routes, Route } from 'react-router-dom'; // TODO : React Router DOM을 설치 후, import 구문을 이용하여 BrowserRouter, Routes, Route 컴포넌트를 불러옵니다. import Sidebar from './Sidebar'; import Tweets from './Pages/Tweets'; impor..
➰ 43일차 오늘부터 타입스크립트 공부하기 시작 그냥 타입만 붙이는건데 왜 이렇게 어려운건지 알 수 없네 타입스크립트 핸드북이 잘 되있다고 생각했는데 뭔가 순서대로 이어지는 내용이 아니라 챕터 느낌으로 따로따로 되있어서 공부를 이거했다 저거했다 하는 느낌..? 원래도 책을 사서 볼까 고민하고 있었는데 다음에 서울 나가면 책 한번 보고 괜찮으면 사는 것도 고려해 봐야겠다 근데 아직 저번에 산 리팩토링 책 한쪽도 못읽었는데..ㅎㅎ 내일도 타입스크립트 공부하고.. 코테 문제도 좀 풀고... 파이팅....
📣 State ✔️ 컴포넌트 사용 중 컴포넌트 내부에서 변할 수 있는 값 ✔️ 내부에서 변화하는 값 📣 State hook, useState 사용법 ✔️ useState() 1️⃣ 불러오기 import { useState } from "react"; 2️⃣ 컴포넌트 안에서 호출하기 -> state라는 변수를 선언하는 것과 같다(state변수는 함수가 끝나도 사라지지 않는다) function CheckboxExample() { // 새로운 state 변수를 선언하고, 여기서는 이것을 isChecked 라 부르겠습니다. const [isChecked, setIsChecked] = useState(false); // useState의 리턴값을 구조 분해 할당 하고 있다. // setIsChecked함수는 is..