profile
velog 열어, 그리고 써 !
post-thumbnail

블로그만들기(13) - 도메인 적용

이번에는 도메인을 구매해서 헤로쿠와 버셀을 통해 배포한 서버와 클라이언트에 제 도메인을 적용시켜줘보겠습니다.먼저 도메인을 구매해봅시다.도메인을 구매할 수 있는 곳이 여러 곳이 있지만 저는 hosting.kr 에서 구매했습니다.먼저 Vercel 대시보드에서 원하는 앱을

2021년 3월 7일
·
0개의 댓글
post-thumbnail

블로그만들기(12) - CORS 문제

직접 블로그를 개발하면서 접한 CORS 문제에 대해 알아보면서 작성한 포스트입니다.

2021년 3월 7일
·
0개의 댓글
post-thumbnail

블로그만들기(11) - Vercel로 프론트단 배포하기

지난 번에는 API 서버를 헤로쿠를 통해 배포를 하였습니다.이번에는 클라이언트인 Next 기반의 React 소스를 올려 배포를 해보겠습니다.사실 Github pages를 통해 배포하려고 하였으나 멍청하게도 SSR(Server Side Rendering)을 하기 때문에

2021년 3월 7일
·
0개의 댓글
post-thumbnail

블로그만들기(10) - heroku로 nestjs 배포하기

이번 블로그 프로젝트의 서버는 AWS EC2로 배포하지 않고 Heroku(헤로쿠)라는 PaaS(Platform as a Service) 서비스를 통해 배포하려고 합니다.단순 클라우드 기반 앱에서부터 정교한 클라우드 사용 엔터프라이즈 응용 프로그램에 이르기까지 모든 것을

2021년 3월 7일
·
0개의 댓글
post-thumbnail

블로그만들기(9) - NestJS + passport + jwt

NestJS DocumentAuthenticationAuthorization먼저 $ nest g 명령어를 통해서 모듈과 프로바이더 등을 생성해봅시다.$ nest g -h 명령어를 입력하면 명령어를 통해 생성할 수 있는 파일 목록이 출력됩니다.위의 명령어를 입력하면 sr

2021년 2월 28일
·
0개의 댓글
post-thumbnail

블로그만들기(7) - redux-saga

리덕스의 리듀서는 순수함수이여야 하므로 API 통신을 통한 응답 데이터를 저장하는 등의 기능은 미들웨어를 통해 진행해야합니다.redux-thunk도 있지만 기존에 사용해보았던 경험이 있는 redux-saga를 사용하도록 하겠습니다.리덕스 사가는 리덕스를 통한 비동기 장

2021년 2월 21일
·
0개의 댓글
post-thumbnail

블로그만들기(8) - Nest.js

도움을 얻은 곳NestJS Document노마드코더 - NestJS로 API만들기기존에 여러 애플리케이션을 만들어보면서 대부분을 NodeJS의 Express를 통해 서버를 구현했습니다. 프론트단을 타입스크립트 기반으로 수정하면서 백단 또한 타입스크립트 기반으로 구현해보

2021년 2월 18일
·
0개의 댓글
post-thumbnail

블로그만들기(6) - typesafe-actions

이전의 블로그와 다르게 이번에는 TypeScript로 애플리케이션을 구현하고 있는데 redux, redux-saga를 활용하려고 하는 부분에서 불편한 점이 많았고, 참고한 여러 포스트에서 typesafe-actions라는 모듈을 활용하는 부분을 많이 보았기에 저도 학습

2021년 2월 18일
·
0개의 댓글
post-thumbnail

블로그만들기(5) - Redux

리덕스는 Flux 개념을 바탕으로 한 React에서 가장 많이 사용되고 있는 상태(State)관리 라이브러리로써 여러 컴포넌트에서 존재하는 State와 State관련 로직들을 다른 파일로 분리시켜 효율적으로 관리할 수 있게 도와줍니다.또한, 컴포넌트끼리 State를 공

2021년 2월 16일
·
0개의 댓글

블로그만들기(4) - styled-component

이전 프로젝트에서는 페이지, 컴포넌트를 디자인하기 위해 css-in-js 라이브러리인 @emotion을 통해 styled component를 생성해서 디자인을 진행했는데 이번 프로젝트에서는 styled-component 라이브러리를 통해 디자인했다.styled-comp

2021년 2월 11일
·
0개의 댓글
post-thumbnail

블로그만들기(3) - Next.js의 구조

Next.js는 React용 SSR 프레임워크이다.next 명령어를 통해 프로젝트를 실행하면 위에서 말한 export를 통해 빌드 시점에 미리 Page들을 파악하고 이를 각 HTML로 생성해놓는다.next export 명령어로 routing 경로로 정적 웹사이트를 만들

2021년 2월 11일
·
0개의 댓글
post-thumbnail

블로그만들기(2) - TypeScript, ESLint, Prettier

난 프로젝트를 create-next-app 명령어로 생성하지 않았으니 타입스크립트를 사용하기 위해 npm으로 타입스크립트와 react, node type 모듈들을 설치하자.설치 후 다음 파일들을 생성해주자.next-env.d.tstsconfig.jsonNext.js +

2021년 2월 10일
·
0개의 댓글
post-thumbnail

블로그만들기(1) - Nextjs

Create a Next.js AppReact.js를 통해 웹 어플리케이션을 빌드하려면 세팅해야하는 사항이 많이 있다.webpack같은 번들러를 사용해 번들로 묶고 Babel과 같은 컴파일러를 통해 JavaScript코드로 변환해주어야 한다. 또한, 코드를 분할하는 방

2021년 2월 9일
·
0개의 댓글

ML 기초 쌓기 #3 - 지도 학습

본 포스트 내용은 \[ML 기초 쌓기 ML의 기법과 관련된 알고리즘의 종류는 수없이 많다고 합니다.대표적으로 지도 학습(Supervised learning)과 비지도 학습(Unsupervised learning)으로 구분됩니다.이 둘의 차이점은 학습 결과에 대한 사전

2020년 8월 17일
·
0개의 댓글

ML 기초 쌓기 #2 - 분류 모델 평가 지표

2.2 Classification Model(분류 모델) > #### Confusion Matrix(오차행렬) > 분류 모델 성능 평가 지표에 대해 이해하기 위해서는 먼저 Confusion matrix에 대해 알고 있어야 합니다. > Confusion matrix는

2020년 8월 16일
·
0개의 댓글

ML 기초 쌓기 #1 - K-fold Cross Validation, 회귀 모델 평가 지표

DHH2020을 진행하기 위해선 기본 지식부터 다른 팀원의 수준까진 아니더라도 이해는 할 수 있을 정도까지 학습이 필요하다고 생각이 됩니다. > 내 멘토이자 같은 학교 과선배가 간단한 실행 결과 코드를 보여주며 설명을 해주었는데 역시나 이해하기 위해 필요한 지식이 부

2020년 8월 16일
·
0개의 댓글

캐글 타이타닉으로 기초 쌓기 #5

참고한 커널을 거의 Copy한 정도이기 때문에 학습 등의 목적을 가지고 계신 분은 참고한 커널 Kaggle 공개 커널, 곽대훈님의 데이터 분석 어떻게 시작해야 하나요?로 이동해주세요.이 글은 \[캐글 타이타닉으로 기초 쌓기 특성 공학이란 특정한 기능(AI 알고리즘 적용

2020년 8월 12일
·
0개의 댓글

캐글 타이타닉으로 기초 쌓기 #4

참고한 커널을 거의 Copy한 정도이기 때문에 학습 등의 목적을 가지고 계신 분은 참고한 커널 Kaggle 공개 커널, 곽대훈님의 데이터 분석 어떻게 시작해야 하나요?로 이동해주세요.이 글은 \[캐글 타이타닉으로 기초 쌓기 이제 어떤 feature가 Survived에

2020년 8월 12일
·
0개의 댓글

캐글 타이타닉으로 기초 쌓기 #3

어제 docker의 tensorflow 이미지로 진행하다가 다 날려먹고 오늘 다시 처음부터 분석을 시작했습니다.참고한 커널을 거의 Copy한 정도이기 때문에 학습 등의 목적을 가지고 계신 분은 참고한 커널 Kaggle 공개 커널, 곽대훈님의 데이터 분석 어떻게 시작해야

2020년 8월 12일
·
0개의 댓글

Seaborn의 시각화 메소드를 알아보자

Seaborn 패키지를 효율적으로 사용하기 위한 학습 및 정리

2020년 8월 11일
·
0개의 댓글