공부/Spring 사용한 프로젝트
-
TIL 59일 - axios로 spring boot에 api 요청(2) cors 이슈와 캘린더 UI공부/Spring 사용한 프로젝트 2022. 2. 27. 01:03
CrossOrigin 어노테이션 사용 cors에러가 발생하면 스프링부트에서 CrossOrigin 어노테이션을 사용해서 해결할 수 있다. @CrossOrigin(origins = "http://localhost:3000") @GetMapping("/streamer") public Streamer getStreamer() { return streamerService.getStreamer(); } 근데 요건 특정 API에 대해서만 cors 이슈를 해결해 주기 때문에, 특정 도메인으로 오는 모든 요청에 대해 해결을 하고 싶으면 다른 방법을 써야한다. WebConfig 이렇게 하면 전체가 수정된다. package com.example.ical; import org.springframework.context.ann..
-
TIL 58일 - axios로 spring boot에 api 요청공부/Spring 사용한 프로젝트 2022. 2. 25. 20:27
원래 Controller였는데 RestController로 바꿨음 그래야 동작함 @RestController public class MainController { StreamerService streamerService; public MainController(StreamerService streamerService) { this.streamerService = streamerService; } @GetMapping("/streamer") public Streamer getStreamer() { return streamerService.getStreamer(); } } 근데 당연히 이렇게 하면 cors 에러가 발생함 근데 지금 친구들 집에 놀어왔음 내일한다.
-
TIL 57일 - 캘린더 뷰 만들기공부/Spring 사용한 프로젝트 2022. 2. 25. 00:31
next.js에서 ssr에서는 동작하지 않는 컴포넌트의 ref 가져오기…참고로 ssr에서 동작하지 않는 컴포넌트라 함은 주로 ui 관련 라이브러리에서 window객체를 참고하는 경우가 있는데, ssr인 경우엔 node에서 동작하기 때문에 window 객체가 읎다.step 1. ssr일때는 임포트하지 않도록 코드를 수정한다. import dynamic from "next/dynamic"; const TuiCalendar = dynamic(() => import("/components/TuiCalendar"), { ssr: false, }); step. 2 ref 값을 사용하고자 하는 라이브러리를 그대로 사용하지 않고 한번 감싼다. import React from "react"; import Calendar..
-
TIL 56일 - 캘린더 뷰 만들기(결국 next.js로...)공부/Spring 사용한 프로젝트 2022. 2. 24. 01:02
타임리프 사용해서 뷰 만들어 보려고 했는데, 시대의 흐름에 안 맞는 것도 있고... 타임리프 캘린더로 검색해 봐도 이렇다할 방법이 안 보여서 그냥 next.js + spring boot로 가려고 한다. 어떤 캘린더 라이브러리를 쓸까 찾아보다가 아랫놈을 쓰려고 했는데 뭔가 되게 깔끔하고 좋아보이긴 하는데 뭔가 커스텀하기가 어려운 느낌이라 다른 거로 다시 찾아봤다. https://jquense.github.io/react-big-calendar/examples/index.html Webpack App jquense.github.io 아니 근데 이것도 좀 애매쓰한데... https://www.npmjs.com/package/react-calendar react-calendar Ultimate calendar ..
-
TIL 55일 - 캘린더 사이트(3) - 서비스 클래스 만들어보기공부/Spring 사용한 프로젝트 2022. 2. 22. 20:31
어... react에서는 그냥 라이브러리 땡겨서 썼는데 여기선 어캐하지...? /* 아이씨... 무슨 에러 있어가지고 계속 찾아봤는데 염병 @Entity 안붙였었네*/ 에러발생(1) relation "hibernate_sequence" does not exist 에러가 나는 이유는 GeneratedValue 어노테이션을 쓸 때 시퀀스 이름 테이블을 지정하지 않아서 그런 거라고 한다. 뭐 다른 방법도 있는 거 같은데 @GeneratedValue(strategy = GenerationType.IDENTITY) 일단 요래 수정했음 Service 클래스 추가 요렇게 추가 했는데 처음엔 Service를 안 달아줬었고, StreamerRepository에 autowired를 달았었다. 그랬더니 계속 내려서 초기화 ..
-
TIL 54일 - 캘린더 사이트(3) - 기초공사공부/Spring 사용한 프로젝트 2022. 2. 21. 20:35
DB 만들기 psql로 postgresql에 접속 yatyat2@MacBook-Pro-2 ~ % psql database 생성하기 create database 데이터베이스이름 database 리스트 확인하기 yatyat2=# \l 유저 리스트 확인하기 yatyat2=# \du 유저 생성하기 create user 유저이름 password '비밀번호' 이렇게 하고 유저에 권한도 줘야 하는데 귀찮아서 그냥 원래 있던 유저로 했음 spring 프로젝트 만들기 build.gradle 파일 내용은 아래와 같음(인텔이 J에서 JPA, thymeleaf, web 이렇게 3개 선택했음) plugins { id 'org.springframework.boot' version '2.6.3' id 'io.spring.depen..
-
TIL 53일 - 스트리머 공유 캘린더 사이트(2) - 일단 캘린더나 만들기를 위한 DB 설계공부/Spring 사용한 프로젝트 2022. 2. 21. 02:22
진짜 그냥 어떤 스케줄만 보여주는 캘린더를 만들자. 일단은 타임리프로 만들고, 뭔가 문제가 되는 상황이 있으면 react를 하든 겪어보고 다 결정하는걸로, ㄹㅇ 진짜 개 쉬운 버전으로. 이름은 뭔진 모르겠으나 아무튼 그 스케줄 DB id - 아마 postgresql 쓰면 클러스터드 인덱싱 자동으로 되는 거로 알고있는데 삭제하는게 좋을듯? date - YYYY-MM-DD 형태로 넣기 title - 스케줄 이름 streamer_id: 스트리머 아이디 ㅇㅇ 이건 뭐 필요할거니까 미리 넣자. streamer id name /* 요건 그래도 기본이니까 넣어두자 .*/ /* 진짜 그냥 이게 끝, 진짜 개 간단하게 */ 일단 요렇게 하고 캘린더 만들어보자.
-
TIL 49일 - 스트리머 공유 캘린더 사이트(1) - 기획?공부/Spring 사용한 프로젝트 2022. 2. 16. 17:40
원래 트위치 클립 사이트 만들려고 했는데... 뭔가 저작권 관련해서 이슈가 생길 거 같아서 그냥 공유 캘린더 사이트나 만들어야겠다. /* 트위치 open api 써서 클립 가져오는거 까지는 해봤음...! */ 일단 깃 레포는 만들었고... 기획 음... A라는 스트리머를 본다고 할 때, 이 스트리머가 방송중에 M월 D일에는 무슨 방송을 하겠다~ 라고 말을 한 상황. 근데 지금 이 방송을 안 보고 있는 사람은 M월 D일에 무슨 방송을 하는지 알 수 없음 약간 공유 캘린더의 나무위키판 이런 느낌인데... 음... A가 M월 D일에 무슨 방송한다고 말을 한 상황이야. 그럼 그걸 보단 시청자가 캘린더에 스트리머를 선택하고, 컨텐츠를 선택해 그럼 일단 일정이 생겨 근데 이 일정이 맞는지 아닌지 모르잖아? 그럼 여..