profile
꾸준히.... 깔끔하게.... 끝까지....
post-thumbnail

[React] 상태관리 라이브러리 - Recoil

React에서는 자식컴포넌트에서 부모컴포넌트의 state를 바꿀 수 있는 방법은 2가지가 있다.부모컴포넌트로부터 setState함수를 받아온다.state management tool을 이용한다(redux, recoil)1번과 같은 방법을 사용하면 부모와 자식의 dept

2022년 3월 28일
·
0개의 댓글
·
post-thumbnail

[React] 예제 실습

먼저 그림에는 없지만 uesEffect를 써야하기 때문에 import를 먼저 해준다. useEffect의 첫번째 인자에는 fetch함수를 넣어서 데이터를 호출한다. 원래는 메서드도 작성을 하지만 GET의 경우는 생략해도 된다.fetch가 다 일어난 후에 then메서드를

2022년 3월 13일
·
0개의 댓글
·

[React] State(2) - 버튼 구현

이번에는 state를 이용하여 버튼기능을 구현해보려고 한다.쿠기를 눌렀을 때 동작하는 것을 하려고 한다면? 바닐라 자바스크립트에서 배운 addEventListener, onclick 같은 것이 생각날 것이다. 바닐라 자바스크립트 : onClick="클릭될 떄 실행할 J

2022년 3월 6일
·
0개의 댓글
·

[React] State(1)

JavaScript에는 데이터를 저장하는 방법으로 변수를 사용했었다. 하지만 react로 넘어오면서 state라는 개념이 나타났다. 이 state는 웹이 앱처럼 동작하게 만들어준다.이게 무슨 소리냐? state로 만들어진 데이터가 바뀌면, 데이터를 담고있는 HTML이

2022년 3월 6일
·
0개의 댓글
·
post-thumbnail

[React] Router, Sass

React를 접하긴 전에는 하나의 브라우저 창마다 하나의 html 문서를 만들었었다.이러한 방식을 Multi Page Application이라고 한다. 하지만 React에서는 Single Page Application(SPA) 방식을 사용하고 있다. 페이지가 아무리 많

2022년 2월 15일
·
0개의 댓글
·

[TIL] React Intro

사용자 인터페이스(UI)를 만들기 위한 JS라이브러리웹브라우저가 3세대로 넘어오면서 애플리케이션의 규모가 커지고 다양한 UI/UX를 구현하게 되었다. 기존의 DOM, JQuery로는 이런 방대한 양의 애플리케이션을 개발하고 유지보수하기가 어려워졌다. 지금 하고 있는 간

2022년 2월 15일
·
0개의 댓글
·