티스토리

코딩기록지

검색하기

블로그 홈

코딩기록지

somv12.tistory.com/m

99% 까먹을 거 50% 까먹기 위해 기록하는 곳

구독자: 0

방명록 방문하기

주요 글 목록

Redux reducer함수/Provider/useSelector/useDispatch 기본개념+createSlice 리덕스를 설치하면 이렇게 store.js 라는 공간을 만들 수 있다. 변수, 즉 state를 담는 공간이다. 변수의 유지 보수를 손쉽게 하기 위해,또 props로 인한 비효율적인 코드 작성을 피하기 위해 리덕스를 사용한다고 했다. 이렇게 store에 저장된 state(변수)는 다른 컴포넌트에서 막 가져다 쓸 수는 없고 지정된 규칙에 따라 명령어를 작성했을 시 사용할 수 있다. 이런 명령어들을 찾아보면 Provider,useSelector,useDispatch가 가장 많이 언급된다. createSlice 아래처럼 이름, 초기값,리듀서,액션을 한번에 생성하여 객체 형태로 저장한다. name : 해당 모듈의 이름을 작성 initialState : 해당 모듈의 초기값 세팅 reducers : 리듀서를.. 공감수 0 댓글수 0 2022. 11. 13.
react 부트스트랩 carousel 활용/ slide 텍스트 위치 변경 요즘 부트스트랩으로 반응형웹을 만들면서.. 미디어쿼리로 노가다 할 때와는 다른 편리함을 느끼고 있는중^^ 근데 문제는 부트스트랩 레이아웃은 이것저것 건들여서 활용해보지 않으면 표현 가능한 디자인이 너무 한정적이라는 것이다.. 이번에 슬라이더를 만드는데 왠지.. 애니메이션 효과를 주고싶은 욕망이 끝없이 들어서 부트스트랩을 뒤적거렸다. http://https://react-bootstrap.netlify.app/components/carousel/#rb-docs-content 나는 이 부트스트랩을 이용하기로했다. 내가 원하는 레이아웃은 1.텍스트가 세로 중앙정렬 되어있고, 슬라이드 왼쪽 부분에 붙어있을 것 2. 반응형이기때문에 화면 넓이가 좁아지면 그에 따라 텍스트의 위치도 일정하게 변화할 것 근데 보다시피.. 공감수 5 댓글수 1 2022. 9. 23.
react useState/useEffect 사용법: 이미지에 동적인 효과 주기 useEffect를 적극 활용해서 웹사이트에 동적인 효과를 주는 방법을 터득했다. 일단, react 사용한다면 몰라서는 안되는 개념 state에 대해 정리해봤다. state의 기본 개념 State란? 변수 대신 쓰는 데이터 저장 공간 state 쓰는 이유? state가 변경될 때 새로고침 없이 재렌더링이 가능하다. 자동으로 재렌더링이 된단 말, 때문에 부드러운 화면 전환이 가능하다. state 언제 쓸까? 중요한 변수, 자주 바뀌는 변수는 state에 담아라. state 특징은? state는 직접적으로 변경이 불가능하다. state를 변경하려면 useState를 사용한다. state, useState 사용 예시 import React, { useEffect, useState } from 'react'; .. 공감수 1 댓글수 0 2022. 9. 14.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.