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

React - Binding in React(Class Component)

React의 클래스 기반 컴포넌트에서 이벤트 함수를 bind할 때의 주의점과 올바른 방법

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

Python - class에서 self와 super

python class에서 self와 메서드 호출을 type 의 부모나 형제 클래스에 위임하는 프락시 객체를 돌려주는 super에 대한 설명.

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

Python - 장식자(decorator), 데코레이터

이름 그대로, 자신의 방을 예쁜 벽지나 커튼으로 장식을 하듯이, 기존의 코드에 여러가지 기능을 추가하는 파이썬 구문이라고 생각하시면 됩니다.

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

Sequelize - M:N 관계에서 through table 활용

Sequelize의 M:N관계(belongsToMany)에서 생성되는 through table을 사용하는 방법을 정리하려고 한다.

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

Sequelize - eager-loaded models의 order

sequelize에서 eager-loading을 통해 관계있는 모델을 가져올 때 관계있는 모델의 데이터 순서(order)를 정하는 방법에 대해 알아보자.

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

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

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

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

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

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

2020년 5월 25일
·
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개의 댓글