공부 기록용 공부 기록용

React와 Spring Boot 연동: 개발 및 배포 흐름 프로젝트 의존성 목록- 프론트엔드 (React) axios1.7.9HTTP 클라이언트 라이브러리 (API 호출)react19.0.0React 프레임워크react-dom19.0.0React DOM 렌더링react-router-dom7.1.3React의 라우팅 라이브러리react-scripts5.0.1React 프로젝트 빌드 및 실행cra-template1.2.0Create React App 템플릿http-proxy-middleware2.0.6백엔드 프록시 설정을 위한 라이브러리web-vitals4.2.4웹 성능 측정 도구- 백엔드 (Spring Boot) spring-boot-starter-web최신 버전REST API 및 웹 애플리케이션 개발m..

학원에서 실습할때에는 Mybatis 를 사용해서 JDBC 를 통해서 데이터베이스와 통신했었는데 이번에 간단한 사이트를 만들려고 JPA 로 환경을 구축하려고 했다. 맨 처음 movieinfo 데이터베이스를 생성하고 이를 spring 프레임워크랑 연결하는 작업이 전혀 이루어지지 않아서 작성하게 됐다. 오류 상황org.hibernate.exception.GenericJDBCException: unable to obtain isolated JDBC connection [(conn=436) Access denied for user 'movieinfo'@'localhost' (using password: YES)] [n/a]데이터베이스에 접근하려고 했지만 어떤 이유인지는 모르겠지만 접속 하지 못한 상황이다.  해결..

Function일반적인 함수int add(int a, int b) { return a + b;}매개변수를 순서대로 넣는 방식으로 왼쪽 위에서부터 반환 형태, 매개 변수, 반환할 값을 정의하는 구조를 가진다.  선택적 이름 있는 인수 함수 (Optional Named Arguments)   // sayHello 함수 정의String sayHello( {String name = 'anon', int age = 99, String country = 'wakanda'}) { return "Hello $name, you are $age years old, and you come from $country.";}void main() { // 예제 1: 모든 매개변수를 전달하지 않고 기본값만 사용 // n..

String Interpolation(문자열 보간, 문자열 삽입)void main() { var name = 'jeongwon'; var age = 22; var greeting = "hello everyone, my name is $name, and I'm ${age + 2}"; // ""(더블 쿼터)를 사용해도 되고, $ 뒤에 변수명을 붙이면 포맷팅이 가능하다. // {} 대괄호 안에 간단한 계산을 할 수도 있다. print(greeting);} $와 변수 삽입문자열 내에 $ 뒤에 변수명을 붙이면 해당 변수가 문자열에 삽입됩니다.예: $name은 'jeongwon'으로 대체됩니다.{} 내부 계산중괄호 {}를 사용해 문자열 내에서 연산을 포함할 수 있습니다.예: ${age + 2}은 ..

Hello world예시 코드: void main() { print('hello world');} 결론모든 Dart 프로그램은 main 함수에서 시작한다.명령문 끝에는 세미콜론을 붙여야 하지만, 경우에 따라 Dart가 생략을 허용하기도 한다.  Variadbles예시 코드:void main() { var name = 'Alice'; // 타입 추론: String int age = 25; // 명시적으로 타입 지정 print('$name, $age');}class Person { String name; // 타입 명시 int age; // 타입 명시 Person(this.name, this.age);}  결론Dart는 변수의 타입을 자동으로 추론하지만, 선언 후 초기화 시 타입 일관성을 지켜야..

Dart 언어 소개Dart는 구글(Google)에서 개발한 오픈소스 프로그래밍 언어로, 주로 웹, 모바일, 데스크톱 애플리케이션 개발에 사용된다. 특히 Flutter 프레임워크의 기본 언어로 활용되며, 크로스플랫폼 개발에 강점을 가진다. 정적 타입과 동적 타입을 모두 지원하며, 빠른 컴파일과 간결한 문법을 제공한다.Dart의 주요 특징크로스플랫폼 개발하나의 코드로 iOS, Android, 웹, 데스크톱 애플리케이션을 동시에 개발할 수 있다.Flutter와 함께 사용하면 네이티브 성능을 제공하며, 일관된 사용자 경험을 구현한다.AOT와 JIT 컴파일AOT(Ahead Of Time)는 앱을 미리 컴파일해 빠른 실행 속도를 제공한다.JIT(Just In Time)는 개발 중 실시간 컴파일로 빠르게 결과를 확인..

[React] GitHub Pages에 배포하기 (velog.io) [React] GitHub Pages에 배포하기오늘은 간단한 리액트 페이지를 GitHub Pages에 배포하는 방법에 대해 알아보겠습니다. 당연하겠지만, 서버가 필요한 페이지는 따로 서버를 연결해주어야하니 여기선 다루지않겠습니다.혹시 몰라velog.io

채찍피티 왈`react-router-dom`은 React 애플리케이션에서 클라이언트 사이드 라우팅을 쉽게 구현할 수 있게 도와주는 라이브러리입니다. 페이지 간 이동이나 URL 변화를 관리할 수 있게 해주며, 이를 통해 SPA(Single Page Application)에서도 페이지 전환과 같은 사용자 경험을 제공할 수 있습니다. 예를 들어, 사용자가 특정 경로로 이동하면 해당 경로에 맞는 컴포넌트를 렌더링하고, 뒤로 가기나 앞으로 가기와 같은 브라우저의 내비게이션 기능도 지원합니다. 이 라이브러리를 사용하면, 브라우저의 주소창에 있는 URL에 따라 서로 다른 화면을 렌더링하거나, `Link` 컴포넌트를 이용해 화면 간의 이동을 구현할 수 있습니다. 따라서 `react-router-dom`은 SPA를 만들..