[업무 후 웹앱 공부] Vite + React + FastAPI 환경 구성

목표업무 후에 Vite + React + FastAPI를 사용하면서 실질적으로 궁금한 것들을 테스트 해보는 용도로 환경을 만들어 두려한다. 기본 환경 설정frontend/ 폴더에 Vite 기반 React + TypeScript 템플릿 생성.아래 커맨드를 실행해준다.cd npm create vite@latest frontend -- --template react-tscd frontendnpm installnpm run dev 그럼 이렇게 기본 5173 포트로 React Template이 담긴 페이지가 뜬다. 프론트-백엔드 연동 환경설정frontend/ 폴더에 Vite 기반 React + TypeScript 템플릿이 있고, backend/ 폴더에 파이썬으로 된 기본적인 백엔드가 있으며, docker-co..

• format_list_bulleted Web/🖥 React.js
• · 2025. 9. 23.

25년 DB 공부 (2) MySQL 기본 DML 해보기

이전글https://naa0.tistory.com/462 25년 DB 공부 (1) 환경설정, 로컬에 docker로 MySQL 띄우기서론회사에서 aws 위의 Aurora MySQL cluster의 업그레이드를 준비하면서, DB 자체에 대한 공부가 부족한 것을 느꼈다.늘 공부해도 다른 부분에서 부족한 것 같은 느낌이 든다.무튼, 매번 새로운 걸 하naa0.tistory.com 실습용 스키마 및 계정 생성primary DB 접속가장 먼저, docker exec -it mysql1 mysql -uroot -prootpass 로 primary DB에 접속해준다. 실습용 스키마 생성먼저, 실습용으로 사용할 스키마를 생성해준다.CREATE DATABASE binlog_test; 실습용 계정 생성계정 및 패스워드를 ..

• format_list_bulleted DevOps
• · 2025. 8. 16.

25년 DB 공부 (1) 환경설정, 로컬에 docker로 MySQL 띄우기

서론회사에서 aws 위의 Aurora MySQL cluster의 업그레이드를 준비하면서, DB 자체에 대한 공부가 부족한 것을 느꼈다.늘 공부해도 다른 부분에서 부족한 것 같은 느낌이 든다.무튼, 매번 새로운 걸 하더라도 할 때 제대로 공부하고 넘어가는 게 중요하다고 느끼게 돼서 광복절을 낀 휴가기간 동안 로컬에 mySQL을 띄워보고 과정에서 궁금했던 것들을 공부해보려 한다. 실습용 mysql DB docker로 생성docker-compose.yml 파일 생성전체 mysql 뼈대를 생성하기 위해, 원하는 폴더에 아래와 같이 docker-compose.yml 파일을 생성해준다.Primary, Replica 각 한대씩을 만들 예정이며, 각각 mysql1, mysql2로 이름 붙였다.프라이머리 DB의 포트는..

• format_list_bulleted DevOps
• · 2025. 8. 14.

[책/심리] 나를 알고 싶을 때 뇌과학을 공부합니다 서평 (2) 2부 4장. 캐릭터1: 좌뇌 사고형, 2부 5장. 캐릭터2: 좌뇌 감정형

이전글[책/심리] 나를 알고 싶을 때 뇌과학을 공부합니다 서평 (1) 책을 고른 계기 + 목차 + 1부 요약 - https://naa0.tistory.com/459 [책/심리] 나를 알고 싶을 때 뇌과학을 공부합니다 서평 (1) 책을 고른 계기 + 목차 + 1부 요약책을 고른 계기책을 읽게 된 계기는 대단할 것은 없고, 지하철 역에 있는 스마트도서관을 사용해보고 싶은 마음에 베스트 셀러 중 골라서 읽게 되는 과정에서 보게 되었다.목차아래와 같다.줄거naa0.tistory.com 줄거리 요약2부 4장 캐릭터1: 좌뇌 사고형좌뇌의 역할좌뇌는 무작위적인 우주의 흐름에서 질서를 창조하도록 고안되었다. 외부세계를 사물의 차원에서 보며, 구별 및 고차원적 구분 과정을 통해 개별적 존재로서 우리의 시작과 끝이 어디인..

• format_list_bulleted Etc/Entertainment
• · 2025. 8. 3.

[책/심리] 나를 알고 싶을 때 뇌과학을 공부합니다 서평 (1) 책을 고른 계기 + 목차 + 1부 요약

책을 고른 계기책을 읽게 된 계기는 대단할 것은 없고, 지하철 역에 있는 스마트도서관을 사용해보고 싶은 마음에 베스트 셀러 중 골라서 읽게 되는 과정에서 보게 되었다.목차아래와 같다.줄거리 요약1부뇌 연구자인 저자가 뇌졸중에 걸려 좌뇌영역의 기능을 잃게 되며 연구하게 된 이야기정보는 변연계 (편도체)를 거쳐 “내가 안전한가?”를 가장 먼저 판단한 이후에 비로소 이성적 사고를 할 수 있다.좌뇌와 우뇌는 twin이지만 각기 더 우세한 ‘모듈’이 있으며, 이런 것을 네 가지 캐릭터로 설명 예정이다.네 가지 캐릭터에 대한 요약네 가지 캐릭터는 카를 융의 무의식 네 가지 원형과 비슷하며, 캐릭터 1은 페르소나, 캐릭터 2는 그림자, 캐릭터 3은 아니무스/아니마, 캐릭터 4는 진정한 자기에 해당한다.의식적 캐릭터와..

• format_list_bulleted Etc/Entertainment
• · 2025. 8. 3.

Call 공부 (2) RFC 3261 및 관련 SIP 응답코드

공통적으로 사용하는 SIP 응답코드를 책갈피 차원에서 모아뒀다. 자주 나오는 코드 값에 대해서는 인지가 있어야 Call Flow에 대한 해석이 가능하다.1xx: 정보(Informational) 응답세션이 진행 중임을 알리는 메시지이며, 최종 응답은 아니다.100Trying요청을 처리 중. 최종 응답 아님.180Ringing호출 중. 수신단에서 벨 울리는 중.181Call is Being Forwarded호출이 다른 쪽으로 전달되는 중.182Queued대기열에 있음.183Session Progress세션 프로그레스(미디어 협상 등). 조기 미디어 흐름 허용됨. 2xx: 성공(Success)요청이 성공적으로 처리됐다는 뜻이다.200OK요청 성공. 가장 일반적인 성공 응답. 3xx: 리다이렉션(Redire..

• format_list_bulleted Call
• · 2025. 7. 31.

Call 공부 (1) VoIP의 필요성, 시그널링, 기본 SIP Flow

(정말정말 알고 싶지 않았지만) 전화에 대해서 공부를 해야 할 필요성을 느끼게 되었다.단순하게 인프라 단만 알아서는 업무를 하는 데 어려움을 느껴서 짬날 때마다 공부하고 알게 된 것을 블로그에 적어보려 한다. VoIP의 필요성VoIP는 전화망에 비해 시간/거리에 따른 금액적 장점 때문에 사용하며, 기존 전화망에 VG를 달아서 사용한다.먼저, VoIP란 인터넷을 통한 음성 연결을 말한다. 그렇다면 왜 인터넷을 통한 음성 연결이 필요하냐? 전화망은 사용 시간 & 거리에 따라 요금이 달라지지만, 인터넷망으로 서울에서 미국 브라우저를 접속한다고 요금이 올라가지는 않는다. 즉, 이런 금액적 이점 때문에 장거리 전화 및 국제전화가 인터넷으로 이루어지고 있다. 설계 방식 - 음성 게이트웨이위와 같이 기업에 기존에 설..

• format_list_bulleted Call
• · 2025. 7. 31.

2025년 45회 ADsP 자격증 60점으로 합격 후기 (feat. 일주일 벼락치기) 및 공부방법

0. 프롤로그 — 45회 ADsP 시험을 치른 별로 따끈따끈 하지는 않은 후기무려 5월달에 본 시험 후기를 7월에서야 올리는 게으름핑...자존감이 좀 떨어진 올해 초, 좀 가벼운 자격증 취득으로 내려 간 자존감을 회복하면 어떨까 하는 차원에서 접수하게 됐다.내가 얼마나 머리는 노쇠하여 돌덩이가 돼 있고, 게으름핑인 지는 다소 간 잊은 채...원래는 한달 텀을 두고 좀 진득하게 공부해보자 했었는데... 어림도 없이 일주일 전에 깔짝이다가 전전날과 전날에 슈퍼 벼락치기 했다...그래도 결론부터 말하자면, 합격이다.(참고로, ADsP의 커트라인은 60점이다.)(이렇게 합격하면 아주 짜릿하다.)1. ADsP 시험 개요구분내용자격 정의“데이터 이해” 를 토대로 데이터 분석 기획·분석 업무를 수행할 수 있는 실무형..

• format_list_bulleted DX & AX
• · 2025. 7. 1.

기본기있는-카프카깡패 (5) 카프카 브로커 설치하기

계속되는 브로커 설치 시 오류로 인해... 우선 스겜 해보겠다는 마음으로 confluent의 카프카 이미지를 사용하기로 했다...구성도아래 처럼 docker 안에서 zk-net이라는 bridge 네트워크를 만들고 주키퍼 3대 + 브로커 1대 구성으로 테스트 해볼 것이다.📦 Host Machine (Docker)│├── 🐳 Container: zookeeper-1│ - 내부 포트: 2181│ - 외부 포트: 2181│ - ZOO_MY_ID: 1│ - 서버 ID: server.1│├── 🐳 Container: zookeeper-2│ - 내부 포트: 2181│ - 외부 포트: 2182│ - ZOO_MY_ID: 2│ - 서버 ID: server.2│..

• format_list_bulleted DevOps/Kafka
• · 2025. 4. 7.

기본기있는-카프카깡패 (4) 환경 설정

2.1.1 운영체제 선택하기다양한 운영체제에서 실행이 가능하나, 대체로 리눅스가 권장.2.1.2 자바 설치하기카프카와 주키퍼는 모든 OpenJDK 기반 자바 구현체 위에서 원할히 작동하니, jdk 설치를 해야함.2.1.3 주키퍼 설치하기주키퍼는 카프카 클러스터의 메타데이터와 컨슈머 클라이언트에 대한 정보를 저장하기 위해 사용 됨.주키퍼 앙상블주키퍼는 고가용성을 보장하기 위해 앙상블이라 불리는 클러스터 단위로 작동하도록 설계되어 있음.앙상블은 보통 홀수 개의 서버 권장. 주키퍼가 요청에 응답하려면 앙상블 멤버(=쿼럼)의 과반 이상이 응답해야 하기 때문. (만약 3대중 1대의 노드가 죽어도 문제없이 동작한다는 뜻.)image는 https://hub.docker.com/_/zookeeper 공식 도커 이미지 ..

• format_list_bulleted DevOps/Kafka
• · 2025. 4. 7.