Janu is Developing

이번에 Supabase를 개발하면서, connection pool이 사용량을 넘어서 DB가 과부하로 폭발한 적이 있었다. 그래서 connection pool을 기본 15에서 30으로 늘렸더니 괜찮아 졌는데...connection pool이 정확하게 뭔지 알아보자.(자꾸 Connection Poop라고 쓰게됨;)1. Connection Pool이란DB Connection이란 애플리케이션과 데이터베이스 서버가 서로 통신할 수 있도록 하는 '연결 통로'이다. DB에 대한 연결 정보를 입력하면, DriveManager 클래스를 이용하여 Connection 객체가 생성된다. 이 통로를 통해 SQL을 보내고 결과를 네트워크로 반환할 수 있다. 보통 Connection 객체 하나가 하나의 트랙잭션 단위를 담당하게 된..

프로젝트 기능 중 오늘의 주제에 대해 자유롭게 말하는 기능이 있다. 랜덤한 주제를 가지고 오는 openAPI를 찾아서 연결하고 싶었는데 그런건 없어 보여서 나를 위해서 직접 만들기로 했다.아직 라즈베리파이로 DB구축을 덜 끝내서 그거 끝내고 openAPI로 만들까 하다가.. 찾다보니 Supabase라는걸 알게됬다. 1. Supabase란복잡한 서버 구축 없이도 PostgreSQL을 통하여 DB구축 및 로그인 인증, 스토리지, 실시간 API를 제공하는 Backend as a Service이다. 기존의 개발자들이 DB 생성, 사용자 인증 등을 매번 각각 개발해야 했다면 Supabase는 이를 패키지화 해서 제공하기 때문에 매우 편리하다. 또한 일정 용량정도는 무료이기 때문에 간단한 서비스를 만든다면 Supa..

지금 작성하고 있는 dalmuri 프로젝트 내에 랜덤 주제를 던지면 그것에 대해 자유롭게 이야기하는 기능을 만들고 있다.저 문구에 매일 다른 내용으로 바뀌고 자유롭게 이야기하는것을 구성한다.라즈베리파이를 외부에서 연결 후 DB를 구축하고 싶었는데, 좋은 시스템을 찾는 와중 Supabase라는걸 알게 되었다..Supabase에 대한 설명은 추후에 작성한다... 어찌됬건 Supabase를 통해 open API를 만들고, 그 open API를 내 프로젝트에 불러 위 위젯에 문구를 띄우는 방식으로 만들기로 생각했다. 들어가기 전에! 먼저 Supabase에 프로젝트를 만들었다는 가정 하에 작성한다...1. Supabase에서 TABLE 생성테이블에는 ID, 내용, 그리고 insert time이 들어가 있다. 랜..

어떤건 () => {} 이렇게 쓰고 어떤건 () => ({}) 이렇게 쓰고 어떤건 ({}) 이렇게 쓰니 뭐를 어떤 상황에서 써야 하는지 헷갈려서 정리한다. 1. (입력) => {명령문} — 블록형 화살표 함수화살표 함수는 익명 함수의 형태 중 하나로, 익명함수에 대해서도 알아야 한다. 익명 함수에 대한 설명은 여기를 참고할 것. 기본적으로 화살표 함수는 다음과 같이 생겼다.(매개변수(= 입력)) => {실행문, 명령문}소괄호()에는 전달되는 매개변수를 입력하고, 중괄호{}에는 실행할 여러줄의 코드를 작성할 수 있다. 1️⃣ 중괄호{} 안의 내용이 1줄로 끝난다면 중괄호를 생략할 수 있다.const addOne = x => x + 1⚠️ 주의! 중괄호를 쓴다면 반드시 return을 작성해야 한다. 2️⃣ ..

click 이벤트들에게 다양한 형태가 있는데 헷갈려서 정리하는 포스트당.... 1. onclick = "handleClick" (괄호 x) 👉 "함수 그 자체(참조)를 전달function handleClick() { console.log('click!')}버튼"클릭되면 handleClick()을 실행해라"= 렌더링시 실행 x, 클릭할 때 실행됨 ✅HTML, Vanilla JS클릭 이벤트가 발생 할 때 실행할 코드로 저장 태그를 통해 전역으로 정의되어 있을 때 '클릭 시 실행'. 반드시 전역으로 선언되어야 함 = Window 객체에서 접근 가능해야 함!window 객체 : 자바스크립트의 내부 객체로 브라우저 창이 열릴 때마다 하나씩 만들어지는 객체. 브라우저 창 안에 존재하는 모든 요소들의 최상위 객체..