본문 바로가기

전체 글48

DRF에서 JWT 사용하기 DRF에서 JWT 사용하기 이번에 프로젝트를 진행하면서 장고를 처음 써봤는데 node.js를 사용했을 때와는 다르게, 장고는 꽤 많은 기능들을 클래스를 상속받거나 패키지를 활용하면 쉽게 구현이 가능했습니다. JWT도 djangorestframework-simplejwt 패키지를 이용하면 정말 쉽게 JWT를 구현할 수 있었습니다. 해당 패지키를 활용한 JWT 구현 방법은 아래 블로그에 자세하게 나와있어서 많이 참고할 수 있었습니다. https://medium.com/django-rest/django-rest-framework-jwt-authentication-94bee36f2af8 이번 프로젝트에서는 해당 패키지를 쓰지 않고, 해당 기능을 구현한 것에 대해 작성할 예정입니다. 우선 jwt를 파이썬에서 생성.. 2021. 8. 7.
Node.js 검색기능 구현하기 유사검색 검색어를 완전히 똑같게 입력하지 않아도 일부 내용이 같으면 검색하는 것을 말합니다. SQL 문법에 like 문법이 있어 Sequelize Docs에서 해당 문법을 확인할 수 있었습니다. sequelize의 where 부분에 아래와 같이 Op.like를 이용하면 됩니다. const { Op } = require("sequelize"); { where: { { brand: { [Op.like]: `%${searchText}%` } }, }, } 진행중인 프로젝트에서 상품 검색을 위한 검색 기능이라, 브랜드나 상품명을 검색했을 때 검색결과가 나오길 바랬습니다. Sequelize에선 or 문법도 Op에서 제공하고 있더군요. 아래와 같이 [Op.or] 을 이용해주었습니다. { where: { [Op.or.. 2021. 4. 23.
React.js Dropzone 라이브러리 사용하기 공식 문서 : https://react-dropzone.js.org/ 공식 문서를 기반으로 작성합니다. 라이브러리 설치 npm install --save react-dropzone yarn add react-dropzone or: yarn add react-dropzone 기본 사용법( 훅스를 사용하는 방식으로 작성했습니다. ) import React, {useCallback} from 'react' import {useDropzone} from 'react-dropzone' function MyDropzone() { const onDrop = useCallback(acceptedFiles => { // Do something with the files console.log(acceptedFiles) }.. 2021. 4. 11.