Front-end/React
[React] JSX 문법 - 클래스명, 데이터바인딩, 스타일 속성
리액트 JSX 문법 클래스명 지정 className="" 데이터바인딩 let 변수명 = '값'; { 변수명 } 내부스타일 속성 style={ {스타일명 : '값'} }
전체 글
Front-end/React
[React] 리액트 설치 및 프로젝트 생성
리액트 설치 및 프로젝트 생성 https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node.js를 설치해주시고 cmd창에 npm install -g create-react-app 리액트를 작업할 폴더를 만들어서 shift+우클릭 -> PowerShell npx create-react-app 프로젝트명 (저는 윈도우이고, 맥북은 sudo npx create-react-app) 이렇게 하면 설치가 됩니다! 만일 허가되지 않은 스크립트라는 에러가 날 경우, cmd 관리자권한으로 실행해서 Set-ExecutionPolicy Unrestricted 입력해주시면 됩..
Back-end/Database
[SQL] 숫자가 자동 증가하는 상품 코드 만들기 (ITEM_001, ITEM_002)
숫자가 자동 증가하는 상품 코드 만들기 상품 코드를 보통 ITEM_001, ITEM_002 ... 이런식으로 문자열 + 증가하는 숫자 형식을 많이 사용한다. 데이터를 INSERT할 때, 자동으로 1씩 증가하는 상품코드를 만들어보자. SUBSTR(ITEM_CODE, 6) : ITEM_CODE 컬럼의 6번째 자리부터 잘라내서 가져온다. 그럼 001, 002 숫자만 추출되는데 이것이 문자로 반환되기 때문에 TO_NUMBER(SUBSTR(ITEM_CODE, 6)) : 숫자로 변환 MAX(TO_NUMBER(SUBSTR(ITEM_CODE, 6))) : 증가하는 숫자를 만들어야 하기 때문에 현재 존재하는 컬럼의 가장 최대값을 추출 NVL(MAX(TO_NUMBER(SUBSTR(ITEM_CODE, 6))), 0) : N..
Back-end/SpringBoot
[Spring Boot] 트랜잭션 @Transactional(rollbackFor = Exception.class)
@Transactional 메소드에 2개 이상의 SQL 실행문이 있을 경우 모든 SQL문이 성공적으로 실행되어야 COMMIT되도록 설정 @Transactional(rollbackFor = Exception.class)