[Reason] visual studio 에서 React 프로젝트 폴더를 만들고 React-app을 만들기위한 명령어를 입력했을 때 발생된 에러이다. 해당 에러는 실행하고자 하는 터미널의 타입이 powershell이라서 발생된 에러였다. [Solution] (1) Ctrl + Shift + p 를 눌러 검색 창을 띄워준다. (2) terminal: Select Default Profile 을 검색하여 선택해준다. 기본 터미널 프롬프트를 변경할 수 있는 설정이다. (3) Command Prompt 를 선택해준다. (4) 열려있는 터미널을 끄고 다시 켜준 뒤 npx 명령어를 실행한다. 만약 터미널을 끄고 다시 했을 때 동일하게 안될 경우 visual studio 자체를 껏다 켜서 실행한다.

일반적으로 Spring Boot를 사용하여 웹 어플리케이션을 빌드할 때에는 많은 설정이 필요합니다. 컴포넌트 스캔, Dispatcher Servlet 설정, 데이터베이스와 통신하기 위해 데이터 소스 설정, Bean에서 JSON, JSON에서 Bean으로 변환 등등. 이런 작업들을 간소화하기 위해서 Auto Configuration을 사용합니다. (1) Auto Configuration은 클래스 경로에 있는 프레임워크에 따라 생성됩니다. pom.xml이나 build.gradle에서 볼 수 있듯이 여러 Starter Project를 추가할 수 있고 많은 프레임워크들을 불러올 수 잇습니다. (2) Spring Boot는 기본 자동 설정을 제공합니다. 하지만 자체 설정을 제공하여 이를 오버라이드할 수 있습니다...

ReactApp에 state(상태)를 관리하고 제어하는 방법에는 크게 두 가지가 있는 것으로 알고있습니다. 그게 클래스 컴포넌트, 기능 컴포넌트 입니다. 기능 Components import React, { useState } from "react"; function FunctionalComponent() { const [count, setCount] = useState(0); function increase() { setCount(count + 1); } return ( {count} + ); } export default FunctionalComponent; 기능 컴포넌트는 제가 이전부터 공부하고 정리했던 내용들처럼 function 함수를 사용한 컴포넌트 구성이라고 볼 수 있습니다. 상태(state)..

이전에는 간단한 React 이벤트 핸들링에 대해서 정리해보았습니다. 이번에는 그보다 조금 더 심화적인 형식에 대해서 정리해보겠습니다. 웹 앱을 만들 때 로그인, 등록, 접근을 위한 형식을 만드는 것은 아주 흔한 작업이라고 볼 수 있습니다. 그리고 이 형식이 어떻게 동작하는지 이해하려면 상태를 설정하고 사용하는 법을 알아야 합니다. 그래서 이번에는 입력 요소로 사용자가 입력하는 값을 얻는 방법과 사용자가 입력한 정보를 사용하기 위해 버튼을 사용하는 방법을 살펴보겠습니다. 버튼을 클릭했을 때 onClick과 같은 속성을 통해 이벤트를 제어하는 것처럼 입력하는 동작에 있어서도 이벤트가 존재합니다. input 태그 안에 onChange라고 하는 속성을 사용하면 입력값이 바뀔 때마다 매번 트리거가 작동되어 사용자..

Spring Boot 에서 중요한 기능 중 하나는 Spring Boot Starter Projects 입니다. 일반적으로 어플리케이션을 빌드할 때에는 프레임워크가 많이 필요합니다. 예를 들어, Rest API를 빌드하려면 Spring 프레임워크, Spring MVC 프레임워크가 필요하고, Tomcat도 필요합니다. 어플리케이션을 실행하려면 json 변환까지 수행해야 합니다. 단위 테스트를 수행한다고 가정했을 때에는 Spring Test 프레임워크가 필요하고 Junit이나 Mockito 프레임워크가 필요합니다. 따라서 어플리케이션 기능을 빌드할 때마다 수많은 프레임워크가 필요합니다. 이러한 수많은 프레임워크들을 그룹화해서 어플리케이션을 쉽게 빌드할 수 있을까요? Starter Projects가 그 역할을 ..

spring boot 의 가장 중요한 목표는 프로덕션 환경에서 사용 가능한 어플리케이션을 빠르게 빌드할 수 있도록 하는 것입니다. 조금 더 길게 풀어 얘기해보자면 많은 기능을 가진 어플리케이션을 빠르게 빌드할 수 있는 것을 목표로 하는 것입니다. spring boot를 사용해 어플리케이션을 빠르게 빌드하는 기능들 (1) spring initializer (2) 웹사이트 활용 (start.spring.io) (3) spring boot starter projects - 프로젝트의 의존성을 빠르게 정의할 수 있습니다. (4) spring boot auto contiguration - 클래스 경로에 있는 의존성에 따라 자동으로 설정이 가능합니다. (5) spring boot devtools - 수동으로 서버를..