- 전체보기(67)
- react native(12)
- typescript(7)
- git(6)
- React(5)
- JavaScript(3)
- node.js(2)
- Picker(2)
- promise(2)
- npm(2)
- axios(2)
- Time Picker(2)
- latest(1)
- private(1)
- 로또 구매(1)
- android(1)
- expo module(1)
- non-blocking i/o(1)
- task queue(1)
- x86(1)
- wireless debugging(1)
- iOS background debug(1)
- setImmediate(1)
- fabric(1)
- npm tag(1)
- 회고(1)
- iOS audio(1)
- expo 3rd party library(1)
- arch -x86_64(1)
- worker pool(1)
- API(1)
- background play(1)
- Event Queue(1)
- PackageManager(1)
- push(1)
- private package(1)
- merge(1)
- rebase(1)
- Flatlist(1)
- 커스텀 액션(1)
- queue(1)
- typescript conditional function(1)
- 2021(1)
- 타입스크립트 조건부 함수(1)
- Pull Request(1)
- yarn3(1)
- moduleResolve(1)
- Interceptor(1)
- Request(1)
- Response(1)
- 로또(1)
- yarn-berry(1)
- connect()(1)
- get type(1)
- types(1)
- unhandled rejection(1)
- yarn(1)
- jsi(1)
- 사이드 프로젝트(1)
- javascript interface(1)
- 중첩된 쿼리(1)
- blocking i/o(1)
- npm package(1)
- ESM(1)
- Module(1)
- axios type(1)
- 이직(1)
- adb wireless(1)
- process.nextTick()(1)
- micro task(1)
- event loop(1)
- wifi debugging(1)
- RN(1)
- nextTick(1)
- bridge module(1)
- Worker Thread(1)
- silent notification(1)
- flipper(1)
- 타입스크립트(1)
- react-native-codegen(1)
- macrotask(1)
- arm64(1)
- npm private(1)
- query(1)
- setupFiles(1)
- apple silicon(1)
- 깃허브 액션(1)
- xcode wireless(1)
- android maven(1)
- M1 MacBook(1)
- CI/CD(1)
- macro task(1)
- react-native fabric(1)
- moduleResolution(1)
- conditional-typing(1)
- libuv(1)
- npm latest(1)
- gpg(1)
- post type(1)
- github action(1)
- 반공변성(1)
- eslint ignore js(1)
- iOS(1)
- has no upstream branch(1)
- corepack(1)
- large feature(1)
- 공변성(1)
- 오브젝트 쿼리(1)
- github actions(1)
- react-native turbomodule(1)
- 이변성(1)
- commit(1)
- squash merge(1)
- npm latest tag(1)
- Wheel Picker(1)
- submodule(1)
- automations(1)
- voip notification(1)
- setInterval(1)
- setTimeout(1)
- expo install without eject(1)
- M:1(1)
- 로또 자동화(1)
- ListEmptyComponent(1)
- background(1)
- eslint split rules(1)
- VoIP(1)
- github packages(1)
- maven injection(1)
- playlist(1)
- query-params(1)
- microtask(1)
- Native Module(1)
- type(1)
- custom environment(1)
- eslint-typescript ignore js(1)
- v8(1)
- package latest(1)
- turbomodule(1)
- real-device(1)
- monorepo(1)
- 중첩된 오브젝트 쿼리(1)
- Query String(1)
- wifi debug(1)
- jest(1)
- CJS(1)
- jest config(1)
- reactnative(1)
- app(1)
- expo npm module(1)
- queueMicrotask(1)
- Side Project(1)
- nested object query(1)
- squash(1)
- expo npm library(1)
- signing(1)
- axios params(1)
- params(1)
- eslint various rules(1)
- gpg sign(1)
- autoSetupRemote(1)
- background process(1)
- remote(1)
- npm publish(1)
- interceptor type(1)
- eslint rules by files(1)
- wireless debug(1)
- 조건부함수(1)
[Git] Rebase 시, merge commit 유지하기
Base branch 를 두고 여러 작업을 쪼개서 작업할 때, 스쿼지 머지가 아닌 머지 커밋을 생성하도록 머지를 했다면, 그래프가 가지런하게 그려진다.Base branch 가 분기된 시점에서 main branch 가 상당히 앞서나간 경우, 그래프가 멀어지면서 점점 보기
[RN-CheatSheet] 시뮬레이터(에뮬레이터) 관리
Expo 에서 새롭게 Orbit 이라는 툴을 선보였다.메뉴바에서 시뮬레이터 및 빌드들을 선택하고 바로 실행할 수 있게끔 도와주는 도구인데, 아직 실험 단계이다. (mac만 지원)일차적으론 Expo 계정을 연결하고, Snack 및 EAS 등의 빌드를 바로 시뮬레이터에 띄
[Jest] 특정 테스트 파일의 config 만 업데이트 하기
일반적으로 Jest 를 실행할때는 환경별로 jest config 설정을 다르게 지정해놓고 많이 사용들을 한다.jest 의 config 에는 setupFiles 라는 옵션이 있는데, 테스트가 실행되기 전에 해당 파일을 import 해서전역적으로 필요한 글로벌 값이라던가
[Git] 큰 작업을 작은 PR 로 나눠서 작업하기
하나의 큰 피쳐를 여러개의 브랜치로 잘게 쪼개서 작업하면 PR 리뷰를 하는데 수월하다. 쪼개서 작업하는 방법과 머지가 될 때 발생할 수 있는 문제들 그리고 해결 방법에 대해 알아보자.
react-native 0.72 - TypeError: 0, _$$_REQUIRE(_dependencyMap)
Metro bundler 에서 변경사항이 생겼는지 0.72 버전에서 모듈 관련 이슈가 생겼다.RN 에서 패키지의 자바스크립트 코드가 아닌 typescript source 에서 코드를 읽어오는 경우(ex: node_modules/package_name/src/index.
GitHub Actions 에서 Versioning/Changelogs 제대로 안될때
깃허브 액션에서 lerna 혹은 다른 툴들을 사용하여 버저닝(versioning) 이나 체인지로그(changelogs) 를 추출할 때 정상적으로 추출을 못하는 경우가 있다.이는 액션에서 소스코드를 받아오는 actions/checkout 때문인데, 코드를 빠르게 받아오기
TS 로 커스텀 GitHub Action 만들어 보기 (feat. 로또 구매 자동화)
TypeScript 를 사용해서 로또 구매 자동화를 누구나 쉽게 할 수 있도록, 커스텀 깃허브 액션(GitHub Action)과 npm 패키지를 만들어보자.
[Git] 빈 디렉토리 커밋하기
git 에서는 빈 디렉토리는 변경사항으로 추적하지 않는다.하지만 때때로 특정 디렉토리에서 동적으로 생성되는 파일들을 .gitignore 에서 무시하지만, 디렉토리만은 유지를 하고 싶은 케이스가 있는데이럴때는 아무런 데이터도 없는 .gitkeep 파일을 디렉토리 내에 생
JavaScript package 101 - Module
자바스크립트 생태계의 모듈에 대해 Module resolution, Bundler, CJS,ESM 등을 포함해서 자세히 알아보자.
github-actions[bot]
인증 및 커밋을 github actions bot 으로 하고싶을 때 아래와 같이 설정하면 된다.참고로 github token 은 secrets 에 기본으로 포함돼있다.https://docs.github.com/ko/actions/security-guides/a
[RN-CheatSheet] Android module, maven url injection
안드로이드용 Native 브릿지 모듈을 개발하다 보면 dependencies 에 추가된 라이브러리 설치를 위해서가끔씩 custom maven repository 를 추가해줘야 할 일이 있다.KakaoAD SDK 의 경우 아래와 같은식으로 카카오의 maven url 을
corepack 알아보기
corepack 은 패키지 매니저(yarn, pnpm) 관리를 쉽게 도와주는 도구이다.보통 node, ruby 처럼 여러 버전을 스위칭해서 써야하는 경우가 많을때 nvm, rbenv 와 같은 도구들로 버전을 변경해가면서 사용한다.일반적으로 패키지 매니저의 경우에는, 프
첫 맥북을 떠나보내며
무언가 제대로 시작하려면 장비부터 과감히 투자해야 한다는 내 소신은 조금은 웃기지만 중학생 시절, 서든어택을 할 때 부터였다. 마우스와 패드를 거금 6만원을 들여서 구매를 했었고, 이는 곧 좋은 성적으로 이어졌었다.
[RN-CheatSheet] Watchman error
watchman 은 페이스북에서 만든, nodemon 이나 chokidar 처럼 파일단에서 변경사항이 발생했을 때 어떠한 작업을 하기 위한 용도의 프로그램이다. RN에서는 이를 사용해서, 작업 파일에 변경사항이 생겼을때 번들링을 다시 하거나 refresh 를 하는데
[RN-CheatSheet] 0.71 살펴보기
React-Native 0.71 버전이 릴리즈 됐습니다. 어떤 변경사항들이 있었는지 함께 살펴봅시다.
2022 회고
돌아보면 개발 이외의 것들은 모두 흐릿하게 기억나는 만큼 치열한 2022년이었다.유일하게 선명히 기억나는건 4월 즈음 구글에서 날아온 이메일 한 통 뿐,, 3월 한달동안 내가 3km 밖에 안걸었다는 🥲6~7월까지는 일에 파묻혀 살다보니 휴식 시간에는 동굴안에 들어가서