전체 글

화면처럼 .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);..

vue에서 회원가입을 하면 스프링에서 받아서 DB에 저장하는 과정이었다. 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: t..

홈버튼을 눌러서 홈으로 이동하고 다시 회원가입 버튼을 누르면 경로는 변경되지만 화면이 갱신되지 않는 오류가 발생했다. 새로고침을 해야 회원가입 폼이 나오는 상황이었다. 에러 내용은 다음과 같았다. Error in nextTick: "TypeError: Cannot read properties of undefined (reading '_wrapper')" 거의 1시간동안 이 에러를 고치다가 코드의 문제를 발견했다. 등록 랜덤 회원가입 코드인데 regist는 메서드를 만들어놨지만, getInfoFromAPI는 메서드를 따로 정의해두지 않았다. 해당 코드를 없애니 정상적으로 동작이 되었다. 어이없는 에러였다.

비통기 통신을 위한 API로 Ajax, axios, fetch를 제일 많이 사용한다. 이 세 가지 방법의 특징을 알아보자. 🥉Ajax Asynchronous JavaScript And XML의 약자이며, 자바스크립트를 이용해서 클라이언트와 서버끼리 데이터를 비동기적으로 주고 받는 기술이다. XMLHttpRequest(XHR) 객체를 이용해서 전체 페이지가 아닌 필요한 데이터만 불러올 수 있다. 요즘은 XML을 사용하지 않고 JSON.parse(), JSON.stringify()를 사용한다. 예전에는 제이쿼리를 사용해서 비동기 통신과 JSON 데이터 처리를 했지만, 요즘은 내장 API로 JSON을 다루는 것이 일반적이다. const xhr = new XMLHttpRequest(); xhr.open("GET..

상품코드 상품이름 상품가격 수량 브랜드 설명 위 코드에서 price, quantity만 int값이고 나머지는 String으로 설정돼 있었다. 코드를 실행해서 전부 숫자를 넣어서 입력했더니. 400 에러 발생과 함께 price와 quantity의 타입이 맞지 않는다는 에러가 발생했다. WARN : org.springframework.web.servlet.mvc.support.DefaultHandlerExcep tionResolver - Resolved [org.springframework.web.method.annotation.ModelAttributeMethodProcessor$1: org.springframework.validation.BeanPropertyBindingResult: 2 errorsFi..

이클립스로 spring legacy project를 생성하는데 첫 setting이 지나고 plugin 에러가 발생했다. 에러의 내용은 아래와 같았다. Failure to transfer org.apache.maven.plugins:maven-compiler-plugin:pom:2.5.1 from https://repo.maven.apache.org/maven2 was cached in the local repository, resolution will not be reattempted until the update interval of central has elapsed or updates are forced. Original error: Could not transfer artifact org.apac..

Error creating bean with name 'movieController': Unsatisfied dependency expressed through method 'setMovieDao' parameter 0; 이런 코드가 발생했었다. 분명 마이바티스의 이라는 코드를 이용해서 dao경로에 있는 모든 인터페이스를 자동으로 빈으로 등록했지만 서버를 실행하면 계속 없다고만 떴다. @Autowired ResourceLoader resLoader; private MovieDao moviedao; private List list; @Autowired public void setMovieDao(MovieDao moviedao) { this.moviedao = moviedao; } . 이렇게 컨트롤러에 인터..

SOLID 원칙이란 로버트 마틴이 2000년대 초반에 명명한 객체지향 프로그래밍 및 설계의 다섯가지 원칙이다. 이전 게시글에서 클린코드를 소개하면서 SOLID 원칙을 잠깐 소개했었는데 SOLID 개념을 적용하면 프로그래머가 시간이 지나도 유지 보수와 확장이 쉬운 시스템을 만들 수 있다. SOLID 원칙들은 소프트웨어 작업에서 프로그래머가 소스 코드가 읽기 쉽고 확장하기 쉽게 될 때까지 소프트웨어 소스 코드를 리팩터링 하여 코드 냄새를 제거하기 위해 적용할 수 있는 지침이다. 약어 개념 SRP 단일 책임 원칙 (Single responsibility principle)한 클래스는 하나의 책임만 가져야 한다. OCP 개방-폐쇄 원칙 (Open/closed principle)“소프트웨어 요소는 확장에는 열려 ..