05. API를 작성하는 다양한 방법 이번 장은 각 HTTP 메서드에 해당하는 API개발을 하고 외부의 요청을 받아 응답하는 기능 구현을 통해 컨트롤러가 어떻게 구성되는지 알아보겠습니다. 5장에서 실습할 프로젝트를 생성합니다. groupId는 'com.springboot'로 설정하고 name&artifactId는 'api'로 설정합니다. GET API는 웹 애플리케이션 서버에서 값을 가져올 때 사용하는 API입니다. 실무에서는 HTTP 메서드에 따라 컨트롤러 클래스를 구분하지 않지만, 실습에서는 메서드별로 클래스를 생성합니다. 클래스 수준에서 @RequestMapping을 설정하면 내부에 선언한 메소드의 URL 리소스 앞에 @RequestMapping의 값이 공통 값으로 추가됩니다. @RequestMap..

23-24/Spring 1 2023. 11. 3. 10:00

5장. API를 작성하는 다양한 방법이번 장에서는 각 HTTP 메서드에 해당하는 API(Application Programming Interface)를 개발해 봅시다. 데이터베이스를 설치하기 전 간단한 외부 요청을 받아 응답하는 기능을 구현하여 컨트롤러의 구성을 살펴볼 것입니다. 5.1 프로젝트 설정5장에서 실습할 프로젝트를 생성합니다. 4장 4.1.2 스프링 공식 사이트에서 프로젝트 생성하기의 방법과 동일하게 생성하면 됩니다. 그러나 4장과 달리 Group을 'com.springboot'로, Artifact와 Name을 'api'로 설정합니다. 5.2 GET API 만들기GET API는 서버에서 값을 가져올 때 사용하는 API입니다. GET API를 작성하는 방법은 매우 다양하며, 이번 장에서 다루는 ..

23-24/Spring 2 2023. 11. 3. 10:00

GET API 웹 애플리케이션 서버에서 값을 가져올 때 사용하는 API GET API를 작성하는 방법은 다양하다. 실무에서는 HTTP 메서드에 따라 컨트롤러 클래스를 구분하지 않는다고 하지만, 정확한 구분과 이해를 위해 메서드별로 클래스를 생성하였다. GetController 컨트롤러에 @RestController, @RequestMapping을 붙여 내부에 선언되는 메서드에서 사용할 공통 URL 설정 @RestController @RequestMapping("/api/v1/get-api") public class GetController { } 클래스 수준에서 @RequestMapping을 설정하면 내부에 선언한 메서드의 URL 리소스 앞에 @RequestMapping의 값이 공통 값으로 추가된다. @..

23-24/Spring 3 2023. 11. 3. 10:00

컴포넌트 실습 환경 설정하기 본격적인 실습에 앞서 5장에서 사용할 새 리액트 앱을 만든다. 리액트 앱 만든다. npx create-react-app . 사용하지 않는 파일 삭제한다. → Create React App이 자동으로 생성한 파일들로 테스트 코드를 작성하거나 리액트 앱의 성능을 살필 때 사용한다. 진행할 실습에서는 사용하지 않으므로 삭제한다. src/App.test.js src/logo.svg src/reportWebVitals.js src/setupTest.js 사용하지 않을 코드를 삭제한다. index.js → 주석으로 표시된 코드는 모두 삭제한다. import React from 'react'; import ReactDOM from 'react-dom/client'; import './in..

23-24/React.js 3 2023. 11. 3. 10:00

노드 기능 알아보기 os 모듈 웹 브라우저에 사용되는 자바스크립트는 운영체제의 정보를 가져올 수 없지만, 노드는 os 모듈에 정보가 담겨 있어 정보를 가져올 수 있다. const os = require('os'); 일반적인 웹 서비스를 제작할 때는 사용 빈도가 높지 않지만 운영체제별로 다른 서비스를 제공하고 싶을 때 os 모듈을 사용한다. path 모듈 경로 구분자는 윈도 타입(\)과 POSIX 타입(/)으로 구분된다. 운영체제별로 경로 구분자가 다르기 때문에 폴더와 파일의 경로를 쉽게 조작하도록 도와준다. const path = require('path'); 윈도에서 POSIX 스타일 경로를 이용하고자 할 때 path.posix.join(), path.posix.sep POSIX에서 윈도 스타일 경로를..

23-24/Node.js 1 2023. 11. 3. 10:00

Node.js의 개념 자바스크립트 런타임 : 자바스크립트를 실행하는, 자바스크립트의 구동 환경 (ex: 웹 브라우저) Node.js 등장 이후 어떤 환경에서도 자바스크립트 실행이 가능해졌다. Node.js로 자바스크립트 실행 1. 비주얼 스튜디오 코드에 sample.js 파일을 생성한다. 2. 코드 작성 후, Ctrl + S로 작성한 코드를 저장한다. 3. Ctrl + J로 비주얼 스튜디오 코드의 터미널을 오픈한다. 4. 경로가 해당 폴더에 있는 것을 확인한 후, 터미널에 명령어를 입력한다. node sample.js // js파일을 node.js로 실행하는 명령어 Node.js 패키지 만들기 패키지 : Node.js에서 여러 개의 자바스크립트 파일을 실행하고 관리하는 일종의 관리 단위 1. 패키지 단위..

23-24/React.js 3 2023. 10. 13. 12:09

1. 리액트의 특징 복잡한 웹 서비스를 쉽고 빠르게 개발할 수 있는 Node.js의 라이브러리이다. 프론트 엔드 기술 중 가장 많은 프로그래머가 사용하는 기술이다. 페이스북 개발 팀이 만들어낸 기술이다. [ 컴포넌트 기반 유연성 ] 새로운 기능 추가 및 업그레이드 시 코드 수정이 많이 필요하지 않다. 중복 코드: 동일한 내용을 여러 번 작성해야 하는 코드이다. 코드의 중복 -> 유연성을 크게 해친다. 리액트는 모듈화를 이용하여 중복 코드를 제거한다. 공통 사용되는 코드를 컴포넌트 단위의 모듈로 만든 후 호출로 사용한다. 업데이트: 웹 페이지의 정보를 교체하는 일이다. 문서 객체 모델을 조작하여 업데이트를 한다..

23-24/React.js 2 2023. 10. 13. 12:08

1. Node.js 란? 자바스크립트 런타임이다. 리액트를 효율적으로 다루는 여러 도구들이 내장되어 있다. 리액트로 만든 자바스크립트 애플리케이션을 구동한다. 2. Node.js 환경 설정하기 계정 이름이 영문명으로 되어 있어야지만 오류가 나지 않는다. https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 왼쪽 버튼에 놓인 LTS 버전 (안정적인 버전)을 클릭하여 설치를 진행한다. 명령 프롬프트를 실행한 뒤 'node -v'를 입력하여 정상적으로 설치가 되..

23-24/React.js 2 2023. 10. 13. 12:07

1. 프로젝트 생성 1.1 인텔리제이 IDEA에서 프로젝트 생성하기 인텔리제이 IDEA의 유료 버전인 얼티밋 버전에서 지원하는 Spring Initializer 기능 Spring Initializer 기능은 원래 스프링 공식 사이트에서 제공하는 스프링 부트 프로젝트 생성 기능인데 얼티밋 버전 인텔리제이 IDEA에도 내장되어 있음 1. 인텔리제이 IDEA를 실행하고 사용자 약관 동의 등의 설정을 완료하고 나면 위와 같은 화면이 나옴 여기서 화면 가운데 있는 [New Project]를 클릭 2. 위의 화면과 같이 'Spring Initializer'를 선택하면 설정이 필요한 항목이 나오고 아래와 같이 설정 • Name : 프로젝트의 이름을 설정 (여기서는 'hello'라고 입력) • Location : 프로..

23-24/Spring 3 2023. 10. 13. 10:02

스프링 부트 기반의 프로젝트를 진행하기 위한 전반적인 개발 환경 구축 • Windows 10 64-bit • 인텔리제이(IntelliJ) • JDK 11(1.8 버전 이상) • 스프링 부트 • MariaDB 10.6.5 • 메이븐(Maven) 1. 자바 JDK 설치 자바 11버전을 사용하고 1.8 버전 이상으로만 설치하면 정상적으로 진행 가능 자바 JDK는 Azul에서 제공하는 Open JDK를 사용 https://www.azul.com/downloads/#zulu Azul Downloads According to the Gartner report, “by 2025, more than 70% of Java applications will be deployed on third-party Java runti..

23-24/Spring 3 2023. 10. 13. 10:01

01. 스프링 부트란? 1.1 스프링 프레임 워크 자바에서 가장 많이 사용되는 프레임 워크로, 애플리케이션 개발에 필요한 기반을 제공해서 개발자가 비즈니스 로직 구현에만 집중할 수 있습니다. 이러한 스프링은 아래와 같은 특징을 가지고 있습니다. 제어 역전 (IoC) 의존성 주입 관점 지향 프로그래밍 스프링 프레임 워크의 다양한 모듈 1.1.1 제어 역전 제어 역전(Inversion of Control)을 적용한 환경에서는 객체를 직접 생성하지 않고 객체의 생명주기 관리를 외부에 위임합니다. 외부는 스프링 컨테이너 혹은 IoC 컨테이너를 의미하며 제어 역전은 객체 관리를 이러한 컨테이너에 넘겨주는 것을 의미합니다. 이러한 제어 역전을 통해 의존성 주입, 관점 지향 프로그래밍이 가능해집니다. @RestCon..

23-24/Spring 1 2023. 10. 13. 10:00

3장 1. Nods.js Node.js 등장 이전에는 웹 브라우저가 유일한 자바스크립트 런타임이었습니다. 따라서 자바스크립트는 웹 브라우저 외에서는 사용할 수 없었습니다. 그러나 독립적인 자바스크립트 런타임인 Node.js가 등장한 이후에는 어떤 환경에서도 자바스크립트를 실행할 수 있게 되었습니다. 결국 자바스크립트를 이용해 웹 서버나 모바일 애플리케이션을 개발하는 등 자바스크립트의 활용 범위가 넓어졌고, 이를 사용하는 개발자도 많이 늘어나게 되었습니다. 2. Nods.js 환경 설치 - 윈도우 사용자 계정 이름 바꾸기 PC의 사용자 계정명이 한글로 되어 있다면, Node.js 설치 및 향후 이용 과정에서 문제가 발생할 수 있습니다. 따라서 Node.js 설치 전에 윈도우의 사용자 계정을 영문명으로 변경..

23-24/React.js 1 2023. 10. 13. 10:00