React
1.[React] ReactJS를 선택한 이유
React로 web도 개발해보고 RN으로 client도 다뤄봤지만 react의 기본적인 기능에 대해서 다시 정리하고자 한다!🌷
2.[React] create-react-app
리액트 코드를 트랜스 파일러 툴을 통해서 자바스크립트 언어로 바꿔줘야 한다. 사용할 트랜스 파일러는 Webpack 이다.webpackWebpack 은 브라우저가 이해할 수 있도록 리액트 코드를 변경해주는 역할간단하게 webpack을 설명하자면 javascript Mod
3.[React] Movie app (1)-component rendering & DataFlow Props
react를 이용해서 movie app을 만들어 보자!🌷
4.[React] Movie app (2) - Life cycle & State
react 개발 두번째 이야기 두둥 👀 사실 졸려서 어지럽슴다 하하정신 체리🍒고 정리 시작 하하하하🍒
5.[React] Movie app (3) - Asynchronous
이제 API에서 data를 불러올 것이다! 🌷AJAX를 이용해서 fetch 후 데이터를 불러온다.AJAX는 url을 자바스크립트로 비동기화 방법을 써서 불러온다.AJAX를 사용하는 이유는 데이터나 무언가가 불러올 때마다 새로고침을 하지 않아도 된다는 점 때문이다. 로
6.[React] Movie app(4) - Building for production
만든 코드를 이제 github에 deploy하려고 한다.🌷우선, 깃허브 페이지는 static file을 올릴 수 있는 서비스이다.무료로 호스팅할 수 있다!👍static file은 HTML, CSS, JS같은 프런트엔드 파일을 뜻한다. 백엔드 파일은 올릴 수 없다.모
7.[React] Custom Hooks - useInput & useFetch
React pain point 는 첫번째로 handling input이고 두번째는 fetching 이라고 볼 수 있다!!따라서 유용하게 사용할 수 있는 hooks를 만들어 보았다.🌷
8.[React] Hook - useState
우선, 컴포넌트에는 두가지 형태의 컴포넌트가 있다.class component 와 functional component 이다.class component는 state를 가지지만 funtional component는 state를 가지지 못한다.하지만 Hook은 funct