프론트엔드 정복하기

Symlink 지원, 에러 개선 등 이번 릴리즈는 Metro와 에러 핸들링 개선 및 개발 경험 향상과 관련해서 많이 요청된 기능이 더해졌다. 이번 태스크의 대부분은 2022 커뮤니티 설문조사 응답을 반여했다. 설문에 참여해준 모든 분께 감사하다. 주요 변경사항- 메트로의 새로운 기능- 개발자 경험 향상- 새로운 아키텍쳐 적용 유의 변경사항- 더 이상 지원하지 않는 컴포넌트 제거- 패키지 이름 변경  주요 변경사항 메트로의 새로운 기능Symlink 지원 (베타 버전)Symlink 지원은 계속해서 메트로에서 가장 많이 요청되는 기능 중 하나이다. (...)Symlink 지원은 RN이 monorepo 설정과 pnpm과 밀접하게 동작할 수 있도록 해준다.(...) 우리는 0.73 버전에서 symlink 기능이 ..

Javascript의 여러 엔진들에 대해 알아보자. Javascript 엔진이란?) JS 코드를 실행하는 프로그램 또는 인터프리터*이다. V8 - 개발사: Google - 개발언어: C++ - 사용처: Node.js 런타임, Chrome 브라우저 - 속도 향상을 위해 인터프리터 대신 JIT 컴파일러*를 사용해 더 효율적으로 JS를 기계어로 번역한다. - 바이트코드와 같은 중간 코드를 생산하지 않는다. - 멀티 스레드(메인스레드, 컴파일 담당 스레드, 프로파일러 스레드 등으로 이루어짐.) Javascript Core - 개발사: Apple - 사용처: Safari, RN App SpiderMonkey - 최초의 엔진 / C++ / FireFox에 사용 Chakra - MS 개발 / IE, Edge에 사용 ..

안드로이드 - 앱 성능을 측정할 수 있는 요소들 https://developer.android.com/studio/profile/measuring-performance?hl=ko 앱 성능 측정 개요 | Android 개발자 | Android Developers 앱 성능 측정 개요 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 이 주제는 앱의 주요 성능 문제를 식별하고 해결하는 데 도움이 됩니다. 주요 성능 문제 developer.android.com 앱 크래쉬 에러를 심층적으로 분석해준다고 하는데..? https://imqa.io/page/lite IMQA LITE | IMQA - 모바일 성능 모니터링 솔루션 IMQA는 모바일 성능 모니터링 솔루션(MPM)과 모바일 이상 ..

https://www.mobiinside.co.kr/2021/09/23/update-popup/ 앱 업데이트를 하고싶게끔 만드는 문구 안드로이드에는 인앱 업데이트라고 해서, 구글 플레이스토어 코어 라이브러리인 기능이 있다. 업데이트할 내용이 있다면 업데이트 창을 띄워주고, 업데이트하기 했을 때 백그라운드에서 업데이트가 이뤄진다! 그동안 앱을 이용할 수 있다! 그러고는 앱을 재시작하라는 바텀시트가 뜬다! 넘나 유용! 하지만 아직 ios에는 비슷한 기능이 없다!! https://developer.android.com/guide/playcore/in-app-updates?hl=ko 인앱 업데이트 | Android 개발자 | Android Developers 인앱 업데이트 컬렉션을 사용해 정리하기 내 환경설정을..

소스맵이란 무엇일까? 소스맵에 대한 블로그 글을 개념 숙지 겸 간단히 정리해 보았다. 소스 맵이란? - 코드의 원본 소스와 변환된 소스 사이의 맵핑 정보가 선언된 파일이다. - *.map 확장자이며, JSON 형태로 되어 있다. - 이 파일을 웹 서버에 제공하면 브라우저는 소스맵을 적용해 변환된 코드를 디버깅할 수 있다. - 일반적으로 Vite, Webpack 등의 번들러에서 소스맵 생성 옵션을 제공한다. - 파일 내용 중 'mappings'라는 키값이 원본소스와 변형된 소스 간 관계를 나타내고, 아래처럼 VLQ Base64 형태로 인코딩된 문자열이다. AAAA,SAAS,cAAc,WAAW,iBAAiB,SAAS;IAC1D,... 소스맵이 필요한 이유는? 웹 브라우저에서 소스맵이 없으면 디버깅하기가 어렵다...

turborepo 를 사용해 monorepo 를 구성했고 git commit 이 이루어지기 전 Linting, Formatting, Type Checking 이 이루어질 수 있도록 husky, lint-staged 를 사용해 pre-commit 훅을 작성했다. eslint 와 prettier 의 경우 각 패키지 설정에 맞게 검사가 이루어졌으나, 타입 체킹은 루트에 있는 tsconfig.json 을 의존해 검사가 원하는대로 되지 않았다. 이에 대한 해결책을 공유하고자 한다. 프로젝트 구성은 다음과 같았다. ├── packages | ├── random-menu ├── apps │ ├── common-ui │ └── common-utils ├── package.json 기존 설정 // ./package.js..