profile
학습한 내용 아카이빙

MommySon - useQuery 사용 시 렌더링 두 번 되는 문제

react-query의 훅인 useQuery를 사용해서 데이터를 read했을 때 렌더링이 두 번 발생하는 현상을 확인할 수 있다.내가 의도하지 않은 재렌더링일 뿐더러 원인이 불명하기 때문에 원인 파악을 해봤다.홈페이지에 랜딩했을 때 존재하는 유저인지 확인하기 위해 us

1일 전
·
0개의 댓글

React Query - Basic

참고자료 : React Query와 상태관리 :: 2월 우아한테크세미나 공식 문서에서는 아래와 같이 명시되어 있으며, '리액트에서 데이터 fetch, 캐싱 그리고 데이터 업데이트를 간편하게 지원해주는 라이브러리'이다. Fetch, cache and update dat

3일 전
·
0개의 댓글

MommySon - 서비스 개요

진행배경 > - 아동복계의 무신사 버전인 kidsnapshot 프로젝트를 진행하다가 실서비스로 배포해보고 싶은 생각이 들었다. 그래서 백엔드를 담당하는 친구와 함께 서비스를 더 디벨롭하여 kidsnapshot을 이관하고 mommyson(가칭)이란 서비스를 제작하기로 했다. 구현할 주요 서비스 소규모 모임 생성 기능(ex. naver band) 위...

3일 전
·
0개의 댓글

Redux - Redux saga (and thunk)

비동기로 redux 작업(action)을 처리(dispatch)할 수 있도록 해주는 middleware(기능 확장). \- thunk : '지연된 함수'를 의미하나의 액션에 dispatch를 여러번 구현할 수 있고, 하나의 비동기 액션에 여러 동기 액션을 넣을 수 있

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

Redux - Redux Toolkit

액션을 발생시킬 때 식별자에 오타가 발생할 수 있고, 식별자 이름이 중복되어 충돌을 발생시킬 수 있음.관리하는 데이터가 많아질수록 상태도 많아짐. 리듀서 함수의 길이도 길어지고 유지보수에 어려움이 발생함.상태의 불변성. 항상 새로운 state snapshot을 반환시켜

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

Redux - React Redux

store folder저장소가 관리되는 폴더reducers 앱에서 사용할 reducer들을 관리하는 폴더(index에서 합쳐서 export한다)기존 방식은 createStore(import from 'redux')를 통해 store를 생성했지만, redux에서 새롭게

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

Redux - 사용 이유와 작동 방식

앱의 사이즈가 커질수록 설정과 상태 관리가 복잡해짐성능 문제테마 변경이나 인증 같이 업데이트가 자주 일어나지 않는 상태 관리의 경우엔 사용하기 적절하지만,업데이트가 자주 발생하는 상태 관리의 경우 적절하지 않음. 유동적인 상태 확산을 대체할 수 없음.위의 문제를 Red

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

Redux - 상태 관리의 필요성

: 상태 관리 기술은 앱 상의 데이터를 메모리 등에 저장하고 컴포넌트에서 데이터를 공유하는 것.앱이 사용하는 데이터가 많아지고 유저와의 인터렉션 시 임시로 저장하는 데이터가 많아지는 경우 상태 관리 기술을 도입해야 함.1\. Local state: 데이터가 변경되어 하

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

Next.js - getStaticProps

렌더링과 동시에 state에 데이터를 넣고 싶을 때, react에서는 useEffect를 사용하여, componentdidmount를 구현하였다. Next.js에서는 동일한 방법으로 시도를 했더니, 데이터를 받기 전 state의 초기값인 빈 배열이 출력된다. 그 이유는

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

Next.js - styled-components error 해결

Prop 'className' did not matchNext.js에서 styled-component를 적용하고 렌더링을 시키니 위와 같은 에러가 발생했다.이러한 에러가 발생한 이유는 첫 화면 렌더링은 SSR이고, 이후 페이지 이동 시 발생하는 렌더링은 CSR이기 때문

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

TS,React - React.FC type

React.FC(Functional Component) 리액트 패키지에 정의된 타입 React.FC 자체로 Generic Type으로 분류된다. 사용하는 이유 함수를 정의한 뒤, ts에게 해당 함수를 내부적으로 어떻게 처리해야 하는지 알려주기 위해 사용한다. children props 같은 기본적인 props는 기본적으로 포함되는데 option...

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

AntD Menu 'children' Warning

AntD Menu 컴포넌트를 children 형태로 사용할 시 다음 버전에서는 삭제되니 새로운 속성을 사용하라는 warning 에러가 발생한다. 당장은 코드에 문제가 없겠지만 당장 에러가 뜨는게 보기 불편해서 바꿔보기로 했다. AntD에서는 성능과 간결한 코드를 위해

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

TypeScript - tsconfig 살펴보기

**참고자료 ** exclude / include / files lib dom으로 작업을 수행하는 항목들. 기본 객체, 기능, 노드를 지정하게 해주는 옵션. target 설정값을 기준으로 기본 설정이 되어 있음. outDir 루트 경로에 있는 프로젝트 폴더에는 파일을 넣지 않음. 보통 src폴더에서 파일을 관리하게 되는데, outDir을 사용하여 경로...

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

React - react-router-dom

SPA : 하나의 페이지 요청으로 전체 웹앱을 사용하는 방식 : 웹을 사용하여 모바일 앱 같은 경험을 느낌 SPA의 특징 Client Side routing 기술을 활용, 페이지 진입 시 리로드없이 라우팅함 AJAX 기술을 활용 페이지 이동 시 서버에 데이터만 요청하여 JS로 페이지 생성 여러 페이지를 앱 구성요소로 보고 여러 페이지 간의 스타일, 컴포넌...

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

Sass Basic

Sass (Syntactically Awesome Style Sheets) CSS Preprocessor(css 전처리기) | 코드를 한번 컴파일 한다는 의미 SCSS,Sass 문법을 지원함 모듈, 믹스인, nested style, 변수, 조건문, 반복문 등의 기능으로 css를 프로그래밍 언어적으로 활용하도록 확장 styled-components는 sas...

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

CSS 기본 정리

CSS layout Basic content-box > padding-box > border-box > margin-box 순으로 하나의 element를 감싸고 있음 inline, block 두가지의 box type을 가지고 있음 display : inline, inline-block,block으로 서로 다른 box type을 적용할 수 있음. box-...

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

SSR / CSR

참고자료 : [10분 테코톡] 🎨 신세한탄의 CSR&SSR SPA와 MPA SPA(Single Page Application) 하나의 html로 구성된 웹 애플리케이션이다. SPA는 웹 애플리케이션에 필요한 정적 리소스를 처음 한 번에 모두 다운받고 이후 새로운 페이지 요청이 있을 때, 페이지 갱신에 필요한 데이터만 전달받아서 클라이언트에서 페이지를 갱...

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

먹짱(쇼핑몰 프로젝트) - 프로젝트 마무리

프로젝트 마무리 감상 및 총평 > - 2주 간의 프로젝트가 마무리됐다. 프로젝트치고 짧은 기간인데다가 제대로 된 프로젝트를 처음해보는거라 더더욱 짧게 느껴졌다. 설상가상으로 팀장까지 맡아서 발표까지 해야됐기 때문에 발표 준비로 인해 실제 프로젝트 기간은 남들보다 더 짧았던 셈이다. > > > - 현업에서의 개발 프로세스을 완전히 이해하는 건 다소 어렵겠...

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

먹짱(쇼핑몰 프로젝트) - 2, 3차 스프린트 진행 회고

개요 > 1차 스프린트가 끝나고 2,3차(5/28-6/1) 스프린트를 설정하고 진행하는 과정에서 생긴 문제점과 해결 방법에 대해 작성했다. 🏃‍♀️ 2, 3차 열심히 달려ㅂ... 원래라면 2차에 MVP를 완성하고, 3차에서 추가 기능과 기능 개선 작업을 진행하려고 계획했다. 원래라면... 이라는 말이 앞에 붙었듯이 스프린트의 진행 과정에서 이슈가 발생했...

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

Algorithm - lev2 - 멀쩡한 사각형

프로그래머스 level2 멀쩡한 사각형 풀이 이 문제는 풀지 못했다. 다른 사람 블로그에 잘 정리된 글이 있어서 참고했다. 먼저 이런 문제를 풀 떄 수학적 배경이 없다면 유심히 봐야할 부분은 반복되는 부분에서 힌트를 얻을 수 있다, 반복된다는 것은 내가 신경써야할 범위를 좁힐 수 있다는 것이고, 반복 패턴만 알아낸다면 답을 구하는 건 어렵지 않다. [...

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