JongTachi의 개발 블로그

웹 개발을 하다 보면 브라우저 콘솔에서 Failed to load resource: the server responded with a status of 400 라는에러 메시지를 만나게 되는 경우가 종종 있습니다.  해당 에러는 HTTP 400 상태 코드로, 클라이언트가 서버에 잘못된 요청을 보냈을 때 발생합니다.  1. What is HTTP 400 ErorHTTP 상태코드 400은 'Bad Request'를 의미하며,서버가 클라이언트 요청을 이해할 수 없거나 처리할 수 없을 때 발생합니다. 2. 에러 원인과 해결방법1) 요청 URL 확인잘못된 URL 요청이 400 에러를 유발할 수 잇습니다. 다음 사항을 점검해보세요.URL에 오타가 있는지 확인프로토콜(HTTP, HTTPS)이 올바른지 확인서버에서 지원..

1. 3xx대의 의미3xx (Redirection) : 요청을 완료하기 위해 유저 에이전트의 추가 조치 필요 2. 3xx대 종류300 Multiple Choices301 Moved Permanently302 Found303 See Other304 Not Modified307 Temporary Redirect308 Permanent Redirect 여기서 잠깐!!Redirection이란 무엇인지 같이 알아보고 상태코드에 대해 마저 설명드리겠습니다. :) 3. 리다이렉션이란?웹 브라우저는 3xx 응답의 결과에 Location 헤더가 있으면, Location 위치로 자동 이동 -> 이게 리다이렉트그림 설명) 1. 클라이언트가 URL에 /kpopStarBts라고 검색 2. 서버에서 /kpopStarBts 라는 ..

1. 2xx대의 의미2xx (Successful) : 클라이언트의 요청을 성공적으로 처리 2. 2xx대 종류200 OK : 요청성공201 Created : 요청 성공해서 새로운 리소스가 생성됨202 Accepted : 요청이 접수되었으나 처리가 완료되지 않았음 -> 주로 배치 처리 같은 곳에서 사용  예시) 요청 접수 후 1시간 뒤에 배치 프로세스가 요청을 처리)204 No Content : 사바기 요청을 성공적으로 수행했지만, 응답 페이로드 본문에 보낼 데이터가 없음

개발자라면 꼭 알아두어야 할 게 HTTP 상태코드 입니다.아마 한번 쯤 보셨을텐데 예시 사진 하나 보여드릴게요. 저 위에 쓰여있는 200이란 코드가 바로 HTTP 상태를 나타내는 코드입니다. 1. 상태코드란?클라이언트가 보낸 요청의 처리 상태를 응답해서 알려주는 기능 2. 종류1xx(Informational): 요청이 수신되어 처리중 -> 거의 사용하지 않음2xx(Successful): 요청 정상 처리https://jongtachi.tistory.com/189 [Web] HTTP 상태코드 - 2xx(성공)1. 2xx대의 의미2xx (Successful) : 클라이언트의 요청을 성공적으로 처리 2. 2xx대 종류200 OK : 요청성공201 Created : 요청 성공해서 새로운 리소스가 생성됨202 Ac..

HTTP(하이퍼텍스트 전송 프로토콜) 405에러에 대해 설명드리겠습니다.해당 에러는 클라리언트가 서버에게 보낸 요청에 대해 서버가 "허용되지 않은 메소드"를 사용하려고 시도했을 때 발생하는 에러입니다. 이 에러는 클라이언트가  요청한 리소스에 대해 사용할 수 없는 HTTP 메소드를 사용했을 때 나타납니다.  가장 일반적인 상황은 다음과 같습니다 클라이언트가 POST, GET, PUT, DELETE와 같은 허용되는 메서드 대신 다른 메서드(예: PATCH, OPTIONS 등)를 사용하여 리소스에 접근하려고 시도한 경우에 405 에러가 발생할 수 있습니다.  해결 방법올바른 HTTP 메소드 사용 : 요청한 리소스에 대해 허용되는 메소드를 사용하도록 합니다. 대부분의 경우, 웹 애플리케이션은 특정 리소스에 대..

개발을 하다보면 JS, JSP를 수정해야하는 경우가 있습니다. JAVA 단을 수정할 때 와는 다르게 JS와 JSP는 수정 후 브라우저의 캐시만 비운다면 바로 수정한 코드가 적용되는데요.(local에서 서버를 띄웠을 때 가정) 그런데 새로고침을 해도 안 바뀌는 경우들이 있습니다. 이런 경우는 캐시가 남아있어서 수정된 코드가 적용되지 않은 건데 확실하게 캐시를 지우는 방법을 소개해드릴게요. 매우 간단합니다. 1. F12를 눌러 개발자 도구를 켜줍니다 2. 그리고 좌측 상단에 보시면 '새로고침' 버튼을 우클릭 한 후 '캐시 비우기 강력 새로고침'을 눌러주면 끝납니다.

이클립스를 쓴다고 가정하고 Maven으로 War파일을 생성해보겠습니다. 아주 간단합니다. 1. 이클립스에서 Maven 프로젝트 생성하기 이클립스를 열고, 상단 메뉴에서 'File' -> 'New' -> 'Other'를 선택합니다 'New' 창에서 'Maven' 폴더를 펼치고, 'Maven Project'를 선택한 후 'Next'를 클릭합니다. 'Create a simple projext'옵션을 선택하고 'Next'를 클릭합니다. 'Group Id'와 'Artifact Id'를 입력하고, 'Finish'를 클릭하여 Maven 프로젝트를 생성합니다. 2. Maven Dependencies 추가 Maven 프로젝트가 생성되면 pom.xml 파일이 열리는데 이 파일이 Maven 프로젝트의 설정파일이라 생각하시면..

1. What is SSL?SSL(Secure Sockets Layer)은 암호화 기반 인터넷 보안 프로토콜입니다. 여기서 잠깐 프로토콜이 뭡니까?프로토콜이란 통신에 필요한 규칙이라고 생각하시면 됩니다.인터넷 통신의 개인 정보 보호, 인증, 데이터 무결성을 보장하기 위해 쓰인다는 정도로만 알고계시면 됩니다. 즉 보안을 위해 쓰이는 장치? 도구라고 알아두시면 됩니다. 웹사이트에 URL에는 HTTP와 HTTPS가 있는데요  HTTPS로 되어있는 경우는 SSL을 사용하고 있다고 보면 됩니다. 2. SSL은 왜 중요할까?원래 웹 상의 데이터는 메세지를 가로채면 누구나 읽을 수 있는 일반 텍스트 형태로 전송되어왔습니다. 가령 고객이 쇼핑 웹사이트를 방문하여 주문하고, 신용 카드 번호를 입력했다고 하면, 해당 신용..

Fiddler는 왜 쓸까? Fiddler는 컴퓨터와 웹 서버 또는 서버 사이의 HTTP 및 HTTP 트래픽을 기록, 검사, 변경하는 데 사용되는 도구입니다.Fiddler는 HTTP와 HTTPS Traffic을 캡처하여 사용자가 확인할 수 있도록 로깅합니다.  1. Fiddler 다운로드하기 일단 먼저 Fiddler를 다운로드 받습니다. 자신의 운영체제(OS)에 맞게 다운로드하면 됩니다. http://www.telerik.com/fiddler Fiddler | Web Debugging Proxy and Troubleshooting SolutionsExplore the Fiddler family of web debugging proxy tools and troubleshooting solutions. Eas..

HTML 태그  1. 정의  태그의 mehhod 속성은 form data가 서버로 제출될 때 사용되는 HTTP 메소드를 명시한다.mehtod 속성의 속성값으로는 GET과 POST 두 가지 중 하나를 선택할 수 있다.GETPOST2. 특징1) GETGET 방식은 URL에 폼 데이터를 추가하여 서버로 전달하는 방식이다. GET 방시의 HTTP 요청은 브라우저에 의해 저장된다. 또한 GET 방식은 보통 쿼리 문자열에 포함되어 전송되므로, 길이에 제한이 있다는 불편성을 동반한다. 따라서 보안상 취약점이 존재하므로, 중요한 데이터는 GET 방식 보다는 POST 방식을 사용하여 요청하는 것이 좋다.문법:  2) POSTPOST 방식은 폼 데이터를 별도로 첨부하여 서버로 전달하는 방식이다.(form 뼈대를 만들어 ..