한 기기에서 여러 GitHub 계정 SSH 인증 설정

얼마 전 GitHub 의 비밀번호 인증 방식이 중지되었다. 이제는 pull, push 등 GitHub 에 인증이 필요한 액션을 할 때 비밀번호가 아닌 다른 인증 방식을 설정해야 한다.

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

React Native 환경별 빌드 설정

한 프로젝트는 여러 환경에서 빌드 혹은 실행될 수 있다. 가장 단순하게는 개발 환경과 운영(production) 환경 두 환경으로 분리할 수 있고, local, dev, stage, test 등을 보다 세분화해서 분리할 수도 있다. 이 글에서는 여러 환경에 따라 Re

2021년 8월 31일
·
0개의 댓글

React Native iOS 빌드 에러

최근 React Native 의 빌드 환경을 옮기면서 마주한 에러들을 간단히 정리한다. Intel 프로세서에서 Apple M1 프로세서로 옮기면서 생긴 에러들이 아닌가 하고 추정하고 있지만, 정확하지는 않다.

2021년 8월 23일
·
0개의 댓글

React Native WebView 안드로이드 백버튼 처리

React Native 를 웹뷰 컨테이너로 사용해 웹앱을 구현하고 있다.웹뷰를 사용한 하이브리드앱 구현 시 주의해야 할 점 중 하나는 안드로이드 기기의 백버튼(뒤로가기 버튼)에 대한 처리다. ...

2021년 8월 21일
·
0개의 댓글

읽은 좋은 글들 (~21.7.24)

메일링, 블로그, 구글링 등을 통해 읽은 좋은 글들을 모아놓은 글이다.

2021년 7월 24일
·
0개의 댓글

읽은 좋은 글들 (~21.7.5)

Perfect Tooltips With CSS Clipping and Masking CSS로 말풍선 모양의 툴팁을 구현하는 내용이다. 단순히 네모와 그 아래 세모를 붙이는 것으로 끝나지 않고, 말풍선 모양으로 사진을 클리핑하는 것까지 구현한다. svg(특히 clip-

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

읽은 좋은 글들 (~21.6.28)

제목 그대로, ?. 문법의 사용법에 관한 글이다. 처음보는 용례까지 있어서 깜짝 놀랐다.ES2021의 새로운 기능들을 소개하는 글이다. 아래 다섯 가지 새로운 기능을 소개하고 있다.Logical Assignment OperatorsNumeric SeparatorsPro

2021년 6월 28일
·
0개의 댓글

Next.js 로 GitHub Pages 배포하기

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

2021년 6월 13일
·
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개의 댓글