git flowmain배포 단계의 브렌치 입니다.dev개발 단계의 브렌치 입니다hotfix긴급하게 fix해야하는 코드가 있을때 쓰는 브렌치 입니다designUI UX를 그리는 브렌치 입니다feat기능을 구현하는 브렌치 입니다.이슈 탬플릿title FEAT / DESIG

항상 사용하는 방법인 state를 받아서 state에 검색어를 받아서 value값으로 검색을 사용하였다.이 방법이 최선일까라는 생각을 가지게 되었고 다른 방식의 검색은 무엇이 있을까 생각을 해보게 되었다.쿼리 스트링쿼리 스트링이란 간단한 예시로는 google에서 검색을

react 에서는 동적 라우터를 사용하기 위해 react router dom 을 이용하여 라우팅을 하지만 next에서는 pages폴더 안에 index.js 파일을 가지고 라우팅을 한다.Next에서 라우팅을 하는것을 알아보자pages가 이런구조라면 우리 보여질 첫 페이지

프론트엔드 개발자가 쉽게 사용할 수 있는 back-end 서비스이다.firebase는 모바일 웹 모두 사용이 가능하며 연결된 모든 기기에서 실시간 데이터를 동기화 하는 실시간 데이터베이스를 제공한다.firebase는 NoSQL문서 지향 데이터 모델을 사용하며 데이터는

React에서는 자주 사용되는 기능을 Hook이라는 방식으로 추상화하여 재사용이 가능하도록 만들어줍니다. 이것을 Custom Hook이라고 한다.Custom Hook은 다음과 같은 규칙을 따른다.use로 시작하는 이름을 사용하여 작성한다.하나 이상의 다른 Hook을 사

오늘은 React hooks 기반의 성능 최적화에 대해서 자세히 알아 보려고 한다.이때 알아야 하는게 component의 리렌더링이 되는 조건들인데props가변경 될때state값 변경부모의 컴포넌트 리렌더링현제 프로젝트를 진행하면서 확인된경우이다.동일한 계산을 반복적으

useQuery의 역활이 get 이라면 useMutation은 create,update,delete의 역활을 해준다.사용시 addMutation.mutate(data) 라고 하면된다.간단하게 코드를 뜯어보자면 promise 처리가 이루어지는 함수()=>firebaseA

React query useQuery

Sass는 Syntactically awesome StyleSheets이다.Sass는 Css 전처리기,그리고 이를 위한 구문 두 가지 의미를 가진다css를 사용할 때의 불편함을 해소해주는 Css 확장 언어이다.Sass 전처리기는 Sass 구문 뿐 아니라 SCSS 구문

파일 구조기능 구현 리스트 추가 리스트 삭제done workig 구현고민한 부분state가지고 올때 state 값이 안넘어와서 1시간 정도 고민을 한거 같다 이유는 configStore.js안에이 Users가 안들어가서 계속 state를 못불러왔다.

사용하는 기술JavascriptReactReduxReact-router-domCss만들려는 사이트 예시투두리스트 예시 사이트기능추가 삭제해당 글의 상세 페이지 (React-router-dom)두개의 페이지로 나눔완료 취소제목과 내용이 없을때의 추가가 안되게하는기능pro