전체 글
-
React 2Frontend/React 2024. 7. 31. 14:00
React는 return문 안에서 for문이 사용이 불가능하다. -> JSK문법이라서이를 해결하기 위해 map이라는 반복문을 사용한다.12345678910// Array 자료 갯수만큼 map안에 콜백함수를 실행해줌// function에 파라미터를 넣으면 Array안에 있는 자료를 꺼내줌// return에 값을 넣으면 해당 Array에 그 값을 넣어줌[1, 2, 3].map(function(data, idx){ // data는 해당 반복문이 돌 때 Array에 담긴 값이고 // idx는 해당 반복문이 돌 때 0부터 증감값이다. console.log(data); // 1 -> 2 -> 3 console.log(idx); // 0 -> 1 -> 2}); React에서 for문을 사용하려면 이렇..
-
React 1일차Frontend/React 2024. 7. 30. 15:37
HTML tag에 class 주는법 className="클래스명"1div className="클래스명">/div> React useState 사용하는 방법12345let [a, b] = useState(["안녕", "잘가", "반가워"]); // 선언/* 사용법 (배열의 인덱스 시작값은 0) */a[0] // 안녕a[1] // 잘가a[2] // 반가워 useState 값 변경 시 유의사항12345button type="button" onClick={() => { let copy = a; copy [0] = "바이"; b(copy);}}>/button> 이렇게 작성하게 되면 useState 값을 변경할 때 내부적으로 비교연산을 시도하는데, 이 때 객체의 주소값으로 연산이 되어 같은 객..
-
Spring Boot Java 생성자(static) 객체 주입하기 @PostConstructBackend/SpringBoot 2024. 7. 29. 13:34
Spring Boot의 시작순서Spring Boot가 실행될 때 시작 순서로는JVM 실행 / 이때 생성자(static) 변수와 객체들의 초기화main메소드 실행 / 즉 String Boot의 Bean을 생성함123456@Repository("testDao")public class testDao{ @Autowired private static SqlSession staticSqlSession;} 즉 static에 @Autowired 사용하면 NullpointerException이 발생한다. 이를 해결하기 위한 방법으론 크게 2가지로 나뉜다생성자를 통한 주입방법1234567891011@Repository("testDao")public class TestDao{ private stati..
-
MariaDB / MySQL / Oracle Sequence (시퀀스) 생성 및 사용DB/DBMS 2024. 7. 26. 11:34
MariaDB / MySQL 시퀀스 생성1234567CREATE OR REPLACE SEQUENCE `SEQ_EX` -- 같은 이름의 시퀀스가 존재하면 덮어쓰기 없으면 생성start with 1 -- 시퀀스 초기 실행값minvalue 1 -- 시퀀스 최소값maxvalue 9999999999 -- 시퀀스 최대값increment by 1 -- 시퀀스 증가값cache 20 -- 20개의 값을 메모리에 캐시nocycle -- 시퀀스가 최대값에 도달한 후 처음으로 돌아가는 것을 방지 cycle 시에는 최대값 도달 후 초기화 MariaDB / MySQL 시퀀스 다음값 출력 방법1234SELECT NEXTVAL(SEQ_EX)FROM DUAL MariaDB / MySQL 시퀀스 현재값출력 방법1234S..
-
쿼리 실행계획 커버링 인덱스 / EXPLAIN Covering indexDB/SQL 튜닝 2024. 7. 26. 10:55
커버링 인덱스커버링 인덱스란, 쿼리를 실행시킬 때 SELECT / WHERE / ORDER BY / GROUP BY 등 모든 절에서 사용되는 컬럼이모두 인덱스 컬럼 안에 존재하는 경우커버링 인덱스를 사용하게 되면 쿼리를 실행할 때 테이블에 실제로 접근하여 테이블을 읽지 않고 인덱스만 사용하여 데이터를 가져오게 됩니다. 예시1234567891011121314151617CREATE TABLE employees ( `ID` int(11) NOT NULL AUTO_INCREMENT, NAME VARCHAR(100), DEPARTMENT VARCHAR(100), SALARY INT, PRIMARY KEY (`ID`), KEY `idx_covering` (`DEPARTMENT`, `..
-
Java / SpringBoot AJax를 통한 비동기 파일 업로드(File Upload)Backend/SpringBoot 2024. 6. 7. 11:50
Java Code123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109import org.springframework.http.HttpStatus;import org.springframework.http.ResponseEntity;import org.springframework.web.bind.annotation.*;import org.springframework.web...
-
DBeaver Table SQL생성 복사 후 실행 시 줄내림 및 MyBatis 컬럼명 Mapping In JavaLanguage/JAVA 2024. 6. 7. 11:27
https://github.com/KyoungMinRyu/QueryParser1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541..
-
Java / SpringBoot 파일 다운로드Backend/SpringBoot 2024. 2. 6. 15:03
Java 코드1234567891011121314151617181920212223242526272829303132333435363738private final String UPLOADPATH = "D:/upload/"; //파일 다운로드@GetMapping(value = "/fileDownload.do")public ResponseEntityObject> downloadFile( @RequestParam(value = "orgFileName") String orgFileName, @RequestParam(value = "filePath") String filePath, @RequestParam(value = "fileName") String fileName, ..