홈버튼을 눌러서 홈으로 이동하고 다시 회원가입 버튼을 누르면 경로는 변경되지만 화면이 갱신되지 않는 오류가 발생했다. 새로고침을 해야 회원가입 폼이 나오는 상황이었다. 에러 내용은 다음과 같았다. Error in nextTick: "TypeError: Cannot read properties of undefined (reading '_wrapper')" 거의 1시간동안 이 에러를 고치다가 코드의 문제를 발견했다. 등록 랜덤 회원가입 코드인데 regist는 메서드를 만들어놨지만, getInfoFromAPI는 메서드를 따로 정의해두지 않았다. 해당 코드를 없애니 정상적으로 동작이 되었다. 어이없는 에러였다.
전체 글
백준 - https://www.acmicpc.net/user/esu08259 깃허브 - https://github.com/qkrrlgus114비통기 통신을 위한 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)“소프트웨어 요소는 확장에는 열려 ..

클린코드는 무엇일까? 많은 개발자들이 살면서 한 번은 들어봤던 말이다. 단순이 코드를 깔끔하고 보기 좋게 짜면 클린코드일까? 우선 저명한 개발자는 클린코드를 뭐라고 정의했는지 살펴보자. “I like my code to be elegant and efficient. The logic should be straightforward and make it hard for bugs to hide, the dependencies minimal to ease maintenance, error handling complete according to an articulated strategy, and performance close to optimal so as not to tempt people to make the..

사용자는 원하는 정보를 검색해서 요청을 보낼 수 있다. 그런데 URL에 'SSAFY'를 검색한다고 이 정보가 짠! 하고 나타나는 것은 아니다. 이 검색의 정보를 얻기까지 웹에서는 사용자의 요청을 받고 검색해서 그 정보를 사용자에게 돌려준다. 지금부터 이 과정에 대해 알아보고자 한다. 1. URL을 IP주소로 변환 WWW.SSAFY.COM 이라는 도메인 이름으로는 컴퓨터끼리 통신이 불가능하다. 인터넷상에서 컴퓨터가 읽을 수 있는 IP주소로 변환해야 서로 통신이 가능하다. 먼저 브라우저 캐시에 해당 URL이 존재하는지 우선 확인하고 존재한다면 그 정보를 불러온다.(대역폭 절약) 존재하지 않는다면 도메인 주소를 IP주소로 변환해 주는 DNS(Domain Name System) 서버에 요청하여 해당 URL의 I..