[Spring] View 환경설정
·
SpringBoot
디렉터리 구조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] 테이블 생성 및 CRUD 기초
·
DB/MySQL
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 기본
·
DB/MySQL
MySQL의 구조MySQL 서버 접속-uroot : 모든 권한 사용 가능 MySQL 스키마의 사용데이터베이스 생성CREATE DATABASE 데이터베이스이름데이터베이스 삭제DROP DATABASE 데이터베이스이름데이터베이스 확인SHOW DATABASES데이터베이스 사용USE 데이터베이스이름SQL과 테이블의 구조
[MySQL] 설치 및 접속 방법 (bitnami사용)
·
DB/MySQL
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가 되..
[React] React.lazy 와 React Router 라이브러리 사용방법
·
React/활용
시작하기 전내용이 많거나 큰 js 페이지를 전송할 때 저사양 장치를 사용 중이거나 저속 네트워크를 연결해서 로드되는 시간이 오래걸립니다. 이럴 때 필요한 것이 코드 분할입니다. React.lazy함수와 React-router-dom  라이브러리를 사용하면 Route 기반 코드 분할을 설정할 수 있습니다. 지금부터 React.lazy함수와 React-router-dom  라이브러리에 대해 간략하게 알아보겠습니다.(사용 방법을 잊지 않기 위해 매우 간략하게 기록했습니다. 자세한 내용은 참고 사이트에서 확인해주시면 감사하겠습니다.)React-router-dom 설치   1    React-router-dom 이란?Router를 사용해서 페이지를 이용할 때 사용하는 라이브러리입니다.   2   설치하는 방법np..
[React] ckeditor 텍스트 에디터 리액트에 적용 (5단계)
·
React/활용
[ 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..
[React] 리액트에 폰트어썸 매우 쉽게 적용하기 (4단계)
·
React/활용
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...
[etc] GitHub CLI 명령어 모음
·
공통
깃 초기화git init 경로명깃 상태 확인git status간단하게 깃 상태 확인git status -s깃 저장소 복제git clone 원격저장소URL 새폴더이름로그 확인git log커밋 비교git diff원격 저장소 별칭 확인git remote원격 저장소 별칭과 주소git remote -v원격 저장소와 연결git remote add 별칭 URL등록한 원격 저장소 삭제git remote rm 별칭커밋 가져오기git pull 또는 git fetch커밋 전송하기git push 별칭 브랜치 이름현재 브랜치 확인git branch브랜치 생성git branch 브랜치이름브랜치 이동git checkout 브랜치이름스태시 저장git stash스태시 읽기git stash pop브랜치 병합git merge 브랜치이름리..