BEAT A SHOTGUN

일단 프론트엔드 사용 기술 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..

😡 상황 App.js 에 react-router-dom 을 사용해 페이지를 이동시키고 있다. 그런데 post(게시글) 에는 번호가 부여되고, postDetail 에는 해당 게시글만 보여야 한다. App.js 그래서 App.js 에서 route 하면서 // App.js 이렇게 해서 해당 게시글로 이동하도록 했다. Posts.jsx posts 컴포넌트에서는 나타난 게시글을 클릭했을 때 props 로 postId 를 받도록했다. // Posts.jsx function handlePostDetail(props){ navigate(`/post/${props}`) } PostDetail.jsx 그런데 postDetail 에서는 props를 어떻게 받아야 하는지 모르는 매우매우 심각한 상황이 생김. 클릭된 게시글인 ..