zero's 이모저모

ZERO
Written by@ZERO
열심히 공부해야 하는 개발자입니다

GitHub

프론트개발자가 만드는 노드서버

May 04, 2020

회사에서 프론트 개발만 하다가 “나도 혼자 서비스를 만들어 보고 싶다” 라는 마음에 슬슬 노드 공부를 하고 있습니다. 이 포스트에서는 서버개발을 하면서 정리하고 싶은 내용과 앞으로 개발을 진행하면서 생기는 시행착오를 정리합니다. 기술스택은 다음과 같습니다 express (노드 서버 프레임워크) sequelize (orm) mysql (db) 프로젝트 구조…

React Native에서 Flipper 사용하기

March 30, 2020

Flipper는 iOS Android React-Native 에서 사용할수 있는 디버깅툴입니다. React-Native에서 디버그는 다소 시간이 걸리고 귀찮은 일인데요 이 도구를 사용한다면 비교적 쉽게 앱을 디버깅 할 수 있습니다. 여기서는 Flipper를 사용해서 React Native를 편하게 개발할 수 있는 방법에 대해서 알아보겠습니다 설치하기 Re…

러나 (Lerna) 훑어보기

February 02, 2020

최근 러나를 활용한 모노레포 프로젝트를 진행하게 되면서 러나를 왜 사용하는지 이해하기 위해서 정리한 글입니다 러나는 하나의 저장소에서 여러자의 패키지를 구성하는 것을 도와주는 라이브러리입니다. 대표적으로 러나를 사용하고 있는 프로젝트는 이 있습니다(https://github.com/babel/babel) 프로젝트를 보시면 아시겠지만 공통적으로 사용되는 설…

올해 react native seoul 에서 얻은 것들

December 31, 2019

제가 운영진으로 있는 React Native Seoul 미디엄에 올린글을 옮겼습니다 몇 년 전, 리액트네이티브 서울에 처음 나갔을 때 약 열 명 정도가 모여 “오픈소스 만들어보자!” 하고 이거 만들까 저거 만들까 고민했던 기억이 있습니다. 그때까지만 해도 밋업 한번에 약 40명이 넘게 오는 큰 모임이 될 거라고 생각 못했는데 운영진분들의 노력에 큰 성과를…

React key prop 이해하기

November 20, 2019

리액트를 개발하면서 한번쯤은 보셨을 경고 메세지입니다. 이번 포스팅에서는 리액트 Element 에 왜 key prop이 필요한지 알아보고, key prop을 사용하면서 주의해야 할 점을 설명합니다 재조정 (Reconciliation) prop을 이해 하기에 앞서 우리는 React가 화면을 어떻게 업데이트 하는지 알 필요가 있습니다 React는 새로운 엘…

프로젝트에 module resolver 적용하기 (RN)

October 19, 2019

이 포스트에서는 에디터를 기준으로 babel-plugin-module-resolver를 사용해서 간편하게 모듈(내가 만든 파일)을 할 수 있는 방법을 소개합니다 babel-plugin-module-resolver 에서 설명하고 있는 예제입니다. 폴더와 파일들이 점점 많아지고, 작성하는 파일의 depth가 점점 깊어지면 위의 설명대로 를 몇개써야 파일을…

React Hooks는 어떻게 function component를 다시 그릴까?

September 07, 2019

다음 글은 의 동작원리를 알아보기 위해 원작자 Sarbbottam Bandyopadhyay 의 글을 번역한 글입니다 Thank you! Sarbbottam 원본은 medium에서 확인 하실 수 있습니다 ⚠️ 이 글은 를 어떻게 활용하가에 대한 글이 아닙니다. 이미 를 설명하는 많은 훌륭한 자료들이 많습니다. 이 포스트에서는 의 매커니즘, 화면 뒤에서 가 …

깃(git) 체리픽 사용법

August 04, 2019

다른 개발자와 협업하다가 브랜치가 여기저기 꼬여서 도저히 내 코드를 살릴 수 없는 상황이 되었나요? 또는를 해야하는데 컨플릭트를 어디서부터 어떻게 해결해야 할지 감이 안 오나요? 😟 협업하면서 당면하는 문제들 열심히 를 만들어서 를 보냈지만 시작시점부터 설계를 잘못했거나 코드베이스를 잘못 이해해서 리셋을 통해 아예 새로 시작하는 마음으로 를 보내야 하는…

React프로젝트에 타입스크립트 개발환경 구축하기

July 04, 2019

React 프로젝트를 시작할때마다 애먹이는 typescript 개발환경 설정 여기서 정리합니다! ※ code editor 는 를 기본으로 합니다 ※ 으로 생성된 웹프로젝트를 기준으로 설명합니다 ※ typescript 관련 모듈을 전역으로 설치 하지 않고 프로젝트 단위에서 설정합니다 typescript & eslint 설치 를 사용하기 위해서는 가 필요하…