Spring Boot의 작동 원리에 대해 간략하게 정리하고 넘어가도록 하자. Spring Boot의 설정 내용들은 Java 클래스를 이용해 처리할 수도 있음. 그러나 resources 폴더 내에 저장되어 있는 파일들 중 application.yml 또는 application.properties라는 파일이 Spring Boot에서 필요한 설정들을 담당함. .properties 확장자 파일을 사용한다면 =로 구분된 설정 이름과 값을 지정할 수 있고(설정 이름 = 값) .yml(또는 yaml) 파일을 사용하면 설정 이름과 값을 :으로 구분해 저장할 수 있음(설정 이름: 값). .yml(또는 .yaml) 파일을 사용하면 계층 구조로 구분할 수 있기 때문에 같은 이름으로 grouping이 되어 있는 경우 훨씬 더..

지난 시간에 우리는 Spring Boot 프로젝트의 첫 번째 클래스로서 HelloWorldController를 만들고 "Hello World!"라는 문자열을 반환하는 API를 만듦. https://developing-move.tistory.com/241   이제 우리가 개발할 두 번째 API는 단순히 문자열을 반환하는 것이 아니라 Bean을 반환시켜 주는 method를 만들 것. 반환할 Bean의 이름은 HelloWorldBean이라고 지정할 것이며 Java Bean 클래스 또한 작성하려 함.  우리는 현재의 Spring Boot 프로젝트를 생성하는 과정에서 Lombok이라는 라이브러리를 추가함. Lombok을 추가하면 만들고자 하는 클래스에 대해 어떠한 property를 등록했을 때 getter(), ..

Attribute와 Property. 한국어로는 둘 다 '속성'이라는 의미를 가지고 있지만 단순히 의미가 같은 것을 떠나 이 둘은 실제로 HTML 요소에 대한 클래스와 아이디 등의 속성을 가리킨다. 그럼에도 웹 프로그래밍에서는 구체적인 차이점이 존재한다.  HTML의 Attribute Attribute는 HTML 문서의 정적인 속성이다. Element의 id나 class와 같은 추가적인 정보를 가리킨다고 보면 된다.   DOM의 Property Property는 DOM의 속성이다. 즉 HTML의 Attribute를 DOM 내에서 표현하는 것이라고 볼 수 있다. Attribute가 정적인 속성인 것에 반해 Property는 DOM에서의 동적인 속성인 것.Hemllo World cf) 안에 class='m..

과거, 자바스크립트에서는 URL을 일반 문자열로 다루는 경우가 많았으나 URL 문자열은 엄격한 규격을 따르기 때문에 버그가 생기기 쉬웠다. 그러므로 URL에서 특정 요소를 추출하거나 조작하는 데 적지 않은 주의가 필요하게 되었다. 이러한 문제점을 보완하기 위해 대부분의 브라우저와 자바스크립트 런타임에서는 URL API를 지원하고 있는데, 이 웹 표준 API를 이용하면 웹 주소를 보다 쉽고 안전하게 자바스크립트로 다룰 수 있게 된다. URL API는 크게 웹 주소를 다루기 위한 URL 객체와 쿼리 스트링을 다루기 위한 URLSearchParams로 나뉘는데, 본 포스팅에서는 URL 객체에 대해서만 다뤄 보고 URLSearchParams는 별도의 글에서 다루도록 하겠다. URL의 기본적인 구성요소에 대해서는..

웹 개발에서 URL을 다루는 일은 빈번하게 발생한다. 프론트엔드에서는 URL로 다른 웹 페이지로 링크를 걸거나 자바스크립트, CSS 코드를 불러 오며 이미지, 오디오, 비디오 등의 멀티미디어를 제공할 수도 있다. 반면 백엔드에서는 요청 URL의 경로에 따라 DB에 저장되어 있는 데이터를 조회하고 URL의 쿼리스트링으로 넘어온 매개변수에 따라 다른 데이터를 처리해 줄 수 있다.   URL이란?많은 사람들이 매일 같이 URL을 사용하고 있으면서도 정작 그 URL이라는 게 무엇인지에 대해서는 진지하게 생각해 볼 일이 없었을 것 같다. URL(Uniform Resource Locator)이란 쉽게 말해서 웹에서 사용되는 주소. 웹상에서 모든 자원(resource)에 유일한 주소가 부여되어야 브라우저가 웹 사이트..

쉼표 연산자는 각각의 피연산자를 왼쪽에서 오른쪽 순서로 평가하고, 마지막 피연산자의 값을 반환한다.  위 내용은 쉼표 연산자에 대한 MDN의 정의이다. 하지만 이렇게만 봐서는 잘 모르겠으니 조금 풀어서 알아보도록 하자.  먼저 아래의 함수 예시를 보자. 흔히 볼 수 있는 평범한 함수이다.let myFunc = (value1, value2) => { value1 += value2; value1 += value2; return value1;}myFunc(1, 2); // 5 이제 이 예시를 쉼표 연산자를 사용하여 바꿔 보려 한다. 위 함수에서 중괄호를 없애고 괄호와 쉼표(,)만으로 표현할 수 있다. 작동 원리는 = (a, b, c) 와 같이 작성할 경우 1)  a 실행, 2) b 실행, 3) c re..