Next.js 로 GitHub Pages 배포하기

간단한 프로토타이핑 공유를 위해, Next.js로 구현한 웹앱을 GitHub Pages에 배포하기로 했다.

5일 전
·
0개의 댓글

CRA webpack 분석 (2) - module 설정

create-react-app으로 React 웹앱을 만들었다. 웹팩Webpack 설정은 어떻게 되어 있는지 살펴보고 싶어서 `yarn eject` 명령어도 실행했다. 이 글에서는 웹팩의 `module` 설정에 대해 알아보자.

2021년 5월 27일
·
0개의 댓글

CRA webpack 분석 (1) - resolve.alias 설정

create-react-app으로 React 웹앱을 만들었다. webpack 설정을 직접 수정하고 싶어서 `yarn eject` 커맨드도 실행했다. 그럼 webpack 직접 설정하기 첫걸음으로, `resolve.alias`를 설정해보자.

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

Create React App 으로 GitHub Pages 적용하기

Create React App 은 React 웹앱을 만들고자 할 때 프로젝트 초기 셋팅 (디펜던시 설치, 각종 설정 적용 등) 을 도와주는 편리한 툴이다. 이 글에서는 이 툴을 가지고 생성한 앱을 GitHub Pages 에 배포해 볼 것이다.

2021년 5월 3일
·
0개의 댓글

기술 면접에서 받은 질문 (2) - React 및 기타

요 근래 몇몇 크고 작은 회사에서 기술 면접을 봤다. 받았던 기술 관련 질문들을 정리해 보았다. 이 글에는 React를 비롯한 여러 라이브러리와 기타 프론트엔드 관련된 내용들을 정리했다. Vanilla JavaScript 관련 글은 이전 글에서 정리했다.

2021년 4월 30일
·
0개의 댓글

기술 면접에서 받은 질문 (1) - JavaScript

요 근래 몇몇 크고 작은 회사에서 기술 면접을 봤다. 받았던 기술 관련 질문들을 정리해 보았다. 이 글에는 Vanilla JavaScript에 관련된 내용만 정리했다. React, 그 외 기타 프론트엔드에 관련된 질문은 다음 글에서 정리한다.

2021년 4월 30일
·
0개의 댓글

[팁] 1~n 배열 만들기

JavaScript 로 1 ~ n 까지의 숫자 배열을 만들고 싶어졌다. 쉽게 생각할 수 있는 방법은 새로운 n 크기의 배열을 만든 뒤 map 메서드를 사용해 숫자를 1부터 n까지 채워 넣는 것이다.

2021년 4월 16일
·
0개의 댓글
post-thumbnail

크롬에서 Web Worker 로 이미지 업로드 안 되는 현상 해결

크롬이 업데이트된 이후로 우리 웹앱에서 이미지 업로드가 되지 않는 현상이 발생했다. 해당 현상은 크롬 사용자에게만 나타났다. 그냥 자바스크립트 에러가 나면서 기능이 동작하지 않는 정도가 아니다. 아래처럼 아예 크롬이 죽어버렸다.

2021년 3월 30일
·
0개의 댓글

ESLint 적용 및 자동화

코드를 일관성 있는 형식으로 유지하는 것은 중요하다. 일관성 있는 코드는 가독성을 올려주며, 이는 협업 및 유지보수에 큰 도움을 준다.

2021년 3월 25일
·
0개의 댓글

sqlite3 데이터 타입

아래 내용은 sqlite 의 공식 문서인 [Datatypes In SQLite Version 3]를 간단히 인용 및 정리한 것이다. 정확한 내용은 본문보다는 해당 문서 참고를 권장한다.

2021년 3월 20일
·
0개의 댓글

빌드할 때마다 환경 변수 파일을 자동으로 갱신

사고가 발생했다. 어제 배포한 앱에서 발생한 사고였다. 사용자의 구글 로그인이 실패하는 현상이었다. 확인해보니 구글 로그인 라이브러리 초기화 시 사용하는 토큰 값이 잘못된 값이었다. 해당 값은 환경 변수에 넣어서 관리하고 있었는데, 환경 변수 파일의 최신화가 제대로

2021년 3월 4일
·
0개의 댓글