망고

https://reactnative.dev/docs/environment-setup Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev 리액트네이티브 CLI로 환경설정하는 방법에 대해서 알아보자. 1. choco 설치 (설치되어 있으면 패스) https://woogyun.tistory.com/720 2. jdk 설치 powershell 터미널에서 아래 코드 입력해서 jdk 설치 choco install -y nodejs-lts microsoft-openjdk11 버전은 리네 공식문서에서 권장하는 jdk11 ..

1. vscode 에서 세팅 1) vscode 터미널에 다음 명령어 입력하기 npm install -g expo-cli 혹은 2) vscode 마켓플레이스에서 expo Tools 설치하기 3) 실행 npm start 2. 모바일 스토어에서 expo 앱 설치 ios 혹은 google store에서 expo 앱을 설치 해줘야 함 3. 프로젝트 실행 1) 프로젝트 로그인 expo 홈페이지에서 회원가입을 미리 해두고 프로젝트 터미널에서 로그인한다. expo login 코드를 입력하면 아래의 이미지와 같이 username과 비번을 입력하면 됨 2) 앱 로그인 다운로드 받은 앱에서도 똑같이 로그인을 하면 아래의 이미지와 같이 연동됨 3) 실행 코드 npm start 4. 에러 로그인을 하려고 하니 파일 이름때문에 ..

1. Symbol 다른 값과 중복되지 않는 유일무이한 값이다. 문자열과 같이 프로퍼티의 키값으로 사용할 수 있다. 변경불가능한 원시값이다. ( 원시값이라서 new를 이용해서 생성하면 안됨 ) const symbol = Symbol("apple"); const copy = Symbol("apple"); // 유일무이한 값이기 때문에 같은 시드값을 넣어도 동일할 수 없음 console.log(symbol === copy);// false console.log(symbol.description);// "apple" console.log(symbol.toString());// Symbol(apple) // 문자열 or 숫자로 암묵적 변환 X console.log(symbol + "");// error conso..

32장 - String 32.1 String 생성자 함수 String 객체는 생성자 함수 → new 연산자와 함께 호출하여 String 인스턴스를 생성할 수 있음 const strObj = new String(); console.log(strObj); // String {length:0, [[PrimitiveValue]]:""} String 생성자 함수에 인수를 전달하지 않고 new 연산자와 함께 호출하면 [[StringData]] 내부 슬롯에 빈 문자열을 할당한 String 래퍼 객체를 생성한다. const strObj = new String('Lee'); console.log(strObj); // String {0:"L", 1:'e", 2:"e", length:3, [[PrimitiveValue]]:..

자바스크립트가 가장 많이 사용되는 분야는 웹 브라우저 환경에서 동작하는 웹페이지/ 애플리케이션의 클라이언트 사이드다. 웹 애플리케이션의 클라이언트 사이드 자바스크립트는 브라우저에서 HTML, CSS와 함께 실행된다. 이를 위해 브라우저가 HTML, CSS, 자바스크립트로 작성된 텍스트 문서를 어떻게 파싱(해석)하여 브라우저에 렌더링하는지 살펴보자 브라우저의 렌더링 과정 브라우저는 다음과 같은 과정을 거쳐 렌더링을 수행한다. 브라우저는 HTML, CSS, JS, 이미지, 폰트 파일 등 렌더링에 필요한 리소스를 요청하고 서버로부터 응답을 받는다. 브라우저의 렌더링 엔진은 서버로부터 응단된 HTML, CSS를 파싱하여 DOM과 CSSOM을 생성하고 이들을 결합하여 렌더 트리를 생성한다. 브라우저의 자바스크립트..

1. 자동배치 (Automatic Batching) 2.Transitions(전환) 3.Suspense 와 lazy 4. 새로운 Hook 1) useId 2) useTransition, startTransition 3) useDeferredValue 4) useSyncExternalStore 5) useInsertionEffect 4. 새로운 CSR API # React DOM Client 1) CreateRoot 2) hydrateRoot # React DOM Server 1) renderToPipableStream 2) renderToPipableStream​ 1. 자동배치 (Automatic Batching) React-18v 부터 상태 업데이트(setState)를 하나로 통합해서 배치 처리를 한 ..