브라우저 렌더링 엔진은 HTML 문서를 파싱하여 브라우저가 이해할 수 있는 자료구조인 DOM을 생성한다. DOM은 HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조다. ✍ 노드 📌 HTML 요소와 노드 객체 HTML 요소는 HTML 문서를 구성하는 개별적인 요소를 의미한다. HTML 요소의 구조 HTML 요소는 렌더링 엔진에 의해 파싱되어 DOM을 구성하는 요소 노드 객체로 변환된다. HTML 요소와 노드 객체 노드 객체들로 구성된 트리 자료구조를 DOM이라 한다. DOM 트리라고 부르기도 한다. 📌 노드 객체의 상속 구조 DOM은 DOM을 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조이다. DOM을 구성하..
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을 생성하고 이들을 결합하여 렌더 트리를 생성한다. 브라우저의 자바스크립트..
- Total
- Today
- Yesterday
- eventListner
- 항해솔직후기
- 이벤트리스너
- JWT토큰
- vue3
- event종류
- focus와blur
- React18v
- 항해플러스후기
- 이벤트버스
- store.js
- 항해플러스프론트엔드
- loadbalancer
- 알고리즘
- 더미데이터
- Repository pattern
- 레포지토리패턴
- Http통신
- Vue.js
- 로그인 인증
- vue.js3
- Vuex
- useState
- react
- 빅오표기법
- reactnative
- 디바운싱
- http
- props
- 웹훅
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |