본문 바로가기

분류 전체보기79

Spring + NextJS 개발환경 연동할 때 생기는 이슈! 현재 저는 백단과 프론트단을 분리 하는 작업을 진행하고 있습니다. BackEnd 개발환경 - Spiring / FrontEnd 개발환경 - NextJS 로 연동 진행 중에 첫 번째로 부딪히는 이슈! Same-Origin Policy 동일 출처 정책과 CORS 에러 동일 출처 정책(same-origin policy) 때문에 CORS같은 상황이 발생 하면 외부서버에 요청한 데이터를 브라우저에서 보안목적으로 차단합니다. 그로 인해 정상적으로 데이터를 받을 수 없습니다. 동일 출처 정책(same-origin policy) 어떤 출처에서 불러온 문서나 스크립트가 다른 출처에서 가져온 리소스와 상호작용하는 것을 제한하는 중요한 보안 방식입니다. 동일 출처 정책은 잠재적으로 해로울 수 있는 문서를 분리함으로써 공격받.. 2022. 11. 25.
[Spring] mvc와 mvc1 pattern 차이 MVC pattern은 크게 두가지로 나눠집니다. A. model1 방식 웹페이지 내부에 자바 코드 작성 MVC1은 아키텍처가 간단하고 JSP에 거의 모든 로직을 집어넣기 때문에 작은 웹 어플리케이션을 제작할 때는 큰무리가 없지만 대규모 웹 어플리케이션을 제작하게 될 시 유지보수에 큰 어려움이 따름 B. model2 방식 웹페이지와 java code의 분리 MVC패턴에 맞게 Model, Controller, View 로 모듈화 됐고, JSP는 로직 처리가 없이 단순히 Client에게 보여지는 뷰만을 담당 현재는 웹 어플리케이션은 거의 MVC2방식을 따름. Model: 데이터 처리 클래스( DAO, DTO ) / Back end DAO( Data Access Object ) 실제적인 비즈니스 로직을 처리 .. 2022. 11. 24.
[JSP] EL 문법이용하여 URL 활용 JSP로 현재 URL을 알아내는 방법 pageContext 객체 ${pageContext} : 페이지에 대한 정보 ${pageContext.request} : 사용자가 요청한 HTTP데이터를 알 수 있는 객체 ${pageContext.request.requestURL} requestURL : HTTP데이터에서 URL의 정보 ${pageContext.request.scheme} : http ${pageContext.request.serverName} : localhost ${pageContext.request.serverPort} : 8080 ${pageContext.request.contextPath} : /someApp JSP에서 현재 URL 가져오기 : ${URL} 2022. 11. 14.
[ JS ] input 여러개의 checked 값과 value값 가져오기 나이: 18세 미만 18세 이상, 60세 미만 60세 이상 ※ getElementsByTagName를 써야 하는데 getElementByTagName으로 입력하면 안됨! 주의 -> getElementByTagName 사용시 Uncaught TypeError 발생!!!! getElementById는 요소 하나만을 반환하기 때문에 s가 없습니다. getElementsByTagName 등의 메서드는 대응하는 요소를 담은 컬렉션을 반환하기 때문에 메서드 중간에 "s"가 들어갑니다. 초보자가 자주하는 실수 ! - > ( 여러번 경험했던 ..실수들이네요.. ) // 동작하지 않는 코드 document.getElementsByTagName('input').value = 5; 요소 하나가 아닌, 컬렉션을 반환! inp.. 2022. 9. 15.