차근차근

  • 홈
  • 태그
  • 방명록

FrontEnd 12

React Native

설치 npx react-native start —reset-cache npx react-native run-ios npx react-native run-android 에러 undefined method `__apply_Xcode_12_5_M1_post_install_workaround' ios/Profile 에서 __apply_Xcode_12_5_M1_post_install_workaround(installer) 주석처리 Execution failed for task ':app:mergeLibDexDebug' project.ext.react = [ enableHermes: false, ] android { defaultConfig { multiDexEnabled true } } dependencies {..

FrontEnd

프론트엔드 성능 최적화

웹 페이지 로드 최적화 (1) 브라우저 상에서 최적화 - HTML, CSS 파싱할 때, js를 만나게 되면 파싱을 중단하고, js 파일을 파싱한 후에 마저 진행 됨 (블록 차단 리소스) # 방지하려면? - CSS의 경우 태그 안에 import 해야 하며, 태그로 실행되는 js는 맨 하단에 위치 - CSS의 경우 media 속성으로 어떤 단말기 유형인지에 따라 해당 CSS를 적용할지를 명시하면 불필요한 블로킹 방지 가능 - JS의 경우 defer, async 속성을 사용하여 비동기로 다운로드 하도록 명시 - link 요소의 rel 속성의 preload 사용하여 css 먼저 로드 - 는 JS 사용이 불가능해도 style 로드할 수 있게 함 (2) 리소스 용량 최적화 - 리소스 용량을 줄임으로써, 리소스 다운..

FrontEnd
이전
1 2
다음
더보기
프로필사진

글쓰기   관리자

  • 분류 전체보기
    • JavaScript&TypeScript
    • Database
    • FrontEnd
    • Java&Spring
    • Git
    • ETC
    • 일상

Copyright © Kakao Corp. All rights reserved.

티스토리툴바