![]()
Lombok 이란? Lombok은 Java의 라이브러리이다. 자바 클래스에서는 Getter, Setter, toString() 등 여러 번 반복해서 사용하게 되는데 사실 클래스마다 이거 매번 만들어주기가 많이 귀찮아진다. 그래서 어노테이션만 넣어주면 기능을 이용할 수 있게 만들어놓은 라이브러리이다. 1. 롬복 설치하기 윈도우 기준 File -> Settings로 들어간다. 검색칸에 plugins 검색하고 Lombok을 검색해준다. 이게 인텔리제이 2020.03 이후부터는 Lombok이 자동으로 깔려있다. 2. Dependency 설정하기 build.gradle에 들어가서 아래 코드를 넣어준다. group = 'hello' version = '0.0.1-SNAPSHOT' sourceCompatibility..
처음 git을 설치하고 테스트로 인텔리제이 코드를 올려보려고 git add . 를 쳤는데 warning: in the working copy of '.gitignore', LF will be replaced by CRLF the next time Git touches it warning: in the working copy of 'src/Main.java', LF will be replaced by CRLF the next time Git touches it 위와 같은 에러가 발생했다. 우선 CRLF가 무슨 뜻인지 살펴보자 CR(Carriage-Return) 현재 커서를 줄 올림 없이 가장 앞으로 옮기는 동작이다. LF(Line-Feed) 커서는 그 자리에 두고 종이만 한 줄 올려 줄을 바꾸는 동작이다...
![]()
VUE에서 검색을 해서 바로 데이터를 가져오는데 무한으로 가져오는 상황이 발생했다. 그러면서 이 에러가 뜨고 검색 결과는 제대로 나오지만 굉장히 버벅거리고 느려졌다. 문제의 코드부분은 이 부분이다. v-for에서 crews를 가져오는데 reverse를 해서 하나씩 뽑아온다. 이 crews는 어디서 가져오냐? computed: { ...mapState(["crews"]), ...mapState(["loginUser"]), }, vuex에 state에 있는 crews를 computed로 계산해서 변화가 생기면 계속 가져오게 만들었는데 검색할때마다 해당 조건에 맞는 crews가 바뀌고 그걸 또 reverse를 해버리니 처리하는데 문제가 생겼던 거다. 다른 커뮤니티에도 찾아보니 데이터를 바로 가져오지 말라고 해..
뷰랑 스프링부트로 프로젝트를 하고 있었는데 로그인해서 세션을 설정해놓고 다른 곳에서 세션을 부르는데 계속 null로 불러와지는 문제가 발생했다. 분명 세션도 제대로 출력되는 거 확인했고 설정하자마자 다른 컨트롤러에서 세션을 불러왔는데 널이 뜬다.. 인터넷에서 방법을 찾아봤더니 CROS 문제라고 해서 WebConfig에 @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowCredentials(true) .allowedHeaders("*") .allowedOrigins("http://localhost:8080"); } 이렇게 값을 줬고 vuex에는 axios.defaults.withCred..
![]()
프로젝트를 진행하면서 유튜브url 정보를 이용해서 미리보기를 가져오는데 getEmbeddedVideo(url) { // 유튜브 URL에서 videoId 추출 const videoId = url.split("v=")[1]; // 임베드 코드 생성 return ``; }, 우선 이렇게 가져와서 이렇게 영상까지는 불러왔는데 OST https://www.youtube.com/youtubei/v1/log_event?alt=json&key=AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8 net::ERR_BLOCKED_BY_CLIENT 이렇게 에러가 계속 발생했다. 에러는 못참고 넘어가는 성격이라 인터넷을 찾아보니 일반적으로 크롬에 설치된 확장프로그램때문에 에러가 발생한다고 했다. 그래서 찾아..
![]()
Vuex를 이용하는데 로그인 유저의 정보를 loginUser에 저장하고 새로고침을 눌렀더니 local Storage에 토큰정보만 남아있고 로그인이 풀려버리는 상황이 발생했다. 처음에 찾아봤던 방법은 새로고침하면 Vuex의 store가 새로 생성돼서 beforeCreated를 써서 토큰값으로 유저의 정보를 불러오는 방법을 찾았는데 많은 사람들이 새로고침하면 사라지는 게 화가 났는지 간편하게 이용 가능하도록 만들어놨다. npm 사용 npm install --save vuex-persistedstate yarn 사용 yarn add vuex-persistedstate 설치하고 store/index.js에서 import createPersistedState from "vuex-persistedstate"; im..
async registUser() { if ( (this.user_id === "" || this.user_pass === "" || this.user_name === "" || this.user_age === "" || this.user_phone_number === "", this.user_athletic_career === "") ) { alert("모든 내용을 입력해주세요"); } else { const user = { user_id: this.user_id, user_pass: this.user_pass, user_name: this.user_name, user_age: this.user_age, user_phone_number: this.user_phone_number, user_athleti..
![]()
화면처럼 .env.local 파일을 하나 만들어서 이렇게 이름과 키를 넣어준다. 그 다음에 axios로 요청을 보내는데 getTmdbPopular({ commit }) { const TMDB_API_KEY = process.env.VUE_APP_TMDB_API_KEY; const API_URL = `https://api.themoviedb.org/3/movie/popular`; const params = { api_key: TMDB_API_KEY, language: "ko", region: "KR", }; axios({ url: API_URL, method: "GET", params, }).then((res) => { console.log(res); console.log(res.data.results);..
