오늘부터 작성할 내용은 React Hook입니다. 클래스형에서 함수형 컴포넌트으로 작성할 것을 권장하면서 등장한 아이들 입니다. 그 중 가장 중요하면서 많이 사용하는 useState에 대해서 알아보고자 합니다. 🤔 useState? state를 만들고 관리하기 위해 도움을 주는 Hook입니다. 로그인 상태를 관리하거나, 아이템들을 관리하는 등의 여러가지 상태를 관리할 수 있습니다. 말보단 직접 보고 만들어 보는게 제일 좋으니 바로 코드를 보시죠! const [state, setState] = useState(defaultState); 위 코드블럭이 useState의 기본 코드입니다. useState는 두 개의 값을 return 해줍니다. 구조분해할당 문법으로 state와 setState에 각각 리턴된 값..

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

안녕하세요! RyuWoong입니다. 프론트엔드 개발자로 진로를 정하고 React를 공부하고 있습니다. React를 공부하면서 배운 내용을 정리하고 쉽게 설명하여 향후 다른 분들께 도움이 되고자 이 글을 작성합니다. ⚠ 부족한 점이 많을 수도 있습니다! 부족한 내용이나 틀린 내용을 댓글로 알려주시면 반영토록하겠습니다. 2020.12.09 RyuWoong 드림. 🙋‍♂️React를 시작하기 전 준비하기. 먼저 React를 사용하기 이전에 HTML과 JavaScript 지식을 필요로 합니다. 해당 지식은 아래 링크에서 무료로 배우실 수 있습니다. 더보기 WEB - 생활코딩 2018년 8월 1일부터 14일까지 10일동안 코딩야학 4기가 시작됩니다. 혼자 공부하지 마시고, 함께 공부해보세요. 현업의 엔지니어들이 ..