개발 일기

App.js import { useState } from "react"; const App = () => { const [counter, setCounter] = useState(0); const setCount = () => { setCounter(counter + 1); }; return ( Total clicks : {counter} Click! ); }; export default App; * point 1. jsx 문법 - document.querySelector().innerHTML 대신 {counter} 2. useState import {useState} from 'react'; const [counter, setCounter] = useState(0); - counter : state에 ..

https://nodejs.org/ko * LTS 버전 다운로드 * https://ko.legacy.reactjs.org/ 리액트 공식문서(한글) CDN 링크 : 리액트 - 자바스크립트 라이브러리라서 * https://create-react-app.dev/ cmd 실행 후 C:\Users\user1>node -v v18.17.1 C:\Users\user1>npm -v 9.6.7 C:\Users\user1>npm install npx -g 경로수정 및 프로젝트 생성 C:\Users\user1>cd D:\front-end-workspace C:\Users\user1>D: D:\front-end-workspace>npx create-react-app 7_jsx 실행 D:\front-end-workspace>c..

spring에서 db 연결 설정을 해보자 ​ db 연결이 안 되면 데이터 주고받기가 안되는데 코드를 열심히 잘 짜도 그게 무슨 소용이야 실컷 로직 다 짜놓고 여기서 설정 한두 가지 놓쳤다가 오류 어디서 나는지 못 찾아서 한 시간을 날린 적이 있다는...(왈칵) 뭐든지 세팅은 꼼꼼하게 잘 해놓고 넘어가자^^; spring에서 db 연결을 하려면 아래 세 가지 파일을 채워야 한다 mybatis.xml / mapper.xml / root-context.xml 세 파일에 들어가는 내용을 정리해보자면 대략적으로 이렇다 mybatis mapper root-context - jdbc Null 처리 - vo 클래스에 대한 별칭 지정 - mapper 연결 - 데이터를 처리하기 위한 쿼리문 - bean 등 mybatis와..

spring 설치 후 완전 완전 기본 세팅인 것만! (db 연결 관련은 다음 글에 따로 정리) Build Path / pom.xml / web.xml 세팅 Build Path 설정 1. JRE System Library 버전 수정(자바 버전과 일치하게) 처음에 들어가면 기존 JRE System Library 버전이 jdk-11로 되어있지 않음. Remove 후 Add Library > jdk11로 변경 2. 사용할 Libraries 추가 Add External JARS > ojdbc8.jar / jstl.jar / standard.jar 직접 추가 3. Deployment Assembly add > Java Build Path Entries > ojdbc, jstl, standard 모두 추가 pom.x..