profile
슬기로운 개발 생활🥑
post-thumbnail

[이슈] getServerSideProps 함수 안에서 실행되는 dispatch 함수가 종료되기까지 너무 오랜시간이 걸리는 이슈

현재 getServerSideProps를 사용해 서버사이드렌더링일때 dispatch를 이용해 서버에 api 요청을 해서 데이터를 가져와 redux store의 state를 채워주고있습니다. 그런데 초기 로딩 속도가 너무 느려서 이유를 찾고있었는데 서버사이드렌더링에서 속

4일 전
·
0개의 댓글

2020-09-21 TIL

브랜치 관리법 알아보기getServerSideProps 안에 Dispatch 걷어내고 직접 API 호출해서 데이터 받은후 컴포넌트에 Props로 넘겨서 사용할 수 있도록 코드변경하기

4일 전
·
0개의 댓글
post-thumbnail

nextjs 동적 라우팅

nextjs를 업데이트하기 전에는 아래와같이 클라이언트에서 서버를 만들어 동적 라우팅을 관리해주었습니다.nextjs를 최신버전으로 업데이트하면 클라이언트에서 따로 서버를 열어주지 않아도 nextjs에서 제공해 주는 방법으로 동정 라우팅을 할 수 있게되었습니다.😊방법을

2020년 9월 15일
·
0개의 댓글
post-thumbnail

폴더 및 파일명 변경시 git에 반영이 안되는 이슈

폴더명을 바꾸는 과정에서 당황스러운 일이 있었습니다🤣로컬에서 폴더명을 변경하고 git 레포에 푸쉬를 하였는데.. 레포에는 변경전 폴더명이 그대로 남아있는것입니다.. 당황스러웠지만 구글링을 통해 해결방법을 찾았습니다.찾아보니 OS에서 기본제공하는 이름바꾸기 기능을 이용

2020년 9월 3일
·
0개의 댓글
post-thumbnail

2020-09-01 업무 내용 정리

Route 53(https://console.aws.amazon.com/route53/v2/hostedzones2. Route 53 서비스 페이지의 호스팅 영역 버튼 클릭호스팅 영역 페이지에서 호스팅 영역 생성 버튼 클릭한후 필요한 정보를 입력하면아래와같이 도

2020년 9월 1일
·
0개의 댓글

Redux Saga의 Fetch Entity패턴 사용하여 반복작업 줄이기

(아직 작업전)Redux Saga의 Fetch Entity패턴 — 반복되는 작업 줄이기

2020년 8월 31일
·
0개의 댓글
post-thumbnail

redux-saga test(feat. redux-saga-test-plan)

현재 진행중인 프로젝트에 TDD를 사용해 redux-saga를 적용시켜보려 합니다.redux-saga 테스팅을 위해 redux-saga-test-plan 라이브러리를 선택하게되었는데요. 해당글에서 redux-saga-test-plan를 사용해 redux-saga를 테스

2020년 8월 27일
·
0개의 댓글

여러 파일 확장자 한방에 바꾸기

타입스크립트 없이 프로젝트를 진행하다가 프로젝트 중간에 타입스크립트를 도입하기로 하였다. 그런데.. 이미 많아질대로 많아진 js 파일들을 하나하나 tsx로 바꿔주려고 하니 보통일이 아니였다. vscode에 좋은 단축키가 있기를 기대하고 찾아보았지만 방법을 찾을수가 없었

2020년 8월 19일
·
0개의 댓글

2020804 memo

https://medium.com/graphql-seoul/%EB%B2%88%EC%97%AD-%EB%A7%88%EC%9D%B4%EA%B7%B8%EB%A0%88%EC%9D%B4%EC%85%98%EA%B3%BC-sequelize-cli-%ED%8A%9C%ED%86

2020년 8월 3일
·
0개의 댓글
post-thumbnail

[VScode extention]Todo tree

todo tree extention setting으로 이동사용할 단어 추가기본값 설정아이콘 커스터마이징gutterIcon을 true로 하면 파일 안에 코드에 아이콘이 노출된다.Todo Tree extention 사용방법Tree extention icon

2020년 8월 3일
·
0개의 댓글
post-thumbnail

[Next.js] next/link 사용하기

Link는 페이지 이동할때 사용됩니다. Link에 href 속성을 사용하여 아래와같이 pathname과 query 값을 정해주면링크 이동이 되었을때 url이 http://localhost:2030/user?id=5 이렇게 보여지게 되는데요 만약 user?id

2020년 7월 29일
·
0개의 댓글
post-thumbnail

[sequelize error] Duplicate entry '1-1' for key '' - 다대다 테이블에서 fk를 중복하여 쓰는 방법

현재 User 테이블과 Affiliations 테이블의 다대다 테이블인 UserAffiliation에 데이터를 입력하는 과정에서 아래와같은 에러가 발생하였다.😤 SqlError: (conn=1389, no: 1062, SQLState: 23000) Duplicate

2020년 7월 27일
·
0개의 댓글
post-thumbnail

아폴로 캐시 업데이트하기

개요캐시 업데이트 방법pollingrefetchinguseMutation Hooks에 update 기능 추가 현재 저는 팀원들과 함께 개구리라는 앱을 만들고 있습니다.이 앱은 개발자, 기획자, 웹/앱 디자이너 등등의 직업을 가진 사람들이 사이드 프로젝트를 함께 진행할

2020년 7월 21일
·
1개의 댓글
post-thumbnail

try ...catch문 `e.response.data` 사용하기

회원가입시 입력한 email이 User 테이블에 존재한다면 res.status(403).send('이미 사용중인 아이디입니다.') 이 코드를 반환한다. console.log e / e.response.data ▼ console.log e.response ▼res.s

2020년 7월 20일
·
0개의 댓글
post-thumbnail

[react navigation] stack 초기화 후 navigating

프로젝트 방 생성페이지에서 정보를 입력하고 완료 버튼을 클릭하면,프로젝트 리스트 페이지로 이동한다(프로젝트 리스트 페이지는 아직 작업전...ㅎㅎㅎ)그런데 하단 메뉴바에서 만들기 메뉴를 클릭하면.....! 내 예상과 다르게 아까 입력한 내용이 그대로 남았다.구글에 rea

2020년 7월 1일
·
0개의 댓글
post-thumbnail

[android studio]apollo TypeError: Network request failed

apollo client를 사용해 쿼리를 날려보니.. 아래와 같은 에러 발생..!apollo TypeError: Network request failed 라는 키워드로 검색을 해보니.. 해결방법을 찾을 수 있었다..!Android 에뮬레이터를 사용하는 경우 localh

2020년 6월 30일
·
0개의 댓글
post-thumbnail

expo `Lan 방식으로` 연결하기

expo를 실행하고 내 폰에서 보려고 하니 아래와같은 에러가 발생한다.구글에 검색해보니, 위와같은 에러발생시 인바운드로 19000, 19001 포트를 열어줘야된다고한다.UFW를 활성화 한다.(기본이 비활성화 상태)sudo ufw enableUFW 상태 확인sudo uf

2020년 6월 27일
·
0개의 댓글
post-thumbnail

오늘 새로 알게된 내용 정리

TypeScript에서 Type을 기술하는 두 가지 방법, Interface와 Type Aliasinput의 텍스트가 변경될때 발생하는 onChange 이벤트에서 prameter로 e 객체를 가져올수 있다. prameter로 다른 것도 받고 싶어서 위와같이 작성해보았다

2020년 6월 20일
·
0개의 댓글
post-thumbnail

react native immer(use-immer) 사용하기

사용하면서 블로깅하기.. 아직 사용전Immutability with React Native Using Immer.jsnpm - (use-immer)

2020년 6월 19일
·
0개의 댓글
post-thumbnail

[css Issue - flex] input에서 enter 입력시 input 영역이 이상해지는 현상?..

이상한 문제가 생겼다..위와 같은 페이지에서 인풋창을 누르고 텍스트를 입력한 후 ... 엔터를 누르면...이렇게 인풋 영역이 자리를 이상하게 잡는다...코드에 KeyboardAwareScrollView를 감싸줬는데 KeyboardAwareScrollView 이게 있으면

2020년 6월 19일
·
0개의 댓글