React Hook을 하기 앞서 ES6문법 중 필수적이라고 생각되는 것 몇개만 짚어볼까 합니다. 처음 제가 Hook을 공부할 때 ES6문법이 많이 나와서 엄청 당황했었던 기억이 있습니다! 그 중 꽤 자주 사용하는 문법을 한 번 더 확인해볼까요? ✔ const와 let 기존에 사용하던 var는 함수레벨 스코프(Fucntion-level Scope), var 키워드 생략 허용, 변수 중복 선언 허용, 변수 호이스팅과 같은 단점을 지니고 있는데 특히 Scope(유효 범위)가 넓은 것은 문제를 발생시킬 확률이 큽니다. 이러한 이유들로 const와 let 키워드를 도입하게 됬다고 합니다. 아래 링크에서 더 자세한 내용을 확인해보세요.. let, const | PoiemaWeb ES5까지 변수를 선언할 수 있는 유..

이번 장부터 React를 제대로 시작해보겠습니다. 자, 새로운 리액트 프로젝트를 만들어봅시다. 이전에 Ready to React .00 에서 만든 프로젝트를 사용하셔도 좋고 한 번 더 따라하셔서 새로 만드셔도 좋습니다. React 파헤치기🤩 src/App.js 파일을 열어볼까요? //src/App.js import logo from './logo.svg'; import './App.css'; function App() { return ( 내에 index.js를 통해 연결되어 App.js가 들어가게 되는겁니다. 그 덕에 우리는 App.js 안에 컴포넌트를 추가하여 작성하면서 만들면 쉽게 React 어플리케이션을 만들 수 있습니다. React.StrictMode는 뭔가요? ❗️ 공식 홈페이지에 설명이 잘 나..

React를 제대로 시작하기 전에, React가 뭔지? 왜 Hot한지 이야기 해볼까 합니다. 저물어가는 JQuery? 새롭게 등장하는 라이브러리와 프레임워크.😳 어릴적 잠깐 Web을 맛 보았을때, JQuery라는 라이브러리를 배웠고 JavaScript의 이해보단 짧고 간결하게 쓸 수 있는 JQuery 문법부터 배웠었죠. 복잡하고 길게 작성해야하는 JS보단 $으로 시작하여 짧게 작성하고 쉽게 DOM을 다루는 방식은 사람들을 매료 시켰고, 오랜기간 사랑을 받았죠. 그러나 최근 JQuery 사용을 지양하는 글이나 부정적인 단어가 보이고 있습니다. 그런 와중에 FaceBook에서 React라는 새로운 라이브러리를 개발해 발표했고 엄청난 붐을 일으켰습니다. 이외에도 구글에서 개발한 Angular, 오픈소스인 Vu..