본문 바로가기

React2

React 리액트 useState 기초 사용방법 오늘은 React에서 useState 기초에 대해 알아보겠습니다. 우선 조건은 아래와 같습니다. 버튼을 클릭했을때 '테스트1'의 텍스트를 내가 원하는 값으로 바꿔야 함. 👍 버튼을 눌렀을 때 오른쪽의 숫자의 값이 1씩 늘어나야 함. App.tsx import React, {useState} from 'react'; import './App.css'; function App() { // 아래 글제목 에는 ['테스트1', '테스트2', '테스트3'] 배열을 지정해두었음. // 아래 글제목변경은 글제목을 변경할수있게 해주는 함수가 내장되어있다 const [글제목, 글제목변경] = useState(['테스트1', '테스트2', '테스트3']); const [funCount, setFunCount] = useSt.. 2021. 5. 16.
React 프로젝트 생성 (JavaScript or TypeScript) 안녕하세요:)최근 회사 업무를 하면서 React를 해야 할 일이 생기더라고요그래서 오늘은 프로젝트를 간단히 생성하는 방법을 기록해보려고 합니다. 방법은 두 가지가 있습니다 JavaScript를 사용하는 방법과 TypeScript를 사용하는 방법둘 중에 선택을 하시면 됩니다, 저는 타입 스크립트로 프로젝트를 생성해보려고 합니다.(모든 설명은 MacOs를 기준으로 설명합니다.) 우선 원하는 디렉터리에서 아래 명령어를 입력해줍니다 저는 testapp이라는 프로젝트로 생성해보겠습니다.프로젝트가 잘 생성된 걸 확인할 수 있습니다. 다음 시간부터는 기능을 하나씩 추가해보도록 하겠습니다.// JavaScript npx create-react-app 원하는프로젝트이름 // TypeScript npx create-rea.. 2021. 5. 6.