분류 전체보기

정리노트: var, let, const

GitHub - 1nno-vator/learn-archive Contribute to 1nno-vator/learn-archive development by creating an account on GitHub. github.com var, let, const (22.08.14) let과 const 도입 이전, var는 재선언과 재할당이 가능하다는 편함이 존재하였으나 여러가지 문제를 초래할 가능성이 있었다. function main() { for (var i=1; i

정리노트: 스코프

GitHub - 1nno-vator/learn-archive Contribute to 1nno-vator/learn-archive development by creating an account on GitHub. github.com 스코프 (22.08.13) 스코프란? 스코프는 변수 이름, 함수 이름, 클래스 이름과 같은 식별자가 본인이 선언된 위치에 따라 다른 코드에서 자신이 참조될 수 있을지 없을지 결정되는 규칙을 말한다. var a = 1; function outer() { var a = 50; function inner() { var a = 999; console.log(a); // a라는 변수가 3개인데, 누굴 콘솔에 남겨야하지? } inner(); } console.log(a); // 누굴 콘..

정리노트: 호이스팅

GitHub - 1nno-vator/learn-archive Contribute to 1nno-vator/learn-archive development by creating an account on GitHub. github.com 호이스팅 (22.08.13) 호이스팅은 '변수선언문', '함수선언문'이 스코프 내 최상단으로 끌어올려지는 것을 말한다. 호이스팅 되는 것은 '선언부'뿐이며, '대입부'는 끌어올려지지 않는다. var a = 1; 위와 같은 변수선언문은 인터프리터에 의해 아래와 같이 변환된다. var a; // 선언부 (선언문) a = 1; // 대입부 (대입문) 이중 호이스팅 되는 것은 선언부인 'var a' 부분이다. console.log(a); var a = 1; console.log(a)..

정리노트: 브라우저의 렌더링 원리

GitHub - 1nno-vator/learn-archive Contribute to 1nno-vator/learn-archive development by creating an account on GitHub. github.com 브라우저의 렌더링 원리 (22.08.13) Summary: CRP (Critical Rendering Path) 절차를 거쳐서 렌더링된다. CRP란? HTML 파싱 + DOM 트리 구축 CSS 파싱 + CSS 트리 구축 Javascript 실행 HTML 파싱 중 Javascript를 만나면, HTML 파싱이 중단된다. DOM 트리 & CSS 트리를 조합하여, Render 트리 구축 'Display: none' 과 같이 보이지않으며, 자리를 차지하지 않는 것은 Render 트리..

React Native에 Apollo Client, GraphQL 부착하기

우선 리액트 네이티브를 사용하려면 리액트 네이티브를 설치하여야한다. 그리고 안드로이드 스튜디오도 설치해야하고... ios용으로 빌드하기 위해선 xcode도 설치해야하고... watchman도...cocoapod도...create-react-native-app도... 그치만 그것은 생략맨 리액트 네이티브에 그래프큐엘을 부착해보려고 한다. 목표 1. expo를 사용하지 않고 React Native 프로젝트를 생성 2. Apollo Client를 사용하여 GraphQL 부착하기 1. expo를 사용하지 않고 React Native 프로젝트를 생성 먼저 프로젝트를 만들어보자. 리액트 네이티브 프로젝트를 만드는데 가장 널리쓰이는 방법은 2가지가 있다. 1) Expo를 사용 2) React-native CLI를 사..