BEAT A SHOTGUN

모달을 만드는 와중에 에러가 났다 상황 ❗ 자식컴포넌트에서 버튼을 클릭하면, 부모컴포넌트에 있는 함수가 실행되게 하고 싶다. // Parent.jsx function loging(userlog:string){ console.log(userlog) } // Child.jsx const Child({loging, userlog}:any) = { function sendlog(userlog:any){ loging(userlog) } } sendlog(userlog)}>로그! 이렇게 props 이름 다 맞춰도 함수가 두 번씩 is not function 에러를 내뿜을 때 SOLUTION ✅ 부모 컴포넌트에서 // Parent.jsx ❌ function loging (){ } ✅ const loging = () ..

시작 👊 성공해서 이 글을 쓰기 까지 3일이나 걸렸다. 매일 새벽 4시까지 키보드 부셔가면서 502 504 와 씨름했지만. 에러의 원인은 내가 생각하던 것들이 아니었다. 전부. 기본이 매우 중요하다는 걸 깨닫는 3일이었다. 우선 나는 자바코드 없이 react 만으로 페이지를 만들고 싶었기 때문에 자바 api 와 데이터베이스 가 없다. mysql 도 사용하지 않았다. 하지만 데이터베이스의 필요성을 느꼈고 RDS 를 만들었지만, RDS 만들기 끝까지 인텔리제이를 켜기 싫었기 때문에 RDS 로 바로 연결할 순 없나? 해서 3일동안 끙끙 앓았다. 특별하게 내가 사용하고 있는 건 나는 TS , http-proxy-middleware 를 사용한다. 그리고 앞으로 express 와 mysql 을 사용할 거다. 이게 ..

백엔드 없이 프론트엔드만으로 페이지를 완성할 생각이므로 백엔드 없이 리액트와 AWS RDS 를 연결해볼 생각이다. RDS 를 만드는 건 쉽다. AWS RDS 들어가서 데이터 베이스 생성 들어가서 나는 MySQL 을 사용할 거기 때문에 선택하고 돈 안 내고 쓰고 싶기 때문에 프리티어 식별자는 우리가 Heide 에서 처음 만들 때 그 이름  여기 `stockviews` 가 바로 식별자다. 아무튼 이름 적고 `사용자 이름`은 데이터 베이스에 접근할 때 사용할 이름. 거기에 비밀번호. 인스턴스 구성은 t2 스토리지는 20GiB 로 해야 한다. 프..

일단 프론트엔드 사용 기술 ts react axios MUI 시작이 반이다. 일단 시작 설치 npx create-react-app myapp --template typescript 를 입력한다. 설치는 2분정도 걸린다. 최소 5분임 npm start 하면 여느 리액트 프로그램처럼 리액트 화면이 잘 켜진다. 중요한 건 파일이 모두 tsx 로 만들어졌다는 것! typescript 도 설치되어 있다! 주식 API 신청하기 한국투자증권의 주식 API 한국투자증권의 주식 API 를 사용할 거다. 한국투자증권의 API 는 책도 있다. (파이썬으로 되어있지만) 그만큼 API 완성에 공을 들였다~ 고 볼 수 있겠지? 일단 서비스 이용 신청하기 APP KEY 를 받자. APP KEY 를 이용해 token 을 발급받고, ..