React 공부일지

라우팅 이란 Route(경로)라는 의미에서 파생된 경로를 찾는 행위, Router는 Routing을 해주는 도구 라고 할 수 있다.웹프론트엔드에서 Routing은 다른 경로(url 주소)에 따라 다른 View(화면)를 보여주는 것을 의미한다.쉽게 말해, 한 웹페이지에서

useState 와 삼항연산자가 뭔지는 알겠는데 막상 구현하려고 하면 헷갈려서 기록에 남긴다.코드작성에 앞서 어떻게 구현할것인지 생각해보자.빈 하트를 만든다.빈 하트 클릭시 빨간 하트로 바뀐다.빨간 하트 클릭시 빈 하트로 바뀐다.그리고 2번을 하기 위해서는 클릭했을때

useEffcet 함수는 리액트 컴포넌트가 랜더링 될 때마다 특정 작업을 실행할 수 있도록 하는 Hook이다.useEffect는 component가 mount 됐을 때, component가 unmount 됐을 때, component가 update 됐을 때, 특정 작업을

카카오톡 결제 API를 사용해서 결제하기. 위코드 2차 프로젝트에서는 비교적 시간이 적었다. 개인적으로 라이브러리나 외부API를 써보는게 목표여서 그 둘을 사용하는데 집중했다. 카카오톡 결제 API연결 > https://developers.kakao.com/docs

LifeCycle 이란 한국어로 생명주기 라고 부른다. 리액트 생명주기는 컴포넌트가 브라우저 상에 나타나고(mount), 업데이트되고(update), 사라지는(unmount) 것이다. 리액트는 컴포넌트 기반의 View를 중심으로 한 라이브러리이다. 그러다 보니 각 컴포

기존에 나는 props로 데이터를 전송받아 사용해왔다. props는 부모 자식관계에서만 이동이 가능하지만,리덕스는 관계 상관없이 한개의 저장소를 만들어 필요한 곳에서 언제든 사용이 가능한 라이브러리 이다.동일한 데이터는 항상 같은 곳에서 가져 온다.즉 스토어라는 하나

input창의 데이터 값을 받아 오고 싶을 때, onChange함수를 사용한다.위와 같은 형식으로 보통 쓴다.위 코드와 같이 발생하는 input value 를 저장? 담아둘 공간이 필요하다.이때 useState 훅으로 담아서 사용한다.하지만 서버와 통신을 하기 위해선

정의: 쿼리 스트링은 URL의 한 부분으로서, 요청하고자 하는 URL에 부가적인 정보를 포함하고 싶을 때 사용한다.필요성: 규모가 크고 복잡한 애플리케이션에서는 단순한 형태의 요청만으로 충분하지 못하거나 비효율적일 수 있다. 상품의 종류가 1억개라고 가정하면, 1억개를

페이스북에서 제공해주는 프론트엔드 라이브러리이며, 컴포넌트 기반으로 되어 있어서 컴포넌트에 데이터를 내려주면 개발자가 설계한대로 UI를 만들어 사용자에게 보여진다.웹 페이지를 만들기에는 HTML,CSS로도 충분하지만 동적인 데이터를 만들기에는 적합하지 않다. 이 때 리