import { motion, AnimatePresence } from "framer-motion"; ... 생략 ... {/* 🔽 아래에서 위로 올라오는 팝업 */} {isBottomOpen && ( 아래에서 위로 올라오는 팝업 setIsBottomOpen(false)}>닫기 )} {/* 🔼 위에서 아래로 내려오는 팝업 */} {isTopOpen && ( 위에서 아래로 내려오는 팝업 setIsTopOpen(fals..
mac os에서 기본으로 제공하는 터미널을 이용하여 인스턴스에 접속하는 방법먼저, pem 파일이 필요하다. aws 내에서 인스턴스를 생성하면서 발급한 pem를 잘 보관해두자. 먼저 pem 키 파일의 권한을 변경한다.chmod 600 filename.pem 접속 명령어ssh -i [파일명] [호스트네임]@[Public IPv4 또는 도메인]ssh -i filename.pem ec2-user@50.50.50.50 끝. 그런데...이렇게 매번 접속하면 번거로울 수 있다. ssh 설정파일을 생성하는 법을 알아보자. SSH 설정파일 만들기1. 키페어 pem 파일을 ~/.ssh/로 복사cp test.pem ~/.ssh/ 2. pem 권한 설정chmod 600 ~/.ssh/test.pem 3. config파일 생성..
스프링부트 프로젝트를 할 때, thymeleaf를 이용하려고 html로 웹 개발을 진행중이었다. 그런데 갑자기 SSO 연동을 해야한다며 소스코드를 툭 던져주셨는데 웬걸 JSP .. html로 개발해 놓은걸 jsp로 모두 수정하는게 불가능해서.. jsp 호출로 열심히 삽질을 했는데.. 뭐 이런식으로 설정하면 html 과 jsp를 둘다 쓸수있다고 했다. 컨트롤러에서 그냥 "index"로 리턴을 하면 jsp 쪽 웹페이지를 호출했고 "thymeleaf/index"로 리턴을 하면 html 쪽 웹페이지로 호출이 됐다. 오호 이렇게 하면되는구나! 하는 찰나에... url이 반드시 .jsp 로 호출이 되어야한다는 규칙이 있었는데 컨트롤러로 하다보니 .jsp 호출 관련해서 잘 진행이 되지 않더라... 충격적.. 그러니까..
💟 오랜만에 DFS/BFS 공부를 열심히하고 풀어보았다. 풀고나니까 쉬운 난이도였다. 1. 먼저 n명의 사람 케빈 베이컨 수를 구해야 해서 go를 인원수 만큼 반복해서 돌린다. 2. 현재 나의 번호를 기준으로해서 n-1명이 각각 몇번만에 갈 수 있는지 체크해야함 따라서, go함수 내에서 n만큼 돌린다. 3. bfs 함수로 들어와서 케빈의 수를 구한다. 4. 케빈의 수를 구해야하는 사람(goal)이라면 k 에 현재 p값이 min이라면 집어넣기. 5. 아니라면 방문했음을 체크하고 bfs를 한번더 돌린다. bfs가 끝나면 방문 체크해제를 해야함. 6. 난 vector 로 result를 꾸렸다. 인덱스 오름차순으로 정렬 후 답을 출력한다. #include #include #include #include usin..
백준 15828 C++ #include #include #include using namespace std; int n, t; int main() { cin >> n; queue q; while(1) { cin >> t; if(t == -1) break; if(t == 0) { q.pop(); continue; } if(q.size() == n) continue; q.push(t); } if(q.empty()) cout
알고리즘 문제풀때 스택과 큐 그리고 우선순위 큐는 기본적으로 쓸 줄 알아야 하므로.. 기본적인 예제를 저장해 놓는다. +겸사겸사 블로그 환기 이미 다 아는 개념이지만 priority_queue, queue, stack 순서대로 (보통 stack을 먼저 하지만. 개인적으로 priority_queue를 먼저 연습해본다고 순서가 이렇게 됐다.) #include #include #include #include using namespace std; int main() { int n; priority_queue pq; for (int i=0; i> n; pq.push(n); } cout
🟦 sort 배열 정렬 sort(arr, arr+N) +N 배열의 길이 만큼 오름차순 정렬한다. 예제 #include #include using namespace std; int main() { int arr[5] = { 3, 8, 1, 5, 4 }; sort(arr, arr+5); for (int i=0; i
💗 Express Express는 자체적인 최소한의 기능을 갖춘 라우팅 및 미들웨어 웹 프레임워크이며, Express 애플리케이션은 기본적으로 일련의 미들웨어 함수 호출입니다. 💜 미들웨어 미들웨어 함수는 요청 오브젝트(req), 응답 오브젝트(res), 그리고 애플리케이션의 요청-응답 주기 중 그 다음의 미들웨어 함수에 대한 액세스 권한을 갖는 함수입니다. 그 다음의 미들웨어 함수는 일반적으로 next 라는 이름의 변수로 표시됩니다. 💚 미들웨어 함수 태스크 1️⃣ 모든 코드를 실행 2️⃣ 요청 및 응답 오브젝트에 대한 변경을 실행 3️⃣ 요청-응답 주기를 종료 4️⃣ 스택 내의 그 다음 미들웨어 함수를 호출 현재의 미들웨어 함수가 요청-응답 주기를 종료하지 않는 경우에는 next()를 호출하여 그 다..
🟨 들어가기전에 약 1년간 git desktop이라는 UI의 도움을 받고 살았는데 (그냥 버튼만 딸깍딸깍!) 개발(일)을 계속하다보니 git desktop을 켰다껐다하는것도 너무 귀찮고… visual code에서 터미널로 git 명령어를 치면서 처리하다보니 손에 익어버렸다. Desktop을 사용할 당시에 '저 명령어를 언제 다외워' 하면서 안썼는데.. 외울 것도 없다. 외워진다. 리눅스 기초 명령어 처럼말이다. 너무나도 간단한 Git 명령어를 메모해두려고 한다. 🟦 ADD, COMMIT, PUSH, PULL 의 개념 및 사용법 ◼ add 내가 작업한 코드를 커밋하기 전에 git에 올릴 것을 add 하는 작업이다. git add ./ 또는 git add * 위 명령어는 내가 작업한 모든 코드를 올리겠다는 ..