React

Map 컴포넌트가 렌더링되면 현재 위치를 중심 좌표로 설정한 지도를 띄운다. 내가 처음 한 구상은 이랬다.useEffect로 Map 컴포넌트가 렌더링 되자마자 gelocation을 이용해 내 현재 위치를 구한 후 이를 state로 관리한다.state 값이 변경되면 변경

위 명령으로 설치한 후 rbvite 디렉터리로 이동해 보면 아래와 같이 node_modules 폴더가 없다.따라서 yarn insall 명령을 통해 package.json의 dependencies와 devDependencies에 있는 것들을 설치해주어야 한다.다른 pc

GitHub-reactbasic프로젝트에서 지도를 나타내는 map이라는 객체를 context에서 관리하면 좋겠다는 생각을 하던 중 수업에서 context를 다뤘다!이해하기도 쉽고 내용이 너무 좋았다!!count를 context에서 관리하는 예를 보자.컨텍스트에 있는 c

상태에 어떤 변화가 필요하다면 액션(actions)이라는 것이 발생한다. 액션 객체는 다음과 같은 형식으로 이루어져 있다. 액션 객체는 반드시 type 필드를 가지고 있어야 하고 이를 액션의 이름이라고 생각하면 된다. 그 이외의 값들은 상태 업데이트를 할 때 필요한 값

Quick Start | Redux리액트를 다루는 기술 - 김민준(VELOPERT)리덕스는 상태 관리 라이브러리로 컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 분리시켜 효율적으로 관리할 수 있다. 리덕스 라이브러리는 전역 상태를 관리할 때 효과적이다. 리액트 v1

Redux 라이브러리 이해하기 1 - LNSol VelogRedux 라이브러리 이해하기 1에서 작성했던 index.js에는 slice, store, 등 하나의 파일 안에 모든 것이 합쳐져있다. 이것을 공식 문서에 나와있는 것처럼 분리해보자!!!기존에는 counterSl

useCallback은 함수를 캐시한다. 다시말해 함수를 메모화해서 기억한다는 뜻이다. useCallback을 사용하지 않으면 컴포넌트가 렌더링될 때마다 함수도 계속 새로 만든다. 그렇다면 함수를 계속 새로 만드는 것은 낭비니 모든 함수를 useCallback을 이용해

IntersectionObserver는 두 영역의 교차를 관찰한다. new IntersectionObserver() 를 통해 관찰자를 초기화 하고 관찰할 대상을 지정한다.관찰할 대상이 등록되거나 가시성에 변화가 감지되면 관찰자는 콜백을 실행한다. 콜백은 2개의 인수를

최근에 정기구독 서비스를 만들어 배포했다. 신청할 서비스, 주기와 요일을 선택하면 따로 신청하지 않아도 정기적으로 서비스를 이용할 수 있다. 서비스에 대한 결제는 해당 정기구독의 마지막 서비스가 완료되면 자동으로 결제된다. 다음 화면은 청소 서비스를 진행해주시는 매니

mall에서 상품권 판매를 시작했다. 상품권 코드를 입력하여 등록하는 컴포넌트를 추가적으로 만들었다. 일단 생각 없이 화면을 그려보니 대충 이런 중복 파티 코드가 나왔었다.ㅋㅋ아무리 그래도 그렇지 이건 좀 아니지 않나! 저 똑같은 input들을 map 함수를 이용해야겠