728x90 Research/React40 React Form에서 POST 요청으로 Slack 채널에 데이터 전송하기 React form을 만들어서 POST 요청을 하고싶었다. 이를 어디에 테스트해볼까 생각하다 Slack 채널에 메시지를 보내기로 해봤다. axios를 사용했고, credential 옵션은 빼도 무방하다. import axios from 'axios'; const MyForm = () => { async function handleSubmit(e) { //prevent reloading e.preventDefault(); // Read form data const form = e.target; const formData = new FormData(form); const formJson = Object.fromEntries(formData.entries()); const url = 'Your webhook .. 2023. 10. 4. React fundamentals Resource : https://github.com/john-smilga/react-course-v3 JSX Rules 컴포넌트는 무조건 하나의 element만 반환해야 한다 div와 같이 semantics section/article 쓰던가 아니면 이게 싫으면 React.Fragment 쓰면 된다 property 이름은 camelCase class 대신 className 모든 element는 닫아라 function Greeting() { return ( My First component This is amazing ); } // or function Greeting() { return ( My First component This is amazing ); } Nest component 컴포넌트 재사용.. 2023. 10. 4. React_Vite로 React 프로젝트 생성하기 https://vitejs.dev/guide/ npm create vite@latest my-react-app -- --template react npm install // 앱 시작 npm run dev 파일 구조가 조금 바뀌긴 하지만 거의 유사하다. 2023. 4. 25. React_netflify로 배포하기 1. github 리파지토리에 프로젝트 push 2. netflify에서 리파지토리 연결 3. Build command 추가. React의 경우 npm run build 배포 에러 시 ... "scripts": { "start": "react-scripts start", "build": "CI= react-scripts build", "local-build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, ... 만약 compile이 제대로 되지 않은 상태로 배포했을 경우, netflify에서 에러가 발생하여 배포가 진행되지 않을 수 있다. 이때는 build 커맨드를 이런식으로 바꿔주면 된다. 단.. 2023. 4. 25. 이전 1 ··· 4 5 6 7 8 9 10 다음 728x90
