기타문서2024.12.04

render.com에서 스프링부트 빌드하기

512mb짜리 램의 서버를 제공하는 듯 하다.그냥 깃허브 계정이랑 레포 연결하면 되는듯근데 기본적으로 java runtime이 없어가지고 그대로 실행할 수는 없고루트 디렉터리에 Dockerfile이 있으면 그걸 감지해서 Docker로 실행할 수 있게 해주는 것 같다.이때 만든 도커파일의 형식이 이렇다# 1. 빌드를 위한 Gradle 빌드 이미지FROM gradle:7.6-jdk17 AS build# 프로젝트 작업 디렉토리 설정WORKDIR /app# Gradle Wrapper와 프로젝트 파일 복사COPY . /app# Gradle Wrapper를 사용하여 빌드 실행RUN chmod +x ./gradlewRUN ./gradlew build --no-daemon# 2. 실행을 위한 OpenJDK 17 이미지..

0

카테고리 없음2024.11.30

오늘 한거

내가 새 블로그를 만들려고 하는 수 많은 이유 중 하나인 카테고리 계층화에 대해 고민을 해봤다 처음엔 아 nosql이 json형태니까 그냥 이걸 그대로 쓰면 되겠다 싶었는데,, 아 이거 진짜 아닌거 같다. 두개 플랫폼을 생각했는데 첫번째가 firebase 두번째가 mongodb였다 일단 공통적으로 콘솔창까지 접근하는 것도 힘들었고, 접근한다 해도 한눈에 카테고리를 보기가 힘들었다. 그리고 치명적으로 깊이가 정해지지 않은 내가 원하는 카테고리 형식을 구현하기 위해서는 leaf node까지 가기위해 계속해서 firebase에 collection을 호출해야하는 문제가 있었다. firebase에 부하를 주는건 내가 알 바가 아니지만 그렇게 여러번 호출을 해야한다면 아무래도 성능 저하의 문제를 생각하지 않을 수 ..

0

기타문서2024.11.28

오늘 한거

일단 구글 애널리틱스 붙히고 경과를 살펴 보았다 이렇게 페이지별 조회수가 나오는걸 확인 할 수 있는데 활성사용자나 조회수등을 확인 할 수 있었다.이거 말고도 api로도 불러오기를 해야하고 유입경로를 파악할 수 있어야 하는데이전 자료들이랑 너무 달라서 보니까 아래 라이브러리에서 직접 메뉴를 만들어야 되는 것 같다.. 그리고 database 서버를 위한 ec2를 만들었다. rds쓰기엔 너무 비싸기도 하고 그렇게 데이터베이스가 많이 필요할 것 같지도 않다. 구조를 위한 거는 파이어베이스를 쓸거고 내용을 위한 거는 notion을 쓸거다 ec2에 저장하는건 cache용으로 중요하지 않은것들을 저장할 생각이다. 아무래도 꺼질 수도 있고 하니까... 일단은 여러가지로 시도를 해봤는데,  1. database서버와 a..

0

기타문서2024.11.25

오늘 한 것

쓰고 있지 않는 oracle cloud의 ec2 두개를 정리했다. 그리고 새로 2개를 만들었는데하나는 이름을 intergratedApiEC2로 정하고다른 하나는 intergratedDatabaseEC2로 정했다. 둘다 운영체제는 우분투보안 규칙을 살펴보니 80, 8080이 열려있어서 443을 추가했다. 이후sudo iptables -I INPUT 1 -p tcp --dport -j ACCEPT이걸 사용해서 필요한 포트를 열어 주고 sudo netfilter-persistent savesudo netfilter-persistent reload이걸로 해당 사항이 ec2가 재부팅되도 사라지지 않도록 저장했다. 둘다 같은 vpc에 넣어서 스프링에서 db서버에 내부 ip로 요청을 보낼 생각이고 api ec2는 ..

1

기타문서2024.11.24

검색 기능 구현에 대한 쫌 괜찮은 아이디어가 떠오름

데이터 베이스를 notion에다가 또 다로 구현을 해두는 거임... 물론 데이터를 불러오는 건 firebase에서 도맡아서 하지만 (noSQL 방식이라 카테고리 형식의 데이터를 가져오는데 유리한 듯) 데이터 색인을 전부 notion에서 도맡아서 해 주는 거,, 이렇게 해서filter: { property: 'YourTextPropertyName', rich_text: { does_not_contain: "apple", // "apple"이 포함되지 않은 데이터를 찾기 },},요런 식으로 Query Database 하면 됨..https://developers.notion.com/reference/post-database-query Query a databaseGets a list of Page..

0

기타문서2024.01.12

파이썬으로 백준 하는 세팅

이 셋팅이 가장 좋은것 같다. 소개 a.py 에 코드를 적는다. input.txt에 입력 값을 넣는다. F5를 누른다. output.txt에 결과가 표시된다. 셋팅 방법 1. 디버그 패널로 가서 그럼 패널에 이런게 뜨는데 launch.json 파일을 만들라는 말을 클릭한다. 그럼 a.py이 위치한 곳에 폴더가 생성되고 그안에 json파일 이생긴다. 거기에 { // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "versio..

0

WebRTC써보기2023.01.16

Spring Boot, Vanilla JS, WebRTC를 활용한 실시간 영상공유 (목차)

0. 목차 (1) WebRTC의 작동원리 - https://okane-on-cliff.tistory.com/258 (2) 백 코드 - https://okane-on-cliff.tistory.com/259 (3) 프론트 코드 - https://okane-on-cliff.tistory.com/260 (4) 배포 - https://okane-on-cliff.tistory.com/261 1. 깃 (프론트) - https://github.com/okanekudasai/webrtcfront (백) - 목차(3)참고 2. 프로젝트 주소 인증서 다운로드 - https://3.38.255.255:9998 프로젝트 주소 - https://okanekudasai.github.io/webrtcfront/ 3.시연 영상 htt..

2

WebRTC써보기2023.01.16

Spring Boot, Vanilla JS, WebRTC를 활용한 실시간 영상공유 (프론트 코드)

(목차) https://okane-on-cliff.tistory.com/257 1. 전체 코드 오퍼를 생성해요 내 영상이에요 피어의 영상이에요 2. 하나하나 뜯어 보자 var conn = new WebSocket('wss://서버아이피주소:포트/웹소켓컨피겨러에적은거(socket)'); wss로 되어있는건 ws로는 통신을 하지 못하기 때문이다. 배포에서 살펴볼 생각이다. var configuration = { "iceServers" : [{ "url" : "stun:stun.l.google.com:19302" }] } var myPeerConnection = new RTCPeerConnection(configuration); RTC객체를 만든다 스턴서버도 들러서 자신이 누군지 알 수 있게 됐다

0

자바스크립트2023.01.12

Syntax Error: Error: PostCSS received undefined instead of CSS string (Vue-cli)원인과 해결

만약 클론받은 프로젝트가 혹은 npm run serve을 실행했을 때 위와 같은 오류가 뜰 수 있다. 이것은 npm i 와 같은 기능을 하는 동작을 지금 npm run serve 를 하고 있는 창구와 다른 창구에서 했기 때문이다. 예를 들어 나 같은 경우에는 스프링부트 웹팩을 통하여 한번 npm 모듈을 다운 받은 뒤에 실행 확인을 하고 그 뒤 프론트 프로젝트로 돌아와서 npm i 를 통해 모듈을 다운 받았더니 문제가 생겼다. 이때 스프링부트에서 css파일과 관련된 npm 모듈을 다운 받고 vscode로 돌아와 npm i를 했더니 내용은 같은데 이름은 같은 파일이 있어서 그 파일을 다운 받지 못하여 생기는 오류다. 따라서 npm rebuild node-sass 를 통해 node-sass라는 모듈을 다시 빌..

1

코딩테스트2023.11.06

삼성 B형에서 본 것만 같은 알고리즘 [세그먼트 트리, 슬라이딩 윈도우]

세그먼트트리 (백준 2042) : https://www.acmicpc.net/problem/2042 2042번: 구간 합 구하기 첫째 줄에 수의 개수 N(1 ≤ N ≤ 1,000,000)과 M(1 ≤ M ≤ 10,000), K(1 ≤ K ≤ 10,000) 가 주어진다. M은 수의 변경이 일어나는 횟수이고, K는 구간의 합을 구하는 횟수이다. 그리고 둘째 줄부터 N+1번째 줄 www.acmicpc.net 슬라이딩 윈도우 (백준 11003) : https://www.acmicpc.net/problem/11003 11003번: 최솟값 찾기 N개의 수 A1, A2, ..., AN과 L이 주어진다. Di = Ai-L+1 ~ Ai 중의 최솟값이라고 할 때, D에 저장된 수를 출력하는 프로그램을 작성하시오. 이때, ..

0