● 오늘 공부한 것 REST API ● REST API ● REST API가 생기게 된 배경 REST API는 왜 생기게 되었을까요? 우리가 흔히 아는 API에 URI를 적어 데이터를 요청하고 받아올 수 있었습니다. 예전에는 URI에서 동사를 사용하는 것이 일반적이었습니 ddaeunbb.tistory.com ● 끝맺음 수업이외의 학습 리액트 컴포넌트 공부.. useEffect Hook 공부하기 알고리즘 문제 1개 풀기 네트워크 책 읽기 ● 클래스형 컴포넌트와 함수형 컴포넌트의 차이점? ● 클래스형 컴포넌트와 함수형 컴포넌트의 차이점 함수형 컴포넌트는 렌더링된 값들을 고정시킨다. 이 둘의 가장 큰 차이점은 props, state의 값들을 고정시키느냐 안시키느냐에 있습니다. App.js i ddaeunbb..
CodeStates BootCamp/Section 2
● 오늘 공부한 것 클라이언트-서버 아키텍처 서버란 말그대로 (server)이기 때문에, 클라이언트의 요청에 따라 리소스를 제공합니다. 반대로 클라이언트는 서버에게 리소스 요청을 하고, 그에 따른 응답을 받습니다. 하지만 서버에게 요청을 하지 않고, 이런 리소스를 클라이언트 자체에서 늘 가지고 있게 된다면 언제나 이 리소스를 관리해야하며, 애플리케이션을 업데이트 해야한다면 애플리케이션 자체를 늘 업데이트 해야할 것입니다. 따라서 이런 서버요청은 필수적입니다. 따라서 리소스가 존재하는 곳, 리소스를 사용하는 앱을 분리시킨 것을 2-Tier 아키텍처라고 하며 다른말로는 클라이언트-서버 아키텍처라고 합니다. 일반적을 서버는 리소스를 전달해주는 역할을 담당합니다. 리소스를 저장해두는 공간을 마련하는데 이를 ..
문제 설명 덧셈, 뺄셈 수식들이 'X [연산자] Y = Z' 형태로 들어있는 문자열 배열 quiz가 매개변수로 주어집니다. 수식이 옳다면 "O"를 틀리다면 "X"를 순서대로 담은 배열을 return하도록 solution 함수를 완성해주세요. 제한사항 연산 기호와 숫자 사이는 항상 하나의 공백이 존재합니다. 단 음수를 표시하는 마이너스 기호와 숫자 사이에는 공백이 존재하지 않습니다. 1 ≤ quiz의 길이 ≤ 10 X, Y, Z는 각각 0부터 9까지 숫자로 이루어진 정수를 의미하며, 각 숫자의 맨 앞에 마이너스 기호가 하나 있을 수 있고 이는 음수를 의미합니다. X, Y, Z는 0을 제외하고는 0으로 시작하지 않습니다. -10,000 ≤ X, Y ≤ 10,000 -20,000 ≤ Z ≤ 20,000 [연산..
● 오늘 공부한 것 반딧불반 숙제(의사코드 작성) App.js *ToDo : React Router Dom 설치 후, BrowserRouter, Routes, Route 컴포넌트를 적절히 사용합니다. 먼저 index.js 에서 를 import 해온 뒤, 컴포넌트를 감싸준다. App.js에서 태그를 열어주고, 컴포넌트 3개(Tweets, About, Mypage)를 불러온뒤, 컴포넌트를 3개 만들어준다.
● 오늘 공부한 것 state props에 대해 배웠다. props는 불변한 값을 말한다. state는 변할 수 있는 값을 말한다. props는 단방향 으로 이동한다. [3장 컴포넌트] 리액트에서 컴포넌트는 함수형 컴포넌트와, 클래스형 컴포넌트로 나눌 수 있다. 클래스형 컴포넌트에서는 state 기능, 라이프사이클 API 기능을 사용할 수 있습니다. 함수형에서는 state와 라이프 ddaeunbb.tistory.com state props에 대해 배웠다. ● 내가 놓치고 있던 것 props는 객체로 전달된다. const copy = {name : 'daeun'} useState를 const 로 지정하는 이유는 직접적인 수정을 불가능하게 하기 위해서 이다. 직접적으로 수정하게 된다면, 상태변경을 모르기 ..
● 오늘 공부한 것 SPA(Single Page Application) VS MPA(Multiple Page Application) SPA란 하나의 HTML을 기반으로 JavaScript를 활용하여 동적인 페이지를 보여주는 것을 말합니다. 반대로 MPA는 사용자가 요청할때마다 여러개의 HTML을 서버에서 받아와 보여주는 것을 말합니다. 전통적인 방식에 의하면, SPA의 렌더링 방식은 CSR이고, MPA의 렌더링 방식은 SSR을 활용합니다. CSR(Client Side Rendering) vs SSR (Server Side Rendering) CSR은 브라우저가 HTML과 JS를 요청해 페이지를 로드합니다. 로드되면 사용자의 상호작용에 따라 동적으로 렌더링 시킵니다. SSR은 브라우저가 페이지를 요청할 때..
