치악산 복숭아

1. 개발이 진행될 폴더를 만들어준다 cd 폴더를 만드려는 경로 mkdir 폴더 이름 2. npm init으로 package.json을 생성해서 초기화 해준다 (y 옵션을 붙여주면 별다른 질문(version, description ...) 없이 생성된다 npm init [-y] 3. 리액트를 설치한다 npm i react react-dom 4. 프로젝트의 시작점이 될 파일 위치를 잡는다 나의 경우는 프로젝트 루트 경로에 index.html을 생성한 뒤, src 폴더를 만들어서 그 안에 App.tsx와 index.tsx 파일을 생성했다 // src/App.tsx function App() { const test = (str: string) => { return str; }; return {test("he..

tsconfig 설정이 제대로 되지 않아서 발생한 문제였다! tsconfig.json 파일의 compiledOptions에 "jsx": "react" 추가해서 해결 완료! 경우에 따라서 vscode를 재실행하는 과정이 필요할 수 있다 https://stackoverflow.com/questions/50432556/cannot-use-jsx-unless-the-jsx-flag-is-provided?rq=1 Cannot use JSX unless the '--jsx' flag is provided I have looked around a bit for a solution to this problem. All of them suggest adding "jsx": "react" to your tsconfig.j..

문제 발생 상황 팀프로젝트 배포를 마무리하면서 리액트에서 특정 페이지 접속시 405 에러가 발생했다🥲 프론트엔드, 백엔드 모두 aws에서 배포 진행중이었고 각자 배포하는 방식이었음! 구글링 결과 문제의 원인 1. 프론트엔드와 백엔드의 api 메서드 방식이 서로 달라서 발생한다고 한다 2. 정적페이지로 POST 요청을 했기 때문에 (

리액트 실습하고 있는데 발견해서 쓰는 에러 로그,,,(._. 원인은 useEffect에 콜백함수가 안들어왔기 때문이라고 한다 //수정 전 useEffect(console.log(inputValue), [inputValue]); //수정 후 useEffect(() => {console.log(inputValue)}, [inputValue]); 함수 넘겨주는걸로 문제 해결🥲