본문 바로가기

전체 글

(45)
타입스크립트 테스트 환경 구축하기 Typescript Test Environment 안녕! 타입스크립트 프로젝트를 Jest로 테스트하려면 어떻게 할지 궁금해 할까봐 준비했어! Jest와 TypeScript 설치! npm용 명령어는 아래! npm install --save-dev jest ts-jest @types/jest typescript yarn 명령어는 아래! ^^ yarn add --dev jest ts-jest @types/jest typescript 프로젝트 루트 디렉토리에 jest.config.js 파일을 생성해. 바로 Jest의 설정을 관리하는 파일이야. module.exports = { preset: 'ts-jest', testEnvironment: 'node', testMatch: ['**/__tests__/**/*.+(ts|js)', '**/?(*.)+(spec|te..
python import requests 오랜만에 파이썬을 해보려고 하니 다 까먹었네요. 이 글을 읽으시는 분들도 다 같은 마음이시겠죠? 오랜만에 pycharm을 켜고 예제 코드를 실행해보려는데 첫줄 import 부터 난관입니다. 왜쥬? requests 모듈을 설치해야 합니다. 어떻게? 설치를 해서! 설치는 어떻게 하느냐 pip명령어를 통해서 설치하면 됩니다. pip install requests request 아니고 requests 입니다. ㅎ 도움이 되셨다면 응원의 댓글 부탁드려요 ^^
보라색 전동킥보드의 비밀! 빔(Beam) 타는 방법, 쿠폰코드! 안녕하세요. 동네에 보라색 전동킥보드가 생겼네요. 이로서 라인업 추가! 전동킥보드의 시대 요즘 전동킥보드 쉐어링 서비스가 엄청 많아졌더라구요. 잠실역에서 내려서 나왔다가 수많은 전동 킥보드 보고 당황 ㅎ 다들 돈을 벌고 있는 건지 치킨게임을 하는건지 모르겠지만, 과연 누가 � ppsu.tistory.com 더군다나 전동킥보드의 원조 세그웨이에서 만든 ES2 모델(나인봇킥 스쿠터/ninbot KickScooter)입니다. 저의 첫 전동킥보드라서 너무 반갑더라구요. 전동킥보드 가격이 천차 만별인데 그래도 합리적인 가격이라서 구매했던 전동킥보드입니다. 원래 회색인데 이렇게 고급진 보라색을 입고 있으니 많이 달라보이더라구요. +_+ 빨리 앱부터 설치 합니다. 쿠폰코드 먼저 필요하신 분들을 위해 공유드립니다, 6..
다이어트 도시락 추천 - 고온어다이어트 고온어현미밥도시락 시즌4 두번째 메뉴 후기 안녕하세요 PPSU입니다. 다이어트 도시락 즐기고 계신가요? ㅎ 저는 어제부터 고온어현미도시락 시즌4를 먹기 시작했어요! 다이어트 도시락 추천 - 고온어다이어트 고온어현미밥도시락 시즌4 안녕하세요 PPSU입니다. 얼마전 지인 추천으로 다이어트도시락 하나를 먹어봤는데, 초 강추 도시락을 발견해 소개해 볼까해요. 다들 실패하는 다이어트 경험 많으시죠? ㅜㅜ 저도 그 중 한명이랍 ppsu.tistory.com 맛을 양보하지 않은 다이어트 도시락! 어제 두개 먹어보고는 간이 제대로에 배고픔만 딱 가시는 적당한 양이라 놀랐는데요! 요것이 다이어트를 지속가능하게 만드는 핵심아닐까요? (한번에 두개 먹고 싶...) 그 두번째 다이어트 도시락 후기! 오늘도 고온어현미밥 도시락 시즌4중 두개를 오픈해 보았습니다! 아직 ..
다이어트 도시락 추천 - 고온어다이어트 고온어현미밥도시락 시즌4 안녕하세요 PPSU입니다. 얼마전 지인 추천으로 다이어트도시락 하나를 먹어봤는데, 초 강추 도시락을 발견해 소개해 볼까해요. 다들 실패하는 다이어트 경험 많으시죠? ㅜㅜ 저도 그 중 한명이랍니다! 내장지방은 뭐다? 식이요법이 중요!, 운동은 거들뿐! 그래서 먹는것 부터 컨트롤 해보기로 했어요. 그래서 선택한 다이어트 도시락. 마침 지인이 먹고 있는데, 너무 맛있어서 두개 먹는다는 도시락이 있어 한번 사보았습니다. 응? 두개를 먹는다고?.. 그럼 다이어트는... 암튼, 이 리뷰는 제돈주고 사먹은 내돈내산 솔직리뷰입니다! 다이어트 도시락 후기 - 고온어도시락 현미밥 식단 시즌4! 고온어도시락? 시즌4? 맛있게 즐길수 없다면 오래지속할수 없다! 다들 공감하시지 않나요? ㅜㅜ 다이어트... 다이어트... 좋은데..
Next.js에서 fs모듈 사용하기 :: ModuleNotFoundError: Module not found: Error: Can't resolve 'fs' in 헤이 친구들 Next.js로 홈페이지는 잘 만들고 있어? 파일 만들고 직접 접근하려는데 오류나지 않아? ModuleNotFoundError: Module not found: Error: Can't resolve 'fs' in 한번 내가 질문을 던져볼께! Hoxy... /page 하단에 있는 페이지 컴포넌트 코드에다가 넣은건 아니지? 뜨끔한 친구들! 일단 Next.js로 만든 페이지는 미리 생성해 두었다가 내려주는 건 이해하고 있을꺼야! 여기서 이미 아! 한 친구들 있을껄? ㅎ fs 모듈을 왜 쓰고 싶어하는지 다시한번 생각해봐. 요건 프로그램이 실행되는 서버의 파일시스템을 접근하고자 하는거지. 페이지 컴포넌트에 작성한 코드는, 맨처음에 호출할때는 Next.js서버에서 실행되고, 이후 라우터로 페이지 이동한..
Jamstack이란 무엇일까? (프론트엔드 개발자들이여 프론트에 집중하자!) Next.js Jamstack 배포를 지원한다는데 무슨말일까? 찾아보니 홈페이지도 있네? https://jamstack.org/ Jamstack | JavaScript, APIs, and Markup What is the Jamstack? You may have already seen or worked on a Jamstack site! They do not have to include all attributes of JavaScript, APIs, and Markup. They might be built using sites built by hand, or with Jekyll, Hugo, Nuxt, Next, Gatsby, or another st jamstack.org 위의 공식 사이트 내용을 요약..
Next.js 배포하기(Vercel 사이트 이용하기) 친구들! Next.js로 사이트 만들었는데, 이제 배포할 차례야! 집에 서버가 있다면 간단히 빌드 및 실행하는 걸로 가능해! 먼저, 변경사항이 있다면 빌드! - Pre-rendering할 페이지들 미리 만들어주는 과정이 있지! npm run build 서버 시작! npm start 그런데, 실환경(Production Environment)에 배포하려니 좀, 귀찮아지지 않아? 도메인도 마련해야하고, 서버도 마련해야하고, 서버가 갑자기 꺼졌을 때 대비 스크립트 설정하랴, 속도 걱정에 이미지랑 js파일들은 cdn에 올려야 하고, 혼자하려니 막막하다 생각되지? 빨리 친구들하고 공유하고 싶은데, 왜케 더디게만 느껴질까? 바로 요걸 해결해주는 호스팅 사이트가 있어! Vercel, 이라는 사이트야, Next.js만든..