개발과 기술21 [Next JS] Next JS + Material UI + Styled Component 설정방법 Next JS + Material UI + Styled Component 설정 방법 React기반의 프론트엔드 기술이 많은 인기를 얻으면서 React기술을 사용한 Next JS의 인기가 조금씩 상승하고 있습니다. 하지만 Next JS를 사용하면서 다른 인기 프론트엔드 라이브러리인 Material UI와 Styled Component를 사용하려면 별도로 설정을 해주어야 합니다. 이를 하는 방법을 설명하겠습니다. Next JS, Material UI, Styled Components 설치 및 기본적인 프로젝트 설정은 가정하겠습니다. 가장 먼저 styled-components용 babel 플러그인 babel-plugin-styled-components를 개발용으로 설치하여야 합니다. 아래의 커맨드를 Windo.. 2020. 4. 22. [Python] Python 일정 시간 후 timeout 에러 내는 방법 서버 사이드에서 어떤 작업을 하고 클라이언트 사이드로 응답을 하는 로직을 만드는 중 이었습니다. 사용하고 있는 서버 인프라가 특정 시간만큼만 작동하고 그 이상으로 작동할 시 timeout error를 내었습니다. 하지만 서버에서 해야하는 작업은 어떤 입력을 받았냐에 따라 얼마나 작동할 지 알 수 없는 상황이었습니다. 내린 결론은 특정 시간이 지나면 하던 작업을 마치고 클라이언트 사이드로 응답을 보내는 것이었습니다. 하지만 Python프로그램이 돌아가는 도중에 시간을 재고있던 다른 녀석이 돌아가는 녀석을 멈춰야 했습니다. 이 상황을 해결할 수 있는 것이 signal 모듈 입니다. 예제를 봅시다. import signal import time class TimeOutException(Exception): p.. 2020. 4. 14. [Prisma] Prisma(Graphql) 로컬서버 설정 방법(+ docker 설정 방법) - PART 2/2 이번에는 prisma-db 서비스를 알아봅시다. version: '3' services: prisma: image: prismagraphql/prisma:1.34 container_name: prisma restart: always ports: - '4466:4466' environment: PRISMA_CONFIG: | managementApiSecret: my-server-secret-123 port: 4466 databases: default: connector: mysql host: prisma-db port: 3306 user: root password: prisma prisma-db: image: mysql:5.7 container_name: prisma-db restart: always en.. 2020. 3. 31. [Prisma] Prisma(Graphql) 로컬서버 설정 방법(+ docker 설정 방법) - PART 1/2 Prisma를 배울때는 Prisma 공식 홈에서 제공하는 Prisma Cloud를 사용하는것이 간단하고 편리하지만 실제로 개발을 할 때에는 로컬 혹은 자신의 서버에 Prisma 서버를 띄우고 사용해야 합니다. Prisma 공식 문서에서 위의 방법을 Docker를 통하여 하도록 설명하고 있는데요 그 방법을 알아보겠습니다. 우선 몇가지 가정을 하고 시작하겠습니다. Prisma에 연결할 DB또한 Docker Container로 띄운다고 가정하겠습니다. DB는 가장 많이 사용하는 MySQL을 사용하도록 하겠습니다. Docker와 Docker-compose의 설치가 완료된 상황으로 가정하겠습니다. 먼저 프로젝트의 디렉토리(폴더구조)도 설정에서 꽤 중요한 역할을 합니다. 매끄럽게 흘러갈 수 있도록 이부분도 정해봅시.. 2020. 3. 31. 이전 1 2 3 4 5 6 다음
