전체 글

8월 25일 저녁부터 몸이 안좋기 시작했다.온 몸에 열이 나는 느낌이 들어 체온을 쟀더니 38도가 나왔다.바로 코로나 키트검사를 했더니 역시나 양성이 나왔다.이 때 부터 공부를 못하기 시작했다. 8월 26일 바로 병원에가서 약 처방 받았다.목 엄청 아프기 시작함, 기침 약간 8월 27일 집에서 가만히 있기만 했다.8월 28일 병원가서 수액 맞음, 너무 아파서 아무것도 못함8월 29일 몸이 정상적으로 안정화됬다.8월 30일 가족여행 여름 휴가로 인도네시아 여행을 갔다.서울 -> 자카르타 -> 발리 -> 자카르타 -> 서울다음과 같은 여행일정이 시작됬다. 여행 후기는 나중에 적도록하자여행일정은 8월 30 일까지 ~ 9월 8일 까지 여행 다녀왔다.9월 9일 ~ 9월 12일 까지 예비군을 갔다 왔다.9월 11 ..

설치과정1. node 설치 ⇒ 기본과정이므로 생략2. expo를 global로 설치npm install --global expo-cli 3. watchman 설치brew install watchmanWatchman은 Meta가 만든 File 모니터링 도구4. 어디에서 실행하고 테스트 할 것인가?4-1. XCode를 설치하면 컴퓨터 자체에서 Ios Simulator를 사용할 수 있다.4-2. Android studio를 설치하면 컴퓨터 자체에서 Android Simulator를 사용할 수 있다.4-3. 아이폰 핸드폰에서 expo go 앱을 다운 받아 설치하여해당 폰에서 실행가능4-4. 안드로이드 핸드폰에서 expo go 앱을 다운 받아 설치하여 해당 폰에서 실행가능5. expo init을 파일폴더 생성ex..

리액트 네이티브를 사용하기 위해서 'Expo'와 'React-Native-CLI' 를 사용한다.CLI 와 Expo의 특징React Native CLI 특징기본적으로 네이티브 코드(Android, iOS)를 직접 다뤄야 하기 때문에 설정이 복잡하다.Java, Android Studio, Xcode 등 네이티브 환경 설정이 필요하다.커스터마이징이 자유로워서, 프로젝트에서 네이티브 모듈을 직접 작성하거나, 서드파티 네이티브 모듈을 쉽게 사용할 수 있다.React Native Expo의 특징설치와 초기 설정이 매우 간단하다. expo init 명령어로 바로 프로젝트를 시작할 수 있다네이티브 코드 설정 없이도 앱을 개발할 수 있어서 초보자에게 적합하다Expo 앱을 통해 개발 중인 애플리케이션을 실시간으로 테스트할..

useTransition이란?useTransition은 React 18에서 추가된 기능으로 사용자 인터페이스(UI)에서 느린 업데이트를 처리하는 데 사용되는 훅이다.사용자가 어떤 작업을 수행했을 때, 이 작업이 완료되기 전까지 UI를 즉시 업데이트하는 대신, 이 작업을 '비동기'로 처리하고, 사용자에게 이 작업이 진행 중임을 알려주는 역할을 한다.useTranstion의 형태const [isPending, startTransition] = useTransition();useTransition을 사용하면 UI의 응답성을 높이고, 느린 작업이 전체 UI를 블록하는 것을 방지할 수 있다.코드로 알아보기문제가 되는 코드'use client';import { ChangeEvent, useState } from '..

useDeferredValue는 React 18에서 훅이다.useDefferdValue는 복잡하거나 무거운 렌더링 작업에서 유용하게 사용할 수 있다.useDeferredValue는 값을 지연시켜, 작업동안의 UI의 응답성을 유지할 수 있도록 돕는다.useDeferredValue의 개념useDeferredValue는 값이 즉시 업데이트되지 않아도 될 때 사용된다.예를 들어, 사용자가 텍스트를 입력할 때, 입력된 텍스트를 기반으로 검색 결과를 보여주는 컴포넌트가 있다고 가정했을때, 사용자가 빠르게 타이핑할 때마다 검색 결과를 업데이트하는 것은 불필요한 작업이 된다. 이러한 경우에 useDeferredValue를 사용하여 텍스트 입력에 딜레이를 주어 불필요한 렌더링을 방지한다.코드로 알아보기ResultList..