일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- js
- AWS
- MongoDB
- fastapi
- TypeScript
- deploy
- macbook
- webhook
- ngrok
- linux
- axios
- github
- React
- 500
- MUI
- javascript
- AWS EC2
- Troubleshooting
- Java
- Jenkins
- RDS
- Spring
- docker
- error
- springboot
- EC2
- python
- nodejs
- Express
- Github Actions
- Today
- Total
목록전체 글 (79)
BEAT A SHOTGUN
시작 👊 주식 차트를 그리는데 "상한가"로만 표현된다.😟 내가 원하는 차트 그림은 이게 아니야. 내가 원하는 차트는 진짜 주식 차트 처럼 하한가 상한가를 가지고 막대의 길이를 조절하고 싶다. 내가 가져온 데이터(한국투자증권 주식 API)에 이렇게 모든 게 담겨 있기 때문에 주가 아래쪽 바닥에는 거래량까지 표현할 수 있다. 사실 거래량을 표시하는 것은 어렵지 않다. 거래량은 바닥부터 올라오면 되는 그냥 막대그래프 기 때문에 를 하나 더 넣고 데이터를 넣어주면 된다. 결국 내가 원하는 건 🤔 하한가 상한가 를 이용해 막대를 공중에 띄우기 floating 전일 대비 부호 를 이용해 막대그래프 색깔 바꾸기 바닥에 거래량 막대 표시하기 🙂 만들어보자 🙋♂️ 1번부터 만들어볼까욤. dataKey 값에는String..
ERROR ❌ I have Json data. Then I use map() to make a table what put my json data on. But there is a weire , in per row. SOLUTION ✅ We Can Using .join("") Add It at the end of map() Like map().join("") Reference : stackoverflow END DON'T BE STUPID THOVY
ERROR ❌ MUI: The getOptionLabel method of Autocomplete returned object ([object Object]) instead of a string for {"basDt":"20221110","srtnCd":"A441270","isinCd":"KR7441270006","mrktCtg":"KOSDAQ","itmsNm":"파인엠텍","crno":"1341110618279","corpNm":"(주)파인엠텍"} 🤷♂️? MUI 의 Autocomplete 컴포넌트를 이용해 dropbox 를 만들려고 했다. options 에도 받아온 데이터를 잘 넣어줬는데 왜지? getOptionLabel 은 공식문서에 안 나와있던데 뭘까 공식문서를 찾아보면 이라고 Used to d..
시작👊 Set up 프록시 하나를 설정하는 방법은 쉽다. 프록시 여러 개는 어떻게 하지? 일단 프록시 하나는 package.json 에 proxy:"변경할 주소" 를 적어넣으면 된다. proxy설정 만약 proxy 를 안 적어 넣으면 CORS 에러가 발생한다. 일단 넣어놓고 잘 된다 싶었는데... 상황🤷♂️ 문제는 내가 요청을 보내야하는 곳이 여러 개다 🤦♂️ 한국투자증권의 openapivts 와 공공데이터포털의 seibro 로 각각 요청해야하는 상황이 되었다. proxy 는 한국투자증권의 openapivts 주소만 적어놓았었다. ERROR ❌ 그러면 seibro 로 요청을 보낼 때 에러가 난다. seibro 로 path 만 보낼 순 없으니.. proxy 설정을 해줘야하는데 어떻게 할까 찾아보다 Me..
일단 프론트엔드 사용 기술 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 을 발급받고, ..
시작👊 가입하고 프로젝트 만들기를 한다. 프로젝트 만들기에 들어가면 자기 프로젝트가 어떤 건지 골라야한다. 자기에게 맞는 걸 적절하게 사용해주자. spring 과 spring boot 는 다르다. 항상 댕청해지지 않도록 조심하자! 🙋♂️ io.sentry sentry-spring-boot-starter 6.6.0 붙여 넣고 나서 application.properties 에 다가 또 붙여넣는다. 하지만 이 application.properties 는 깃허브에 올라가면 안되겠지? application.properties 를 gitignore 하거나, 새로운 sentry.properties 를 만들어 저 dsn 을 넣고 거기서 가져오도록 하자! 우리의 정보는 소중하니까. @SentrySpan 어노테이션을 사..
🤷♂️ SITUATION POST ENTITY 는 EMOTION ENTITY 를 여러개 갖고 있다. 그래서 List 이 Post 에 있다. // Post.java public class Post{ ... @ManyToMany(fetch = FetchType.EAGER) @JoinColumn(name = "emotionId", referencedColumnName = "emotionId") private List emotion; } List 는 SQL 에서 인식하지 못한다. 🤔 What I Want Search! word 를 입력하면 title, contents 그리고 emotion 에 있는 emotionword 에 word 가 포함된 post 를 검색하고 싶다! sql 문을 작성하자 SELECT * F..
❌ERROR When I tried to test a method, I saw Ambiguous handler methods mapped for '/api/v1/post/***' 500 ERROR THE CAUSE Because I had multiple methods that have using the same url. ✅SOLUTION Check the Controller. You can find the duplicated URL and change it. END EASY😉 LET'S BE CAREFUL NOT TO BE STUPID!