npm 설치 # 7) 폼 유효성 체크 라이브러리 설치 # 7-1) formik npm i formik # 7-2) yup npm i yup # typescript npm i @types/yup 유효성 체크는 3가지로 나뉜다. Javascript 변수 초기화 , 유효성 체크 , 값이 들어오는 함수 import { Formik, Form, Field, ErrorMessage } from "formik"; import * as Yup from "yup"; // Todo : 유효성 체크 lib // Todo : Formik 객체 초기화 (initialValues) : html 태그에서 // Todo : 체크대상 (email , password) : Field 태그 const initialValues = { na..
분류 전체보기
개발 시 설정 1번 package.json 사용 2번 http-proxy-middleware 사용 # middleware npm i http-proxy-middleware setupProxy.js // src/setupProxy.js // middleware 사용 const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = function(app) { app.use( '/ISteamApps/GetAppList/v2', // 이 url 로 접근시 createProxyMiddleware({ target: 'https://api.steampowered.com', // https://api.steampwored.com/I..
계속 같은 설정을 사용하다 이상한 점을 발견했다. intelli j java 버젼 17 이상이 되면서 그런지 logback 을 사용하면 에러가 떴다.. 따라서 조금 다르게 바꿨다. 요거 하나만 사용하고 dependencies { // logback , log4jdbc 설정 implementation 'org.bgee.log4jdbc-log4j2:log4jdbc-log4j2-jdbc4.1:1.16' } resoure 밑에 파일 두개 생성 # log4jdbc.log4j2.properties log4jdbc.spylogdelegator.name=net.sf.log4jdbc.log.slf4j.Slf4jSpyLogDelegator log4jdbc.dump.sql.maxlinelength=0 # logback-sp..
QueryDSL 한번 해보라해서 해보는 QueryDSL build.gradle 설정은 여러가지가 있나보다 그런데 여러가지 찾아본 결과 plugins 의 설정들은 이제 못쓰나보다 Sprinboot 3.x 버젼 이상은 QueryDSL 5.0.0버젼 사용한다나 plugins { id 'java' id 'war' id 'org.springframework.boot' version '3.2.0' id 'io.spring.dependency-management' version '1.1.4' //id "com.ewerk.gradle.plugins.querydsl" version "1.0.10" // ⭐ Querydsl 플러그인 사용 X } // ... dependencies { // ⭐ Spring boot 3.x이..
MySQL이란 무엇인가요? MySQL은 전 세계에서 가장 인기 있는 오픈소스 관계형 데이터베이스 중 하나입니다. Drupal, Joomla, Magento, WordPress 등 전자상거래 웹사이트, 소셜 미디어 및 애플리케이션에서 널리 사용되어 이러한 인기를 얻었습니다. 또한 널리 사용되는 Linux-Apache-MySQL-PHP/Perl/Python(LAMP) 웹 애플리케이션 스택의 핵심 부분이며 많은 인기 애플리케이션, 웹사이트, 서비스를 지원합니다. DB-Engines에서 전 세계에서 두 번째로 인기 있는 데이터베이스로 선정되었습니다. 라고 구글 클라우드에서.. 한마디로 무료다 ㅋㅋㅋㅋ Wokrbench를 설치하면 좋다. MySQL 설치했다는 가정 하에 명령어들을 간략히 알아보자 출처 https:..
출처 https://squirmm.tistory.com/entry/Docker-%EB%8F%84%EC%BB%A4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80 https://tech.cloudmt.co.kr/2022/06/29/%EB%8F%84%EC%BB%A4%EC%99%80-%EC%BB%A8%ED%85%8C%EC%9D%B4%EB%84%88%EC%9D%98-%EC%9D%B4%ED%95%B4-1-3-%EC%BB%A8%ED%85%8C%EC%9D%B4%EB%84%88-%EC%82%AC%EC%9A%A9%EB%B2%95/ 도커란? Go언어로 작성된 리눅스 컨테이너 기반으로 하는 오픈소스 가상화 플랫폼이다. 다시 말해 특정한 서비스를 패키징하고 배포하는데 유요한 오픈소스 프로그램..
bootwar 파일로 압축해서 사용 경로 Dockerfile # 사용할 Java의 베이스 이미지를 지정합니다. FROM openjdk:17-alpine # 컨테이너 내에서 애플리케이션을 실행할 디렉토리를 생성합니다. WORKDIR /app # wallet 지갑 들어갈 장소 구현 RUN mkdir -p /app/Wallet_orcl # 빌드된 JAR 파일을 컨테이너 내부로 복사합니다. COPY ./demo-0.0.1-SNAPSHOT.war /app # zip 파일을 컨테이너 내부로 복사합니다. COPY ./Wallet_orcl.zip /app/Wallet_orcl/ # busybox-extras 패키지 설치를 포함하여 unzip 설치 RUN apk --no-cache add busybox-extras # ..
경로 Dockerfile # 사용할 Java의 베이스 이미지를 지정합니다. FROM openjdk:17 # 컨테이너 내에서 애플리케이션을 실행할 디렉토리를 생성합니다. WORKDIR /app # 빌드된 JAR 파일을 컨테이너 내부로 복사합니다. COPY ./demo-0.0.1-SNAPSHOT.war /app EXPOSE 8080 # 컨테이너가 시작될 때 실행될 명령을 지정합니다. CMD ["java", "-jar", "/app/demo-0.0.1-SNAPSHOT.war"] 빌드 실행 # 빌드하기 docker build -t java-app . # 실행하기 docker run -d -p 8080:8080 --name java-app java-app
경로 Dockerfile # tomcat에서 제공하는 tomcat 8.5ver + java jre8인 이미지 가져옴 FROM tomcat:8.5-jre8 # 톰캣 타임존 설정 RUN ["rm", "/etc/localtime"] RUN ["ln", "-sf", "/usr/share/zoneinfo/Asia/Seoul", "/etc/localtime"] COPY setenv.sh /usr/local/tomcat/bin #추후 간단한 파일 편집을 위해 컨테이너 내부에 vim 설치 RUN ["apt-get", "update"] RUN ["apt-get", "install", "vim", "-y"] #컨테이너 내부에 필요한 파일을 복사한다. 예를들어 war, 위 타임존 세팅할 때 사용할 setenv.sh 파일 #..
경로 Dockerfile # react-dockerizing/Dockerfile # base image 설정(as build 로 완료된 파일을 밑에서 사용할 수 있다.) FROM node:14-alpine as build # 컨테이너 내부 작업 디렉토리 설정 WORKDIR /app # app dependencies # 컨테이너 내부로 package.json 파일들을 복사 COPY package*.json ./ # package.json 및 package-lock.json 파일에 명시된 의존성 패키지들을 설치 RUN npm install # 호스트 머신의 현재 디렉토리 파일들을 컨테이너 내부로 전부 복사 COPY . . # npm build RUN npm run build # prod environment..
Overview Google API Kakao API Naver API Google API cloud https://cloud.google.com/apis?hl=ko https://cloud.google.com/apis?hl=ko cloud.google.com Kakao API Developer https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com Naver API Developer https://developers.naver.com/main/ NAVER Developers 네이버 오픈 API들을 ..
여러 자료들을 찾아봤는데 너무 어렵게 설명하기도 하고... Security에 대해 간단하게 보자 참조 문헌은 이쪽이다! https://dev-coco.tistory.com/174 그렇다면 우리는 간략하게 알아보자 인증(Authentication)과 인가(Authorization) 대부분의 시스템에서는 회원을 관리하고 있고, 그에 따른 인증(Authentication)과 인가(Authorization)에 대한 처리를 해야 한다. 인증(Authentication) : 해당 사용자가 본인이 맞는지 확인하는 과정 인가(Authorization) : 해당 사용자가 요청하는 자원을 실행할 수 있는 권한이 있는가를 확인하는 과정 Spring Security는 기본적으로 인증 절차를 거친 후에 인가 절차를 진행하며, ..
