리액트
-
[오늘의 일기 만들기] 리액트 useState 사용&활용하기IT 2022. 6. 20. 02:12
최근 개인프로젝트 스터디를 진행하는 중 초반 수업인데도 useState를 더욱 보기좋게 수정하는 모습을 보았다. 따라적으며 오 이렇게 되는구나 이해했다고 생각했는데, 다음날 다시 코드를 보니 내가 코드를 짜려고 하면 못할 것 같았다. 또 기록해두지 않으면 또 까먹기에 작성해보려 한다. 기본 틀을 작성하며 어떻게 함수를 개선하는지 보자. * 만약 이 글을 읽으신다면, 기본적으로 useState와 리액트가 어떤식으로 쓰이는지 쪼끔!만 이해하고 오시면 더욱 좋을 것 같습니다! 간단 소개 State란 컴포넌트 내에서 유동적으로 변할 수 있는 값. Hook이란 컴포넌트에서 데이터를 관리(State)하고 데이터가 변경될 때 상호작용(Effect) 하기 위해 사용. Hook의 이름은 반드시 use로 시작해야한다. *..
-
리액트 설치(create-react-app)부터 깃헙으로 배포(gh-pages)까지IT 2022. 6. 9. 01:01
월요일에 배웠는데 수요일에 복습하는데 다 까먹은 나를 보며 내 자신이 마음아파 적는 리액트 설치하고 배포까지 하는 법을 빠르게 작성해본다. (라며 다 작성했더니 2시간이 걸렸다)물론 배포는 제일 마지막에 배우는 거라고 하는데, 맛보기? 로 빠르게 할 수 있음을 알아두자. *참고로 npm은 깔려 있다고 가정했다.. npm 설치는 검색해보자..! 요약. 1. npx create-react-app@latest . 2. npm start (확인차 해봄) 3. hello world (확인차 해봄) 4. github 레포지토리 생성 5. git remote add origin 5-1. git add . 5-2. git commit -m "hello world" 5-3. git push --set-upstream o..