Frontend (3) 썸네일형 리스트형 [javascript] 성능 저하의 주범? JavaScript 이벤트 루프 이해하기 시간이 없으시다면, 아래 요약이 있습니다! Why?java script는 기본적으로 싱글 쓰레드로 구동된다, 즉 한번에 한가지 작업만 가능한 특징을 가지고 있다.대표적으로 JAVA 같은 언어들은 다중 작업을 지원한다.하지만 한번에 한가지 작업만 하는 것은 많은 한계점들을 가져온다.연애할 때 멀티태스킹을 못하면 욕을 먹을 수도 있는것처럼... javascript 싱글 쓰레드의 한계점은 인해 성능상 저하, 사용자 경험을 떨어트릴 가능성이 농후하다. 실제로 내부적으로 어떤 일들이 벌어지고 있고, 어떻게 극복했는지 상황을 쉽게 이해해보자.나는 운전중이다. 에어컨 온도가 마음에 안들고, 틀어놓은 노래 소리 크기를 줄이고 싶다. 하지만 나는 한번에 한번의 작업밖에 하지 못한다면, 이미 운전을 하고 있는 일에 몰두하.. [Expo] SDK 50 이상 Expo 프로젝트에서 Redux 상태 관리 디버깅하기 최근 React Native Expo 프로젝트를 진행하면서 상태 관리를 위해 Redux를 도입하게 되었습니다. 그러나 기존의 React Native Debugger가 제대로 작동하지 않는 문제를 경험했고, 이를 해결하는 과정에서 효과적인 대체 방법을 공유해봅니다. 1. Redux Devtools Expo Dev Plugin 설치먼저 다음의 명령어로 플러그인을 설치해 줍니다.npx expo install redux-devtools-expo-dev-plugin 2. Redux Store에 플러그인 적용하기설치가 완료되었다면, 루트 Redux Store 설정 파일에 다음과 같이 플러그인을 적용해줍니다.import devToolsEnhancer from 'redux-devtools-expo-dev-plugin'.. [React] public 폴더의 여러 리소스 사용 권장 방법 이미지 같은 static 파일은 public 폴더에서 관리하는 것이 바람직하다. 리액트는 개발이 완료된 이후 Build 과정을 거쳐 패키징(압축) 된다. src 폴더의 리소스들은 모두 압축되지만 public 폴더의 리소스들은 원본은 그대로 보존한다. 즉, 유동적으로 변하는 js같은 파일들은 public 폴더에 넣으면 안되고, static 파일을 public 폴더에 저장하면 된다. 아래는 public 폴더에 저장한 static 파일을 사용하는 예시이다. 방법 1. "/경로" 이용 방법 2. 유동 경로 방식 ( 권장되는 방식 ) 이전 1 다음
