React.js 입문하기 React.js 입문하기 1. 실습 준비하기 이전 포스팅대로 리액트 앱 생성 불필요한 소스파일 삭제 ./public/vite.svg ./src/assets/react.svg ./src/App.css 내부 소스만 삭제 ./src/index.css 내부 소스만 삭...

React.js 개론 React.js 1. React.js 란? Meta(Facebook)이 개발한 오픈소스 JavaScript 라이브러리 대규모 웹 서비스의 UI를 더 편하게 개발하기 위해 만들어짐 2. React 특징 컴포넌트 기반 UI 표현 컴포넌트(Component) : 화면을 ...

Node.js 기초 개발 환경 MAC, VSCode Node.js React 배우기 전 Node.js 배우는 이유? React.js는 Node.js기반으로 동작하는 기술이기 때문 Next.js, Vue.js, Svelte 등등 Node.js 기반 기술이 여럿 있음. 1. Node.js 란? 웹 브라우저가 아닌 환경에서도 자바...

ASAP 프로젝트의 마지막 단계인 젠킨스와 도커를 활용한 CI/CD를 진행하려고 한다. 젠킨스 EC2-Ubuntu와 운영 서버 EC2-Ubuntu를 나눠 관리하여 총 2대의 EC2 인스턴스를 사용하였다. 젠킨스 EC2 세팅 1. EC2 젠킨스 설치 wget -q -O - https://pkg.jenkins.io/debian-stable/je...

재고관리 프로그램 프로젝트를 진행하며 배포 과정에서 웹서버로 Nginx를 택하였고 Nginx Proxy 서버에 SSL 인증서를 등록하여 HTTPS를 적용하였다. 해당 과정을 잊지 않기 위해 블로깅하려고 한다. 이 글은 AWS EC2에 1차 배포가 되어있다는 가정 하에 작성된 글이다. Route 53 도메인 구매 및 연결 1. gabia에서 원...

팀 프로젝트를 진행하며 Security, OAuth2 와 함께 인증 이메일 전송을 맡게 되었다. 오늘은 인증 이메일 구현 포스팅을 하려고 한다. 회원가입 인증 이메일 구현 일반적으로 이메일 인증에 사용되는 방법은 두가지가 있다. 이메일 인증 URL을 전송하여 URL 접속 시 인증되는 방식 인증 코드를 전송하여...

속도 측정 코드 프로젝트를 진행하다 보니 각 메서드 별 시간을 측정해야한다는 것을 느꼈다. Spring의 util에 간단하게 속도를 측정할 수 있도록 지원해주는 StopWatch 가 있다는 것을 알았고 필자가 자주 사용할 거 같아 블로그에 써두려고 한다. StopWatch stopWatch = new StopWatch(); stopWatch.st...

객체 정렬의 필요성 Primitive 타입의 단순 int, double..와 같은 데이터는 부등호를 사용하여 쉬운 비교 가능. 하지만 객체는 명확한 비교 기준이 없어 부등호 사용 시 컴파일 에러 발생. int[] num = {9, -3, 12, 5, 23}; Array.sort(num); System.out.println(Arrays.toStri...

🔗 백준 10814 나이순 정렬 https://www.acmicpc.net/problem/10814 문제 온라인 저지에 가입한 사람들의 나이와 이름이 가입한 순서대로 주어진다. 이때, 회원들을 나이가 증가하는 순으로, 나이가 같으면 먼저 가입한 사람이 앞에 오는 순서로 정렬하는 프로그램을 작성하시오. 입력 첫째 줄에 온라인 저지 회원...

🔗 백준 2609 최대공약수와 최소공배수 https://www.acmicpc.net/problem/2609 문제 두 개의 자연수를 입력받아 최대 공약수와 최소 공배수를 출력하는 프로그램을 작성하시오. 입력 첫째 줄에는 두 개의 자연수가 주어진다. 이 둘은 10,000이하의 자연수이며 사이에 한 칸의 공백이 주어진다. 출력 첫째...