스프링 웹 개발 기초정적 컨텐츠MVC와 템플릿 엔진API생성한 정적 페이지로 이동하는 방법hello-static.html 정적 페이지를 생성한 후 body에 '정적 컨텐츠입니다.' 를 작성해주었다.포트번호 뒤에 이동하고자 하는 파일 명을 붙여주면 된다.포트번호 오류 발생**Error :** Process 'command 'C:\Program Files\Java\jdk\bin\java.exe'' finished with non-zero exit value 1이때 위와 같은 오류 발생 시 아래의 방법처럼 해결할 수 있다. 1. 작업 관리자 이용하기작업관리자에서 불필요하게 실행되는 작업을 중지시킨다.2. application.properties 파일 이용하기server.port=8090위처럼 작성하고 원하는 ..

디렉터리 구조HelloController.javapackage hello.hellospring.controller;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.GetMapping;@Controllerpublic class HelloController { @GetMapping("hello") // "hello" 가 들어오면 아래의 메소드를 호출해준다. public String hello(Model model) { model.addAttribute("data","hello!!"); r..

MySQL Cheat Sheet 에서 SQL문 예제 확인 가능 테이블 구조 확인DESC 테이블명;INSERT  구문INSERT INTO 테이블명(열1,열2,열3...) VALUES(값1,값2,값3...);SELECT 구문SELECT 확인할내용 FROM 가져올테이블명 WHERE 조건 ORDER BY 정렬기준;전체 조회열 지정내용 지정조건 지정정렬 기준 지정DESC : 오름차순LIMIT 숫자 : 해당되는 수 만큼의 행만 확인하겠다.UPDATE 구문UPDATE [테이블] SET [열] = '변경할값' WHERE [조건];DELETE 구문DELETE FROM 테이블명 WHERE 조건;

MySQL의 구조MySQL 서버 접속-uroot : 모든 권한 사용 가능 MySQL 스키마의 사용데이터베이스 생성CREATE DATABASE 데이터베이스이름데이터베이스 삭제DROP DATABASE 데이터베이스이름데이터베이스 확인SHOW DATABASES데이터베이스 사용USE 데이터베이스이름SQL과 테이블의 구조

MySQL 설치 링크https://bitnami.com/download/files/stacks/wampstack/8.0.3-2/bitnami-wampstack-8.0.3-2-windows-x64-installer.exe?with_popup_skip_signin=1  Download WAMP packaged by BitnamiI just downloaded WAMP packaged by @bitnami. Check it out! https://bitnami.com/stack/wamp #applicationawesomeness Tweet will open in a new window Tweetbitnami.com MySQL 정상작동 확인 방법MySQL 이 정상적으로 작동하지 않는다면 이곳에서 Start가 되..

시작하기 전내용이 많거나 큰 js 페이지를 전송할 때 저사양 장치를 사용 중이거나 저속 네트워크를 연결해서 로드되는 시간이 오래걸립니다. 이럴 때 필요한 것이 코드 분할입니다. React.lazy함수와 React-router-dom  라이브러리를 사용하면 Route 기반 코드 분할을 설정할 수 있습니다. 지금부터 React.lazy함수와 React-router-dom  라이브러리에 대해 간략하게 알아보겠습니다.(사용 방법을 잊지 않기 위해 매우 간략하게 기록했습니다. 자세한 내용은 참고 사이트에서 확인해주시면 감사하겠습니다.)React-router-dom 설치   1    React-router-dom 이란?Router를 사용해서 페이지를 이용할 때 사용하는 라이브러리입니다.   2   설치하는 방법np..

[ React에서 텍스트 에디터 사용하는 가장 쉬운 방법 ]   1    아래의 사이트에 접속  https://ckeditor.com/docs/ckeditor5/latest/index.html CKEditor 5 documentationLearn how to install, integrate and configure CKEditor 5 Builds and how to work with CKEditor 5 Framework, customize it, create your own plugins and custom editors, change the UI or even bring your own UI to the editor. API reference and examples included.ckeditor.c..

1. npm 설치$ npm i @fortawesome/fontawesome-svg-core$ npm i @fortawesome/free-solid-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-brands-svg-icons$ npm i @fortawesome/react-fontawesome2. import 해주기FontAwesome 을 사용하기 위해 선언을 하나 해준다.import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";3. 변수명을 스네이크 표기법-> 카멜 표기법으로 변경해주기사용할 FontAwesome 의 아이콘은 아래의 링크와 같다.https://fontawesome...