![]()
참고 문헌 1. https://bcp0109.tistory.com/328 2. https://lucas-owner.tistory.com/56 3. Indexed 사용 주의점 https://dkswnkk.tistory.com/709 4. redis 데이터 타입 https://wildeveloperetrain.tistory.com/243 5. redis 데이터 저장 , 조회 , 수정 삭제 https://sungwookkang.com/entry/Redis-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EC%9E%85%EB%A0%A5-%EC%88%98%EC%A0%95-%EC%82%AD%EC%A0%9C-%EC%A1%B0%ED%9A%8C Redis란? Redis에 대해 간단하게 설명하면 Redis는 key-v..
레디스 NoSQL 중 하나이며 캐쉬서버이다. 나는 refresh token 을 쓰기위해 또는 캐쉬사용을 위해 사용했다. 옛날 소스들이라 조금 지저분할 수도.. -- JPA -- 레디스 gradle // todo: Redis : cache server implementation 'org.springframework.boot:spring-boot-starter-data-redis' application.properties # redis server redis.host=localhost redis.port=6379 ServletInitializer SimpleDmsApplication와 같은 자리에 놓자 package com.example.simpledms; import org.springframework.b..
![]()
시퀀스와 같은 역할을 하는 AUTO_INCREMENT CREATE TABLE TEST ( ID INT auto_increment primary key, name varchar(400) ); 그대로 사용해봅시다 간단 간단 -- 다른 방법 -- procedure 와 함수 function 을 사용한 예제 procedure 생성 create procedure `create_sequence` (IN the_name text) modifies sql data deterministic begin delete from SEQUENCES where name = the_name; insert into SEQUENCES values(the_name, 0); end; 함수 생성 create function `nextval` ..
![]()
zookeeper 설치 https://archive.apache.org/dist/zookeeper/stable/ 카프카 설치 (얘만 쓰는 것 같은데) https://kafka.apache.org/ 카프카를 쓰는 이유? 잘은 몰라요 ㅋㅋㅋㅋㅋㅋ war 파일 두개 이상 있을때 Rest API 로도 두개의 war 파일을 옮겨 다닐수 있지만 카프카도 좋은듯 네카라쿠베인지 뭔지에서 많이들 쓰신다는디 버전은 3.3.1 버전 사용했습니다. cmd 에서는 이렇게 # zookeeper 서버 띄우기 C:\kafka\kafka_2.13-3.3.1> .\bin\windows\zookeeper-server-start.bat config\zookeeper.properties # kafka 서버 띄우기 C:\kafka\kafka_..
연동 과정 1. gradle 빌드 사용 2. 로그백 사용 3. application.properties 기호에 맞게 수정해주자 build.gradle dependencies { // todo: logback , log4jdbc 설정 implementation 'org.bgee.log4jdbc-log4j2:log4jdbc-log4j2-jdbc4.1:1.16' //todo: mysql implementation 'mysql:mysql-connector-java:8.0.32' // 나머지들 implementation 'org.springframework.boot:spring-boot-starter-data-jpa' implementation 'org.springframework.boot:spring-boot-..
대표적인 두가지 라이브러리 Yup & Formik # 폼 유효성 체크 라이브러리 설치 # 1) formik npm i formik # 2) yup npm i yup npm i @types/yup # import import { Formik , Form , Field , ErrorMessage } from "formik"; import * as Yup from "yup"; 중요 태그 태그 설명 Formik Formik 라이브러리 사용 정의 Form Form 태그 부분 정의 == form 태그 Field Form 태그 안의 Field 부분 정의 == input 태그 ErrorMessage Field 에러 메시지 부분 정의 Formik initialValues 객체 초기화 // Todo : 유효성 체크 lib..
install # 공유라이브러리 리덕스-툴킷 설치 npm i react-redux @reduxjs/toolkit 필자는 타입스크립트 사용 type // IAuth.ts : 인터페이스 import IUser from "./IUser"; export default interface IAuth { isLoggedIn : boolean, // 로그인 상태(true , false) user? : IUser | null, // 유저 객체 } - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - // IUser.ts : 인터페이스 export default interface IUser { // EMAIL VARCHAR2(1000) -- id (email) //..
![]()
https://www.kobis.or.kr/kobisopenapi/homepg/main/main.do 회원가입 후 open api 보기 URL 확인 요청 구조와 응답 구조 확인 , 응답구조(인터페이스) 만들기 ( 필자는 typescript 사용 ) 키 발급 받기 react - service 구축 예제 [ 전체조회 , 상세조회 ] 발급받은 키(key)는 필수로 사용해야한다 // CinemaService.ts // 영화진흥 위원회의 오픈 API 통신 함수들 정의 // 전체조회 또는 상세조회 import axios from "axios"; import { Console } from "console"; import ICinema from "../../..
![]()
공식 홈페이지 https://swiperjs.com/ npm 방식 # 공홈 : https://swiperjs.com/get-started#install-from-npm # 9) npm i swiper npm i swiper npm i @types/swiper # 9-1) js import : main.js : 자바스크립트 파일 import Swiper from 'swiper'; # 9-2) css import - App.tsx // TODO : swiper css import // TODO : 참조 : xxx.css -> (압축) xxx-min.css // TODO : : xxx.js -> (압축) xxx-min.js import "swiper/swiper-bundle.css"; 또는 import "sw..
![]()
해결법 /* eslint-disable */ js 파일 export 위에
![]()
원인 js 에서 사용된 tagName이 이 페이지에는 없다 ( 따라서 js 불러오는 중에 태그이름(class , id)을 찾을 수 없다라는 것 ) 이번 문제 className 인 typed-words 가 Services 페이지에서 사용되지 않음 해결 document 에 className = typed-words 가 있으면 실행되도록 함
![]()
DaterangePicker # 8-2) range calendar 달력 # 공식 홈페이지 : https://www.daterangepicker.com/ 컴포넌트 코드 // DaterangePicker.js import React, { useEffect, useRef, useState } from "react"; /* eslint-disable */ function DaterangePicker() { const [jdate, setJdate] = useState(""); // TODO : 특수한 함수 : 리액트에서 지정한 태그에 직접 접근할때 사용 const daterange = useRef(null); // TODO : 화면이 뜰때 달력 생성 useEffect(() => { if ($("#dateran..
