이것저것 해보기🌼

1. 설치creat-react-app 으로 시작하기npm create-react-app my-redux-project typescriptnpm install redux --save 2. 간단한 덧셈, 뺄셈 기능 만들기- index.tsximport React from 'react';import ReactDOM from 'react-dom/client';import './index.css';import App from './App';import reportWebVitals from './reportWebVitals';import { createStore } from 'redux';import counter from './reducers';const root = ReactDOM.createRoot(  doc..

https://icon-icons.com/ko/ 무료 아이콘 SVG, PNG, ICO 또는 ICNS검색 새로운 Iconsets Planets Business management Business icons Music Instruments DIY and Crafts Linance Morning Routine Productivity Success illustrationicon-icons.com

SSR (서버 사이드 렌더링) 과 CSR (클라이언트 사이드 렌더링) SSR표시되어야할 html 파일을 브라우저가 다운 받고, javascript 파일도 다운 받는다.javascript 를 다운 받는 동안 이미 html 렌더링을 시작하기 때문에 웹페이지 표시가 빠르다.사용자가 페이지를 이동했을때 해당 페이지의 html 파일을 다운받고, javascirpt 파일을 다운받는 과정이 반복된다.렌더링은 빠르지만, 페이지 이동 시 마다 화면 깜박임이 생긴다. CSR사용자가 url 요청시 웹문서가 가지고 있는 모든 정보, 링크 페이지까지 한번에 다 받아온다.초기 화면 로드가 느리지만, 그 뒤로 사이트를 돌아다닐때는 로드 과정이 없어 사용성이 좋다.보통 로드가 될때 loading 임을 알려주는 화면이 먼저 표시되게 ..

Spring Boot 2.4 버전 이후 부터는 프로필 파일 형식이 약간씩 바뀌었다. 1)  local, dev, prod 로 파일을 나누는 방법과2) oauth 등 중요 인증정보를 include 시키는 방법에 대해 알아보자.  https://velog.io/@westreed/Spring-application.yml-%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0 Spring application.yml 관리하기Spring boot 2.4 버전부터 적용되는 방법입니다. 기밀 정보 분리의 필요성 Spring에서는 애플리케이션의 설정 정보를 관리하는 파일이 있는데, resoures폴더의 application.yml (.properties)가 바로 그 프로필velog.io

Spring Boot 3 버전부터 deprecated 스프링 시큐리티 코드가 많다. 아래 포스팅이 나와 동일한 방식으로 스프링 시큐리티를 사용중이라서 참고하기 좋았다.https://velog.io/@hyoon1129/Spring-Security-deprecated-%EB%AC%B8%EC%A0%9C-%ED%95%B4%EA%B2%B0 Spring Security deprecated 문제 해결Spring Security deprecated 문제 해결velog.io 공식문서 참고하기https://docs.spring.io/spring-security/reference/servlet/authorization/authorize-http-requests.html Authorize HttpServletRequests ..

에러 로그OpenJDK 64-Bit Server VM warning: Sharing is only supported for boot loader classes because bootstrap classpath has been appendedjava.lang.IllegalStateException: springSecurityFilterChain cannot be null. Ensure a Bean with the name springSecurityFilterChain implementing Filter is present or inject the Filter to be used. at org.springframework.util.Assert.state(Assert.java:97) at org.springf..

에러 로그 java.lang.ClassNotFoundException: org.h2.Driver at java.base/jdk.internal.loader.BuiltinClassLoader.loadClass(BuiltinClassLoader.java:641) at java.base/jdk.internal.loader.ClassLoaders$AppClassLoader.loadClass(ClassLoaders.java:188) at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:525) at java.base/java.lang.Class.forName0(Native Method) at java.base/java.lang.Class.forName(Cl..

1. 내 github repository 클론 및 빌드 서버 ssh 접속 후 아래와 같이 진행한다.//git 설치sudo apt-get install gitgit --version//배포할 디렉토리 만들기mkdir ~/app/step1cd app/step1///리파지토리 clonegit clone https://github.com/{my project}.git//gradlew 가 있는 폴더로 접근 후./gradlew test//실행권한 없다고 나오는 경우 (-bash: ./gradlew: Permission denied)chmod +x ./gradlew  Spring Boot 빌드 >>  2. 배포 스크립트 만들기 ec2 배포 스크립트에서 해줄일 :- git clone, pull 로 새 버전 받고- gr..

본격적인 Jenkins CD 구축에 앞서,api 서버용 (백엔드) EC2를 하나 만들었고그 안에서 내 jar 파일이 잘 동작하는지 확인한다. 1) 서버 접속 및 java 설치sudo apt-get updatesudo apt-get install openjdk-17-jdk  2) 프로젝트 빌드 후 jar 파일 서버에 집어넣기이 단계는 모두 로컬 PC에서 수행된다.자신의 프로젝트 폴더로 이동한다.gradle clean buildscp -i "{my-key}.pem" ./build/libs/backend-0.0.1-SNAPSHOT.jar ubuntu@{퍼블릭 IP}:/home/ubuntu 첫번째 명령어로 빌드를 실행하면 아래와 같이 build 폴더가 생성된다.  서버에서는 jar 파일만 있으면 된다. scp ..

1. Docker로 Jenkins 만들기 AWS 환경에 EC2 (젠킨스 전용)을 하나 만들었다.그리고 EC2 에 접속해서 Docker 설치 및 Jenkins 컨테이너를 추가해주었다.( 해당 과정은 아래 포스팅을 참고 )https://realtree.tistory.com/59 EC2 환경에서 Docker를 이용해 Jenkins 설치하기1. EC2 시작하기AWS EC2의 경우에는 아래 포스팅과 동일한 설정으로 추가해주었다.https://bcp0109.tistory.com/356realtree.tistory.com 2. 젠킨스 jdk22 -> jdk17로 바꾸기이번 프로젝트에서 Java는 17버전을 사용할 예정인데, 모르고 jenkins:lts 로 그냥 설치를 해버렸더니 jdk가 22버전으로 설치가 된 바람에..