frontend/react

frontend/react

react hook

react hook 메모리 관리에도 유용하다 # react hook ## useContext ### 저삭컴포넌트들의 전역 상태 관리를 도와준다. ## useReducer ### 공식문서에 state의 대체 함수라고 나와있음 ### 다수의 하위값을 복잡한 로직으로 만드는 경우 ### 상태값을 여러가지 사용할 경우 stateqheksms ### Reducer를 사용하는것이 좋다. ### 이전 상태를 다룰경우에도 이점이 있음 ## useCallBack ### 메모이제이션 기법을 사용해서 콜백을 반환해준다. ### 컴퓨터가 동일한 연산을 반복할떄 이전연산값을 ### 메모리에 저장하고 반복수행을 줄이는것 (연산의 반복을 제거하는것) ### 최적화 시키기위해 사용하는 기법 ### 실행속도가 빨라진다. ## useM..

frontend/react

20230710 react 변수의 전역화

// 리덕스 // 스토어, 액션 ,리듀서 // 스토어는 상태가 관리되는 오직 하나의 공간 컴포넌트와 별개로 store라는 공간이있어서 // 펼요한 상태값을 담아둔다. // 컴포넌트에서 전역상태값이 필요할때 store에 접근해서 데이터를 가져온다. // 액션은 스토어에 전달할 데이터를 자칭 액션을 사용해서 스토어에 데이터를 보내게된다. // 액션은 자바 스크립트 객체 형식으로 만들어져 있으 dispatch 함수라는것을 사용해서 인자로 매개변수로 // 액션을 전달하면 리듀서가 호출되면서 매개변수로 액션을 받게되고 // dispatch(액션) => 리듀서가 호출되면서 리듀서에 액션을 전달하게된다. // 리듀서 dispatch 함수를 통해 액션을 리듀서 함수에 전달한다. // 리듀서 함수는 매개변수로 전달받은 ..

frontend/react

20230628~29 react시작

// react 첫날 // react는 페이스북에서 2011년도 쯤에 만들어졌고 // react는 개발자들 사이에서 라이브러리다 프레임워크다 얘기가 많은데 // 공식홈페이지 에서는 라이브러리라고 말하고있다. // 공식 홈페이지에서도 라이브러리다 라고 얘기를 하는데 // 라이브러리와 프레임워크의 차이는: 폴더의 구조가없음 // 프레임워크 : 폴더구조가 있음 // 패키지를 설치 할수있기때문에 // 리액트 개발을 할때 편하게 초기세팅을 설치받아서 사용할수있다. // 메타에서 개발한것은 react,react-router 라이브러리 // 메타에서 개발하고 오픈소스에 기여중임 // 리액트를 프레임워크라고 하는 이유? // 메타에서 라이브러리를 개발하고 npx create-react-app [폴더명] // react..

goldenbeer
'frontend/react' 카테고리의 글 목록