zero's 이모저모

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

GitHub

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

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

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가 점점 깊어지면 위의 설명대로 를 몇개써야 파일을…