FrontEnd4 [React] React.js 시작하기 자동목차ReactReact는 자바스크립트의 라이브러리이다.Vue.js나 Angular.js 같은 프레임워크에는 라이브러리(테스트 , 라우팅, 상태관리 등)들이 포함 되어있음.하지만 React는 라이브러리이기 때문에 다른 라이브러리들과 함께 사용이 된다.💡 React는 SPA(Single Page Application)이다.SPA는 말 그대로 하나의 화면에서 앱 동작이 이루어지는 애플리케이션을 뜻한다.React Component리액트 Component는 리액트로 만들어진 앱을 이루는 최소한의 단위이다.즉, 리액트는 아래와 같이 여러 컴포넌트 조각으로 이루어져 있음.이렇게 컴포넌트가 여러개로 나뉘어 있기 때문에 하나의 컴포넌트를 여러 곳에서 사용할 수 있고 또한 여러명이 각자 맡은 컴포넌트를 작업할 수 있.. 2023. 11. 2. [JS] Window 객체 window 객체는 웹 브라우저의 창(window)을 나타낸다.window 객체는 브라우저에 의해 자동으로 생성된다. 콘솔 창에 window라고 치면 window(현재 창) 정보가 쭉 나오는데 밑으로 쭉 더 있다. window 객체를 이용해서브라우저의 창에 대한 정보를 알 수 있고, 이 창을 제어할 수 있다.또한 var 키워드로 변수를 선언하거나 함수를 선언하면 이 window 객체의 property가 된다.var a = 1; → window.a let outerHeight = window.outerHeight;let innerHeight = window.innerHeight;let outerWidth = window.outerWidth;let innerWidth = window.innerWidth;co.. 2023. 10. 19. [JS] 호이스팅 (Hoisting) 호이스팅은 끌어올리는 것을 뜻한다.varconsole.log(str);var str = '안녕하세요';자바스크립트에서는 var str 부분을 선언 단계, ‘안녕하세요’ 부분을 할당 단계로 구분한다.위와 같이 var 변수를 초기화 하기 전에 출력을 하려고 할 때, 선언 단계가 호이스팅(끌어 올라감) 되면서 undefined로 초기화 되어 출력된다.함수 호이스팅func();function func() { console.log('안녕하세요');}위의 코드도 마찬가지로 함수도 호이스팅이 되기 때문에 출력이 된다.let, constconsole.log(str);console.log(str2);let str = '안녕하세요';const str = '안녕하세요';let과 const는 var와 마찬가지로 호이스팅은 되.. 2023. 10. 19. [JS] 변수 및 스코프 변수 선언 방식var : 중복 선언과 재할당이 가능하다.소스 코드가 복잡해질 경우 기존 선언해둔 변수를 잊고 다시 선언하거나 재할당을 해서 어떤 부분에서 값이 변경되는지 파악하기 힘들 수 있다.(이로 인해 변수 할당을 할 때는 var를 잘 사용하지 않는다.)let (ES6) : 중복 선언은 불가하며, 재할당은 가능하다.const (ES6) : 중복 선언과 재할당 둘 다 불가능하다.Scope(유효한 참조 범위)var : function-level scope (함수 레벨 스코프)function func() { if(true) { var a = 'a'; console.log(a); } console.log(a); }var는 함수 안에서 조건문 블럭에 생성이 되.. 2023. 10. 19. 이전 1 다음
