개발
-
Error occurred while proxying request [ECONNREFUSED]개발/bug fix 2023. 2. 4. 20:15
이 이슈는 백엔드와 프론트간의 연결을 제어하던중에 발생한 문제였다. 프론트엔드측의 코드와 백엔드측의 코드를 모두 살펴보고 구글링했으나 코드 상에서 틀린부분을 전혀 찾을 수 없었다. 결국 자신이 작성했던 모든 행적들을 하나하나 추적하며 생각하던 중, 백/프론트의 코드가 아닌 서버측의 설정때문에 혼선이 발생한 것을 깨달아버렸다. 백엔드 측에서 ip를 ipv4로 받아올 필요가 있어서 톰켓에 별도의 설정을 했었던 것이 문제였다. 관련 자료를 찾지 못해서 추측이지만, 프론트엔드 측에서 사용했던 http-proxy-middleware 가 url 경로를 찾을때 ipv6를 사용하는것 같다. ipv4로 받는 톰켓의 경로와의 혼선에 의해서 서로의 연결이 맞지 않았다고 결론을 내린다. 프록시 작성시 localhost 로 작..
-
BUG FIX 카테고리에 대하여..개발/bug fix 2023. 2. 4. 19:45
작성자는 단순 코드의 잘못된 작성에의한 이슈는 별개로 기록하지 않는다. 다만, 아주 드물게 예외가 존재한다. 1.라이브러리 / 코드 사용에 필요한 별도의 지식이 부족하여 코드상으로 처리할 수 없는 경우 2.분명히 잘못된 코드가 없는데, 외부 환경에 의해서 이슈가 발생할 경우 3.트레이스 추척이 불가능한 오류 가 이에 해당한다. BUG FIX 에서는 작자가 개발을 진행하면서 격는 이러한 난해한 오류에 대한 정리를 해두었다. 공개의 목적이라기 보단 작자가 추후에 다시 보며 버그를 픽스하는것에 초점을 둔 글이므로, bug fix에서 만큼은 글의 내용이 철저하게 작자에게 맞춰서 설명한 내용들로 이루어져 있다. 선정된 경험을 바탕으로 작성되기 때문에 그만큼 작성할 글이 적으므로 이 항목은 어디까지나 검색 기록용으..
-
웹 보안에 대한 정리. (1)개발/개발지식 2023. 2. 1. 20:45
1부. 해킹 보안에 대한 지식을 간과한체 앱을 구현하는 것은 빠르고 편하고 쉬우나 그 대가가 엄청나게 무섭다. 적어도 개발자라면 반드시 관련 지식을 알아둬야만 하는 공격과 보안에 대한 설명을 하겠다. 1.XSS 1)공격 해커가 작성한 코드를 웹페이지에서 작동하게하는 사용자에게 심각한 피해를 입히는 방법이다. 사용자 닉네임을 input으로 받는다고 해보자. 입력 받은 문자열은 웹 페이지 어딘가에 출력되는 정보이다. 예를 들면 게시글이 될 수도 있다. 그렇다면, input 에 정상적인 문자열 대신에 이렇게 적어보는건 어떨까? 이렇게 적은 닉네임을 지닌 유저가 게시글을 올려두었다고 해보자. 게시판을 사용하는 타인이 화면을 로딩하던중 해당 닉네임을 화면에 출력하게 된다면 HTML 태그로 인식되는 해당 닉네임은 ..
-
jwt에 대한 고찰..개발/개발지식 2023. 1. 18. 20:40
1.일반적인 로그인 프로세스 일단 로그인 프로세스를 알아야 이해할 수 있다. 일반적인 로그인 프로세스는 클라이언트에서 아이디와 비밀번호를 입력 받으면 그에 대해서 인증(Authentication) 과정을 거친다. 말하자면 DB에 저장되어있는 정보와 일치하는가 대조해서 ok 사인을 받는다. 클라이언트는 Ok 사인을 받으면 id를 세션구역(서버측 쿠키)에 저장하고 이후에 로그인이 필요한 서비스를 이용할 때마다 세션에 저장해둔 id 를 기준으로 데이터를 찾는다. 즉, 세션의 id 정보를 토대로 기능의 사용을 인가(Authorization) 한다. 그러나, 세션에 id 정보를 저장하는 것이 문제가 되는 경우가 존재하는데, 만약에 서버가 여러개라면? 세션이 저장되어있는 서버를 한번씩 들러야 하는 번거로움이 생긴다..
-
[project config] Spring 유닛 설정개발/개발환경구축 2022. 12. 23. 18:37
본 글은 Spring boot 이 아닌 Spring mvc 를 기준으로 하고 있습니다. 1.Spring AOP ①pom.xml 에 maven 의존 추가 org.aspectj aspectjweaver 1.8.14 ②configuration 설정 (2중 1택) 1)java configuration @Configuration @EnableWebMvc @EnableAspectJAutoProxy(proxyTargetClass = true) public class MvcConfiguration{ @Bean public AspectHouse aspectHouse(){ return new AspectHouse(); } } 2)xml configuration ...+ ※컴포넌트 스캔을 통해서 @Component 로 빈을..
-
[Project Config] Spring에 Mybatis 혹은 JPA 연동하기개발/개발환경구축 2022. 11. 30. 18:22
+2020-12-12 jpa 연동 관련 pom 작성 오류를 수정 , 방언관련 수정 +2020-12-13 jpa base-packege 관련 정보를 추가, MyBatis 의 Path 관련 정보 추가 +2020-12-14 jpa auto create 관련 오류정보를 추가 1.MyBatis ①pom.xml 에 의존을 추가해줍니다. 더보기 mybatis mybatis-spring ②classpath 에 디비 접속 관련 정보를 적은 프로퍼티를 작성합니다. classpath: 는 Eclips 등의 IDE에서 설정한 경로를 의미합니다. Eclipes 를 예시로 들자면 프로젝트 우클릭 - 속성 - Java Build Path 에 해당하는 경로들중에 한곳을 의미하므로 작성한 파일을 읽어 들이기 위해선 해당하는 경로들중 ..
-
[Windows] React 설치 및 Spring과 연동개발/개발환경구축 2022. 11. 27. 19:03
백엔드와 프론트엔드를 엮어주는 일을 하겠습니다. 작성자의 경우 백엔드와 프론트엔드 환경을 구분하기 위해서 IDE를 서로 다르게 사용합니다. 1.React 설치 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 먼저 node js와 https://classic.yarnpkg.com/en/docs/install#windows-stable Yarn Fast, reliable, and secure dependency management. classic.yarnpkg.com Yarn 을 설치합니다. 위의 홈페이지는 Click to ..
-
[Windows] Spring MVC 프로젝트 수동 생성개발/개발환경구축 2022. 11. 24. 17:46
본 과정은 Eclipse IDE 를 기준으로 하고 있으나 메이븐 프로젝트 인식이 가능한 IDE 라면 상관 없습니다. +2022-12-12 spring xml 임포트 과정 수정 1.메이븐 설치 https://maven.apache.org/download.cgi 바이너리 Zip 파일을 다운로드 받아서 C:에 압축을 풀어줍니다. 폴더명은 maven 이라고 바꿔두겠습니다. 고급 시스템설정 - 환경 변수 시스템 변수 측에서 새로만들기를 누르고 작성합니다. (maven은 압축 해제한 폴더명입니다.) 시스템 변수 목록에서 Path 를 찾아서 편집 버튼을 누릅니다. %MAVEN_HOME%\bin을 추가해 줍니다. 만약에 화면에서 위와같은 UI 가 보이지 않으며 한줄의 텍스트 타이핑으로 보인다면 텍스트 값 문단 끝에 이..