출처 : https://wildeveloperetrain.tistory.com/144 @RequestBody @ResponseBody 어노테이션 이해하고 사용하기클라이언트와 서버의 통신(HTTP) @RequestBody, @ResponseBody Annotation을 이해하기에 앞서, 클라이언트와 서버 간 통신에 대해서 먼저 간단하게만 살펴보겠습니다. HTTP(HyperText Transfer Protocol) 통신이란, 브wildeveloperetrain.tistory.com  HTTP(HyperText Transfer Protocol) 브라우저와 서버가 통신하기 위한 여러 프로토콜 가운데 한 종류로웹 브라우저와 웹 서버 사이에 HTML(하이퍼텍스트) 문서를 주고받는 데..

CSS 애니메이션은 기본값이 반복이다. CSS 애니메이션을 1회만 실행하도록 만드는 방법은 다음과 같습니다. animation-iteration-count 속성을 1로 설정합니다. animation-iteration-count 속성을 1로 설정합니다. animation-fill-mode 속성을 forwards로 설정합니다. 이렇게하면 애니메이션이 종료될 때 마지막 상태를 유지합니다. animation-fill-mode: forwards; 사용 예 .box { width: 100px; height: 100px; background-color: red; animation: myAnimation 1s forwards; //mode사용예 //animation: myAnimation 1s 1; //count사용예..

RestTemplate 한글 깨짐 해결방법 Spring의 RestTemplate을 이용해서 API를 호출할 때, 한글이 깨지는 현상 발생 아래와 같이 인코딩을 설정해주면 깨지지 않는다. RestTemplate restTemplate = new RestTemplate(); restTemplate.getMessageConverters().add(0, new StringHttpMessageConverter(StandardCharsets.UTF_8)); MessageConverter의 종류 1. ByteArrayHttpMessageConveter 지원하는 오브젝트 타입 : byte[] @RequestBody로 전달 받을 때 모든 종류의 HTTP 요청 메시지 본문을 byte 배열로 가져올 수 있음. @Respon..

URL 생성자 URL(Uniform Resource Locator) 생성자는 웹 페이지나 파일 등을 나타내는 고유한 주소를 생성하는 데 사용됩니다. URL 생성자는 일반적으로 프로그래밍 언어에서 지원되며, URL 문자열을 동적으로 생성하거나 파라미터를 추가하거나 수정하여 원하는 URL을 만들 수 있습니다. 대부분의 URL 생성자는 다음과 같은 구성 요소를 가지고 있습니다. - 프로토콜: URL이 사용하는 프로토콜 (http, https, ftp 등)을 지정합니다. - 호스트: 웹 사이트의 도메인 이름이나 IP 주소를 지정합니다. - 포트: 서버의 포트 번호를 지정합니다. - 경로: 웹 페이지나 파일의 경로를 지정합니다. - 쿼리 문자열: URL의 쿼리 문자열을 지정합니다. 이 문자열은 일반적으로 웹 페이..

CORS(Cross-Origin Resource Sharing) 웹 애플리케이션에서 다른 도메인의 자원을 요청하는 것을 허용하기 위한 보안 메커니즘입니다. 웹 브라우저는 보안상의 이유로 도메인간 자원 공유를 제한하는데, 이를 허용하기 위해서는 서버에서 CORS 설정을 해야합니다. 보통 웹 브라우저는 동일한 출처(Same-Origin)의 자원에 대해서만 요청을 허용합니다. 즉, 요청하는 웹 애플리케이션과 자원을 제공하는 서버가 동일한 도메인, 프로토콜, 포트 번호를 가지고 있어야합니다. 하지만 다른 출처의 자원에 대해서도 요청을 보내고자 하는 경우, CORS를 사용하여 이를 허용할 수 있습니다. CORS는 브라우저와 서버 간의 통신에 HTTP 헤더를 추가하는 방식으로 동작합니다. 브라우저는 요청 헤더에 O..

find 리눅스에서 원하는 이름의 파일과 디렉터리를 찾는 방법은 find 명령어를 사용하는 것입니다. 디렉토리검색 find 명령어는 지정된 디렉터리 아래에 있는 모든 파일과 디렉토리를 검색합니다. find / -type d -name "디렉토리이름" 위 명령어에서 /는 모든 디렉터리에서 검색하겠다는 것을 의미합니다. -type d는 디렉터리를 찾겠다는 것을 의미하고, -name "디렉터리이름"은 이름이 "디렉토리이름"인 디렉터리를 찾겠다는 것을 의미합니다. 만약 현재 디렉터리에서 검색하고 싶다면 .을 사용하면 됩니다. find . -type d -name "디렉토리이름" 위 명령어에서 .은 현재 디렉터리를 의미합니다. 파일명검색 # 현재 디렉토리에서 test가 포함되는 파일 찾기 find . -name ..

contentEditable HTML 요소의 contenteditable 속성은 요소의 편집 가능 여부를 나타냅니다. contenteditable 속성은 HTML 요소를 수정 가능한 편집 가능한 요소로 만드는 데 사용됩니다. 열거형 속성으로, 다음 중 하나의 값을 가질 수 있습니다. 'true' : 요소가 contenteditable임을 의미합니다. 'false' : 요소를 편집할 수 없음을 의미합니다. 'inherit' : 요소가 부모의 편집 가능 여부를 상속함을 의미합니다. (기본값) contenteditable 속성을 사용하면 사용자가 직접 HTML 요소 내부의 텍스트, 이미지 및 기타 콘텐츠를 편집할 수 있습니다. 이것은 특히 CMS (컨텐츠 관리 시스템) 및 블로그 등의 웹 애플리케이션에서 유용..

원본 출처 : https://curryyou.tistory.com/451 [자바스크립트] Web Audio API 기본 원리와 예제 코드 # Web Audio API란? Web Audio API란 오디오 데이터를 입력받아, 각종 처리 및 분석을 수행할 수 있게 해주는 API이다. Web Audio API에서 다룰 수 있는 소리 데이터는 아래의 4가지가 있다. 1) Oscillator: 주파수, curryyou.tistory.com 자바스크립트에서 미디어를 다루는 주요 API 4가지 1. Media Capture and Streams API (=Meida Stream API) - 마이크, 카메라 등을 이용해 들어오는 (Media Stream: 오디오, 비디오, 화면 등) 데이터를 다룬다. 2. MediaS..