전체 글

백준 - https://www.acmicpc.net/user/esu08259 깃허브 - https://github.com/qkrrlgus114
· Vue
화면처럼 .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는 메서드를 따로 정의해두지 않았다. 해당 코드를 없애니 정상적으로 동작이 되었다. 어이없는 에러였다.
· CS지식
비통기 통신을 위한 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; } . 이렇게 컨트롤러에 인터..
· CS지식
SOLID 원칙이란 로버트 마틴이 2000년대 초반에 명명한 객체지향 프로그래밍 및 설계의 다섯가지 원칙이다. 이전 게시글에서 클린코드를 소개하면서 SOLID 원칙을 잠깐 소개했었는데 SOLID 개념을 적용하면 프로그래머가 시간이 지나도 유지 보수와 확장이 쉬운 시스템을 만들 수 있다. SOLID 원칙들은 소프트웨어 작업에서 프로그래머가 소스 코드가 읽기 쉽고 확장하기 쉽게 될 때까지 소프트웨어 소스 코드를 리팩터링 하여 코드 냄새를 제거하기 위해 적용할 수 있는 지침이다. 약어 개념 SRP 단일 책임 원칙 (Single responsibility principle)한 클래스는 하나의 책임만 가져야 한다. OCP 개방-폐쇄 원칙 (Open/closed principle)“소프트웨어 요소는 확장에는 열려 ..