백엔드/스프링 부트& 리액트 웹 개발2 리액트 설치 및 실행 2023.08.22 수업 교재 : 실전! 스프링 부트와 리액트로 시작하는 모던 웹 애플리케이션 개발 ◎ 리액트 - 프로그래밍의 기본 사항을 다룬다 - UI를 위한 자바스크립트 라이브러리(프론트엔드) - 클라이언트를 리액트로 사용하고 싶을 때 다룬다 - Node.js, 코드 편집기(VS Code - React.js code Snippets), 리액트 개발자 툴(React Developer Tools) 설치가 필요 - 가상페이지(Virtual DOM)을 이용해, 전체페이지(DOM)가 아니라 부분적인 페이지(Component)만 불러와 불필요한 메모리 사용을 줄여준다 - 순수 자바스크립트를 확장한 것 - 순수 HTML기술이므로 확장 css를 사용할 수 있음 - ES6 이상 사용 - 리액트 확장자는 js ※ V.. 2023. 8. 25. [모던 웹 애플리케이션 개발] 프로젝트 생성 및 데이터베이스 생성1 2023.08.21 수업 교재 : 실전! 스프링 부트와 리액트로 시작하는 모던 웹 애플리케이션 개발 더보기 1. 스프링 이니셜라이즈를 이용하여 프로젝트를 생성하기 2. 의존성 주입을 이용하여 의존성을 줄이고 코드를 재사용하기 쉽게 만들기 3. JPA를 사용하여 데이터베이스 생성 및 접근하기 - 빠른 개발을 위해 H2 인메모리 데이터베이스 사용 (추후 다른 데이터페이스로 전환) ▶ spring initializr로 프로젝트 생성하기 * 원래 진행 방식은 프로젝트 생성 시 Spring Tool Suite가 https://spring.io/ 에서 다운로드 받아오는 것 ※ spring initializr - 웹 기반 툴 ▷웹 브라우저에서 아래 링크로 접속 https://spring.io/ Spring | Hom.. 2023. 8. 22. 이전 1 다음