profile
JavaScript, Node.js 그리고 React를 배우는
post-thumbnail

Backend - sharp 패키지로 이미지 리사이징하기

sharp 패키지로 이미지 리사이징 하기

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

React - Portals를 통해 모달 렌더링 하기(with. Next.js)

Next.js에서 React Portals 적용하기, React에서 Modal이 떴을 때 스크롤 고정하는 방법.

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

HTTP - Axios.post withCreadentials

브라우저와 서버 간 통신 시 Response headers의 Set-Cookie가 있음에도 불구하고, 브라우저에 쿠키가 저장되지 않을 때의 해결법: Axios의 경우 withCredentials: true 옵션을 지정해준다.

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

Axios - delete 요청 시 body에 데이터 넣는 법

Axios delete 요청 시 요청의 본문(body)에 데이터를 함께 전송하는 방법

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

Sequelize - association: where 사용 시 주의점

sequelize에서 include한 모델에 where를 사용했을 때 조건에 맞지 않는 모델을 포함하는 부모 모델이 아예 로드조차 되지 않을 때의 해결 방법

2020년 5월 14일
·
0개의 댓글
post-thumbnail

Mysql - foreign key 무시하고 데이터 삭제하기

Mysql에서 foreign-key constraint 에러가 발생하여 데이터가 삭제되지 않을 때 해결방법.

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

Python - 백준 알고리즘 문제 여러 줄 입력 받기(10951번)

백준 알고리즘 문제 10951번: 입력은 여러 개의 테스트 케이스로 이루어져 있다. 테스트 케이스의 입력이 몇 개 인지 모를 때 사용한다.

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

Python - 백준 알고리즘 문제 입력 빨리 받기

Python을 사용하고 있다면, input 대신 sys.stdin.readline을 사용할 수 있다.

2020년 5월 6일
·
1개의 댓글
post-thumbnail

css - position: fixed 사용 시 팁

애써 HTML코드를 짜놓았는데, 어떤 엘리먼트의 position을 fixed로 바꾸었더니 화면 구성이 망가지는 경우 해결 방법

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

Next.js - _app.js의 Layout 적용 제외하기

Next.js를 사용할 때_app.js에서 특정 컴포넌트 렌더링 시 Layout을 적용 제외하기 위한 방법

2020년 4월 28일
·
0개의 댓글
post-thumbnail

Webpack - 모듈시스템과 번들링의 이해

JavaScript ES6 부터 추가된 모듈 시스템과 모듈 시스템의 번들러를 위한 webpack의 동작을 이해하고자 한다. js/math.js에서 export 된 모듈이 js/app.js에서 import된 후 웹팩으로 빌드를 했을 때 어떤 식으로 번들러가 되는 지 알아

2020년 4월 23일
·
0개의 댓글
post-thumbnail

AWS - lambda handler 함수

업로드 되는 이미지를 리사이즈 하려면 AWS의 lambda를 사용하면 된다.그러기 위해서는 프로젝트 폴더에 lambda 폴더를 추가한 후에 다음과 같이 handler 함수를 작성한다.

2020년 4월 13일
·
0개의 댓글
post-thumbnail

배포 - 프론트, 백엔드 쿠키 통일하기

배포할 때 프론트와 백엔드의 쿠키를 통일하기 위해서는 다음과 같이 추가 설정이 필요하다. backend/index.js

2020년 4월 13일
·
0개의 댓글
post-thumbnail

git - git pull 충돌 시 해결법

git pull 시 충돌하는 경우가 있는데,이런 경우로 해결해줄 수 있다.

2020년 4월 13일
·
0개의 댓글
post-thumbnail

React - 최적화 시 props, state 로깅

React를 최적화할 때 props와 state가 어떻게 변화되는 지 분간하기 힘든 순간이 있다.그럴 때는 다음과 같이 로깅을 해주면 리렌더링 전후에 props나 state가 어떻게 변화하는 지 알 수 있다.

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

Next.js - Webpack 설정들

mode: development mode: production Next.js Webpack config: { externals: undefined, optimization: { checkWasmTypes: false, nodeEnv: false

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

Github - 깃헙에 올라간 commit 삭제하는 방법

깃에 커밋을 하고 깃헙에 push를 하였는데, 실수한 부분이 발견되었다면 어떻게 해야 할까?

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

Redux - Saga 서버에 요청 시 url 한글 변환

TypeError [ERR_UNESCAPED_CHARACTERS] 에러 해결 방법

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

Redux - Saga 에러 찾기

Redux-Saga의 에러를 찾기 위해서는 사가미들웨어에 에러 로깅 미들웨어를 추가하면 된다.

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

Next.js - SSR: cookie 넣어주기

서버사이드렌더링을 하지 않고 클라이언트에서 유저 관련된 요청을 보낼 때는 브라우저가 쿠키를 같이 동봉하여 요청을 하므로 따로 쿠키를 동봉하는 작업을 하지 않아도 된다.하지만 SSR일 때는 브라우저가 따로 없으므로 개발자가 직접 쿠키를 넣어서 요청을 하여야 한다.

2020년 4월 4일
·
0개의 댓글