잇!(IT) 블로그

- HTTP method - GET : 메서드 GET는 지정된 리소스의 표현을 요청합니다. 를 사용하는 요청은 GET데이터 검색만 해야 합니다. - HEAD : 이 메서드는 요청과 동일하지만 응답 본문이 없는 HEAD응답을 요청합니다 .GET - POST : 이 POST메서드는 엔터티를 지정된 리소스에 제출하며, 종종 서버의 상태 변경이나 부작용을 유발합니다. - PUT : 이 PUT메서드는 대상 리소스의 모든 현재 표현을 요청 페이로드로 바꿉니다. - Delete : 이 DELETE메서드는 지정된 리소스를 삭제합니다. - Connect : 이 CONNECT방법은 대상 리소스로 식별된 서버에 대한 터널을 설정합니다. - Options : 이 OPTIONS방법은 대상 리소스에 대한 통신 옵션을 설명합니다...

- Jsonpath .andExpect(jsonPath("$.title").value("title을 입력해주세요")) - $.title은 JSONPath 표현식을 나타냅니다. JSONPath는 JSON 문서 내에서 특정 값이나 데이터를 선택하기 위한 경로 표현식 언어입니다. - ControllerAdvice @ControllerAdvice는 Spring Framework에서 제공하는 어노테이션으로, 전역 컨트롤러에서 발생하는 예외를 처리하고 관리하는 데 사용됩니다. 이를 통해 애플리케이션의 여러 컨트롤러에서 발생할 수 있는 예외들을 한 곳에서 처리하고 일관된 방식으로 응답을 생성할 수 있습니다. 일반적으로 Spring 애플리케이션에서는 다양한 컨트롤러들이 요청을 처리하다가 예외가 발생할 수 있습니다. 예..

- iframe 태그 은 HTML (하이퍼텍스트 마크업 언어)에서 사용되는 태그로, 인라인 프레임(inline frame)을 생성하는 데 사용됩니다. 이 태그를 사용하면 웹 페이지 내에 다른 웹 페이지를 포함하거나 특정 부분을 프레임으로 감싸서 표시할 수 있습니다. 이는 웹 페이지 내에서 외부 콘텐츠를 포함하거나 다른 웹사이트나 독립적인 콘텐츠를 삽입할 때 유용합니다. 간단하게 말해서, 태그는 웹 페이지 내에서 작은 "창"을 만들어 다른 웹 페이지나 콘텐츠를 표시하는 역할을 합니다. 이러한 프레임은 현재 웹 페이지와 별개의 HTML 문서를 로드하고 표시할 수 있습니다. 예를 들어, 지도 서비스를 웹 페이지에 삽입하거나 외부 사이트의 특정 부분을 보여줄 때 태그를 사용할 수 있습니다.

- DOM -> Javascript로 HTML 조작하기 - DOM : Document Object Model의 줄임말로, 웹브라우저가 정적인 웹페이지를 변경하거나 조작하기 위해 HTML 파일을 자바스크립트 객체로 만들어 준다. - DOM을 사용하는 상황 : DOM dms 을 자바스크립트 객체로 만든 것이다. 자바스크립트로 HTML을 수정, 변경하거나 HTML에 작성된 내용을 자바스크립트 변수에 담아서 사용하는 등에 이용된다. - 함수 - 함수의 종류 1. 함수의 선언식 function 함수이름(param1, param2, ...){ // ...code here return 결과값 } 2. 함수의 표현식 const 함수이름 = function (param1, param2, ...){ // ...code h..

- 변수와 상수 - 변수 : var, let - 상수 : const var let const 변수명 중복 여부 (재선언 여부) 가능 O 불가 X 불가 X 데이터 수정 여부 (재할당 여부) 가능 O 가능 O 불가 X - ex) let name name = "정혜원" name // 결과 정혜원 //let 변수 재할당 name= "홍길동" name // 결과 홍길동 const myMoney = 0 //const 재할당 myMoney = 100 // 에러남 TypeError - 배열 // 빈 배열 const blanksArr = [] // 아무것도 안담는 것도 가능 // 숫자들로 이루어진 배열 const numbers = [2, 10, 7, 3.3] // 숫자 담기 // 문자들로 이루어진 배열 const cla..

onchange 이벤트: 사용자가 입력 필드나 선택 옵션 등의 값을 변경하고 포커스를 다른 요소로 옮겼을 때 발생합니다. 사용자가 입력을 마치고 해당 입력 요소에서 포커스를 다른 곳으로 이동하면 이벤트가 발생합니다. 보통 입력 값의 최종적인 변경을 감지하고 처리할 때 사용됩니다. 예를 들어, 사용자가 입력 필드에 값을 입력하고 나서 다른 곳을 클릭하거나 탭을 누를 때 변경된 값에 대한 처리를 수행할 수 있습니다. onkeyup 이벤트: 사용자가 키보드의 키를 누르다가 뗄 때 발생합니다. 사용자의 키 입력 동작을 실시간으로 감지하고 처리하는 데 사용됩니다. 보통 입력 필드에 글자 수 제한이나 검색 기능과 같이 사용자의 입력에 따라 즉시 동작하는 상황에서 활용됩니다. 간단히 말해서, onchange 이벤트는..

document.getElementById("number").innerText = String(Math.floor(Math.random() * 1000000)).padStart(6,"0") 1. document.getElementById("number"): 이 부분은 문서 내에서 id가 "number"인 요소를 선택합니다. 즉, HTML에서 ...와 같이 해당 id를 가진 요소를 선택하게 됩니다. 2. .innerText = ...: 이 부분은 선택된 요소의 내부 텍스트를 변경합니다. 즉, 선택된 요소의 내부 텍스트를 다음에 나오는 값으로 설정하게 됩니다. 3. String(Math.floor(Math.random() * 1000000)): 이 부분은 0부터 999999 사이의 임의의 정수를 생성합니다...

- CSS란? - CSS란 cascading style sheet의 약자이다. - CSS는 HTML의 색, 크기, 정렬 등을 변경하여 꾸며주는 언어다. - 특성 - 특성(property)에는 색, 크기, 정렬 등이 존재한다. div { color: red; color: rgb(255,0,0); /* RGB */ color: #FF0000; /* HEX 값 */ font-size: 20px; /* 글자크기 */ font-weight: 300; /* 글자두께 */ text-align: center; /* 가운데 정렬 */ font-family: arial; /* 글꼴 */ width: 300px; /* 넓이 */ height: 300px; /* 높이 */ background-color: red; /* 배경색..

- 웹 페이지는 HTML, CSS, Javascript로 구성 되어있으며, 브라우저는 세 언어 이외의 언어는 인식하지 못한다. 1. HTML 2. CSS 3. Javascript - HTML - HTML 이란? - HTML은 HyperText Markup Language로, 네트워크가 연결된 웹페이지에서 문서를 작성하고, 읽고, 공유하기 위해서 만들어진 체계다. - HTML 언어의 본질은, 사용자간에 소통하기 위해 정해진 약속이다. - '태그'를 통해 웹페이지에서 보여질 내용을 나타낸다. - 태그란? - 하나의 약속된 명령어이며 고유한 기능을 가지고 있다. - 시작태그 + 내용 + 종료태그로 구성된 한줄을 HTML Element(요소)라고 부른다. - 안에 들어간 문법에 따라 고유의 기능을 가지고..