zero's 이모저모

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

GitHub

Lerna와 Yarn workspaces를 활용한 패키지 관리

February 24, 2021

다음은 회사 블로그에 작성한 글을 옮긴 포스팅입니다 원티드 프론트엔드 팀의 인원이 늘어나고 목적 단위의 스쿼드팀이 늘어나면서 서로의 프로젝트에서 동일/비슷한 코드를 계속 작성하고 이를 공유 해야 하는 상황이 지속해서 생겨났습니다. 이 문제를 해결하기 위해 공통으로 발생하는 코드를 wanted-wide 라는 프로젝트명으로 모두 모듈화하여 중앙화해서 사용하기…

2021년을 시작하며

January 11, 2021

크게 특별할 일이 없던 2020년이 지났습니다. 재작년과 마찬가지로 React를 활용해서 웹(React.js) 앱(React-Native)을 만들고 공부하며 1년을 무사히 마쳤습니다. 2021년이 기대되는 점이 있다면 제가 새로운 회사로 이직을 하게 되었고, 그 회사에서는 React-Native가 아닌 순수하게 Web기술 기반의 React.js 개발을 하…

자바스크립트는 브라우저에서 어떻게 동작하는가

November 05, 2020

많은 분들이 알다시피 javacrtipt는 싱글스레드 환경에서 구동되는 언어입니다. 하지만 자바스크립트에서는 이벤트루프라는 매커니즘을 동작시켜 여러개의 비동기 함수와 즉시실행되는 함수를 일정한 조건과 순서에 맞게 실행해 마치 여러개의 스레드가 동작하는 것처럼 보입니다. 그러면 다음 그림을 보고 전체적인 구조를 봅시다 이미지 출처: https://blog.…

자바스크립트 클로저(Closure) 이해하기

November 02, 2020

클로저를 가장 쉽게 이해할 수 있는 말은 이게 아닐까 싶습니다 MDN에서 클로져를 소개하고 있는 글입니다. 클로저를 사용하면서도 이게 클로저를 사용하는 것인지 모르고 단순히 경험에 의한 감으로 클로저를 사용할 경우가 있었는데 다음과 같은 경우입니다 결과: 위의 코드를 보면 함수는 이미 자기의 동작을 마치고 을 리턴했습니다. 단순하게 생각한다면 안에서 …

프론트엔드 개발자가 되기 위해 공부해야 할 것들

September 15, 2020

회사에서 주로 개발을 해왔고 가끔씩 인앱 브라우저에서 사용하기 위한 웹개발을 위해 또는 간단한 소개페이지 제작을 위해 웹페이지를 만들어야 했다. 그리고 웹공부를 열심히 해야겠다고 생각했다 알면 알수록 어려운 분야이고 공부해야할게 많은 분야이다. 좋은 프론트엔드 개발자가 되기 위해 나름대로 공부해야 할 내용을 정리해보려고 한다 html / css 우리가 …

npm 패키지 만들어 배포해보기

July 30, 2020

최근에 회사에서 사용하는 소스를 모듈화 해서 npm에 배포했습니다 깃헙링크 혹시 이런 일들이 어렵게 느껴지시는 분들을 위해 포스트를 작성합니다. 많은 자바스크립트 개발자 분들이 직접 만든 소스를 배포 하셨으면 좋겠습니다 🙃 1. pacakage.json 생성하기 먼저 프로젝트를 생성하기 위해 또는 을 실행해줍니다. 그러면 다음처럼 간단하게 어떤 내용으로…

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

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명이 넘게 오는 큰 모임이 될 거라고 생각 못했는데 운영진분들의 노력에 큰 성과를…