dev/React (2) 썸네일형 리스트형 [React] 리액트 시작 전 꼭 알아야 할 JS 필수 문법 11가지 Udemy에서 를 수강하며 공부한 내용입니다. 리액트를 배우기 전 꼭 알아야 할 JS 문법 자바스크립트 기반 라이브러리인 리액트를 제대로 사용하기 위해서 이정도는 복습하고 가자! 1. 디스트럭처링(Destructuring)객체나 배열에서 원하는 값만 골라 추출하는 데 유용하다.const person = { name: 'Alice', age: 25, city: 'Seoul' };const { name, age } = person;console.log(name); // 'Alice'console.log(age); // 25객체 디스트럭처링을 통해 객체의 속성을 간단하게 변수로 할당한다.const numbers = [1, 2, 3];const [first, second] = numbers;console.. [React] 리액트와 같은 프론트엔드 프레임워크가 필요한 이유? Udemy에서 를 수강하며 공부한 내용입니다. 리액트와 같은 프론트엔드 프레임워크가 존재하는 이유는 뭘까?그냥 Vanilla JavaScript를 사용하면 안 되는 걸까? 과거에는- 모든 웹사이트가 서버에서 렌더링되며 백엔드와 밀접하게 구동됐다. (server-side rendering)- 서버/백엔드에서 렌더링 완료한 후 → 브라우저를 통해 단순히 클라이언트/프론트에 보여주기만 함- jQuery가 널리 사용됨 Single-Page Application(SPA)의 등장- 클라이언트에서 렌더링 (client-side rendering)- 더이상 '웹 페이지'가 아닌 '웹 어플리케이션'으로서 작동하게 됨- 하나의 페이지 안에서 모든 처리 → 페이지를 리로딩 하지 않음 Single-Page Applicat.. 이전 1 다음
