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..

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

안녕하세요! 깜뭉이입니다. 얼마전에 파이썬으로 디스코드 만들기 리뉴얼 공지를 올렸습니다. 현재 디스코드 봇 만들기 글은 조금 간단하게 적혀 있는 감이 있어서 조금 더 사람들에게 쉽게 재밌게 알려드리고자 리뉴얼 예정이라는 공지를 올렸습니다. 07편 AWS로 24시간 봇 돌리기 같은 경우에는 잘못하면 과금 폭탄 맞을 수 있는 여지가 있기 때문에 빼고, 06편까지 작성할 예정입니다. 해당 주제는 2편으로 나누어 연재 될 예정입니다. 그럼 시작하죠! API(Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스)란 뭘까요? 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다라고 백과사전에 적혀있습..