📍 역사 1995년 넷스케이프 커뮤니케이션즈 개발자인 브렌던 아이크가 개발한 프로그래밍 언어. 넷스케이프는 자바스크립트 규격을 ECMA International에 제출했고, ECMA International은 ECMA-262라는 명세 만들어 자바스크립트를 표준화시켰다. 현재 ECMA-262의 명세 관리는 ECMAScript international의 TC39에서 담당하고 있다. 자바스크립트는 ECMAScript의 명세 구현을 목표로 개발되며, ECMAScript의 명세는 ES1을 시작으로 현재(2024.2.26기준) ES2025까지 나온 상태이다. (ECMAScript의 초기 버전은 1씩 늘어나는 숫자로 이름을 지정했지만, 2015년부터는 공개 연도를 기준으로 지정)
분류 전체보기
📍 EXPO React Native 개발을 보다 쉽게 만들어주는 React Native 프레임워크 프로젝트를 설정하고 구성하는 것과 관련한 복잡성을 추상화함으로써 단순화된 개발 경험을 제공 ++ React Native CLI와 차이점 📍 Managed Workflow vs Bare Workflow Managed Workflow Expo가 전적으로 관리하는 개발 환경에서의 작업 방식 개발과 빌드가 훨씬 더 간단해지며, Expo의 많은 기능을 활용할 수 있다. Expo Go 앱을 사용하여 실시간 테스트할 수 있다. Expo 서버를 사용하여 iOS 및 Android 앱을 빌드할 수 있다. Expo SDK를 통해 제공되는 기능만 사용할 수 있다. 네이티브 코드에 접근할 수 없으므로 네이티브 모듈을 직접 추가하거..
📍 React Native Facebook에서 개발한 오픈 소스 모바일 애플리케이션 프레임워크 개발 방식에 따라 React Native CLI, EXPO CLI로 나뉜다. 📍 React Native CLI React Native 앱을 위한 전통적인 방식 프로젝트 구성과 설정에 최대한의 유연성과 제어가 가능하다. 장점 네이티브 모듈을 사용할 수 있고, 다양한 라이브러리를 활용할 수 있다. 앱의 성능, 크기 등을 제어할 수 있도록 빌드 구성을 할 수 있다. 강력한 커뮤니티와 생태계를 가지고 있다. 단점 초기 구성과 설정이 더 많아 까다로울 수 있다. 네이티브 종속성과 빌드 도구를 수동으로 구성해야 한다. (네이티브 지식이 필요) Android 및 iOS에서 앱을 테스트하기 위해 특정 장치가 있어야 한다. (..
📍 .gitignore 이란? Git의 root 디렉토리에 저장되어, Git Repository나 Staging Area에 추가되지 말아야 하는(무시되어야 하는) 폴더나 파일을 정의하는 파일이다. gitignore에 정의된 파일은 Staging Area에 올라가지 않기 때문에 tracking 되지 않는다. 따라서 git status 를 이용했을 때 보이지 않는다. 📍 사용법 기본적으로 세팅되어 있는 .gitignore에 대한 파일을 만들어준다. https://www.toptal.com/developers/gitignore gitignore.io Create useful .gitignore files for your project www.toptal.com 문법 # *.[확장자]: 특정 확장자 전체 *.l..
Google Play Store 또는 Apple App Store용 앱의 제출 https://appstoreconnect.apple.com https://appstoreconnect.apple.com appstoreconnect.apple.com https://play.google.com/console/u/0/developers/6816120339051254900/app-list Google Play Console 이메일 또는 휴대전화 accounts.google.com EAS - CLI Expo Application Service Expo 와 ReactNative 앱을 위한 클라우드 서비스 EAS Build Google Play Store 또는 Apple App Store용 앱의 제출할 준비가 된 바이..
개발 React Native Expo TypeScript Expo Router * navigation 방법 - : 컴포넌트를 통한 navigation - router.push("/...") : 이벤트 발생시 navigation https://docs.expo.dev/routing/navigating-pages/ Navigate between pages Create links to move between pages. docs.expo.dev https://www.youtube.com/watch?v=yyGS0adZdsU&list=LL&index=8&t=5351s * params 전달 방법 - useGlobalSearchParams() - useLocalSearchParams() https://docs.exp..
📍 웹 브라우저 동작 HTML, CSS로 → 브라우저 Critical Rendering Path를 통한 렌더링 과정 HTML → DOM, CSS → CSSOM DOM: HTML을 브라우저가 해석하기 편한 방식으로 변환한 객체 트리 CSSOM: CSS Object Model Render Tree 생성: 청사진 Layout: Render Tree 기반으로 요소들 배치 결정 Painting Update DOM이 수정되면 Critical Rendering Path 다시 실행 Reflow(다시 Layout), Repaint 는 성능 낮게하는 주범→ DOM을 수정하는 과정 최소화하기 다만, Layout과 Painting은 매우 비싼 과정 → JS가 DOM을 수정하면서 업데이트가 발생 결론 다양한 업데이트 → 동시에..
개발 React Native Expo JavaScript Donut chart https://dev.to/franciscomendes10866/how-to-create-a-donut-chart-using-react-native-svg-30m9 How to Create a Donut Chart using React Native SVG Overview One of the things we all end up needing to do at some point in our career is... dev.to * animation version. https://www.youtube.com/watch?v=x2LtzCxbWI0 Bottom Sheet @gorhom/bottom-sheet@^4 : 많이 쓰이지만, De..
