SMALL 프로그래밍44 소스 수정을 하면 웹에 바로 적용하기 위한 팁 시작에 앞서 개발을 하다 보면 소스 코드를 수정할 때마다 빌드와 재시작이 번거로울 때가 있습니다. 이러한 문제를 해결하기 위해 스프링 부트에서 제공하는 devtools와 크롬 확장 프로그램 LiveReload++를 사용하는 방법을 알아보겠습니다. 목차 build.gradle 파일 수정 크롬 웹 스토어에서 플러그인 추가 build.gradle 파일 수정 먼저, 프로젝트의 build.gradle 파일에 다음과 같은 코드를 추가합니다. developmentOnly 'org.springframework.boot:spring-boot-devtools' 크롬 웹 스토어에서 플러그인 추가 크롬 웹 스토어에서 'LiveReload++'를 검색하여 설치합니다. 이 플러그인은 웹 페이지를 자동으로 새 로고침해주어 개발 편.. 2023. 9. 11. 스프링 부트로 Hello World 출력하기: 당신의 첫 웹 애플리케이션 만들기 시작에 앞서 프로그래밍 세계에 발을 들이면서 가장 먼저 만나게 되는 'Hello World'. 이 간단한 문장은 프로그래밍의 시작과 동시에 그 첫걸음의 성공을 의미합니다. 오늘은 스프링 부트를 이용해 웹에서 'Hello World'를 출력하는 방법에 대해 알아보겠습니다. 목차 Hello World의 즐거움 'Create new Spring Start Project' 메뉴 실행 프로젝트 정보 입력 스프링 부트 버전 선택 컴파일 웹브라우저에서 실행 첫 프로그래밍 과제로 'Hello World'를 출력하면서 느끼는 즐거움은 이루 말할 수 없습니다. 이는 코딩의 세계로의 첫걸음이며, 이를 웹에서도 실행할 수 있다는 것은 더욱 흥미로운 일입니다. 'Create new Spring Start Project' 메뉴 .. 2023. 9. 11. 스프링 부트 설치 가이드 안녕하세요, 여러분! 스프링 부트를 처음 접하시는 분들, 어렵게 느껴지시죠? 걱정하지 마세요. 이 글을 통해 스프링 부트 설치 과정을 쉽게 따라 할 수 있습니다. 스프링 부트란? 스프링 부트(Spring Boot)는 자바 플랫폼을 위한 오픈 소스 프레임워크입니다. 복잡한 설정 없이도 쉽고 빠르게 웹 애플리케이션을 개발할 수 있습니다. 설치 순서 스프링 부트에 대한 설명을 한다. 위에서 이미 간략하게 소개했습니다. 스프링 부트는 웹 개발을 쉽게 해주는 강력한 도구입니다. https://spring.io/tools 에서 운영체제에 맞는 STS를 선택하여 다운로드한다. 이곳에서는 Windows, macOS, Linux 등 다양한 운영체제에 맞는 버전을 다운로드할 수 있습니다. 적당한 위치에 복사한다. 다운로드.. 2023. 9. 11. 자바스크립트 함수 래퍼런스 '함수'에 대해 배우실 때 많은 혼란을 느끼실 수 있습니다. 본 가이드에서는 여러분이 쉽게 이해할 수 있도록 자바스크립트 함수의 선언과 표현에 대해 깊고 자세하게 설명하겠습니다. 함수 선언식 (Function Declaration) 함수 선언식은 함수의 이름과 매개변수, 본문을 정의하는 방식입니다. 이 방식은 함수의 호이스팅이라는 특징을 가지며, 아래와 같이 작성됩니다. function calculateDistance(x1, y1, x2, y2) { var dx = x2 - x1; var dy = y2 - y1; return Math.sqrt(dx * dx + dy * dy); } 위 예제에서는 두 점 간의 거리를 계산하는 함수를 선언하였습니다. 함수 표현식 (Function Expression) 함수 .. 2023. 8. 20. 자바스크립트에서 객체 이해하기 자바스크립트에서 객체를 활용한 실용적인 예제 자바스크립트를 배우기 시작하면, 처음에는 다소 어려워 보일 수 있습니다. 그럼에도 불구하고 객체와 같은 기능은 코드를 깔끔하게 정리하고 재사용하기에 아주 유용합니다. 이 가이드에서는 객체를 어떻게 활용하는지 실용적인 예제를 통해 알아봅시다. 물건 판매 웹사이트 예제 const product = { name: '스마트폰', price: 1000000, category: '전자제품', details: { brand: '삼성', model: '갤럭시 S21', color: '검정' }, showDetails: function() { console.log(`${this.name} - ${this.details.brand} ${this.details.model}, 가격.. 2023. 8. 20. 자바스크립트의 기본 타입(Primitive Type) 이해하기 자바스크립트의 기본 타입: 값의 본질을 이해하기 데이터 타입은 쉽게 말해서 값의 종류를 말합니다. 자바스크립트에서는 크게 기본 타입(Primitive Type)과 객체 타입(Object Type)으로 구분합니다... 기본 타입 (Primitive Type) 기본 타입은 객체가 아닌 것들이며, 더 이상 작은 단위로 나뉘어지지 않는 값이며... 숫자 (number) let num = 42; console.log(typeof num); // 'number' 문자열 (string) let str = 'Hello, World!'; console.log(typeof str); // 'string' 불리언 (boolean) let isTrue = true; console.log(typeof isTrue); // 'b.. 2023. 8. 20. 이전 1 2 3 4 ··· 8 다음 LIST
