babble 기술 블로그

네트워크

• WebSocket 시작하기
• 소켓 기본 개념 정리
• private IP 만으론 인터넷 연결이 불가능한가?
• 웹 소켓 연결 끊김 감지하기
• 채팅을 위한 프론트의 WebSocket 사전 공부
• WebSocket 채팅 클라이언트 구현기

스프링

• 스프링 웹소켓 기본 구성
• 스프링에서 url 파싱하기
• Spring WebSocket 구현 - 1

인프라

• Nginx 웹 소켓 프록시 설정
• Github actions self-hosted runner를 EC2에서 동작시키기
• CloudFront 도메인 이름 변경하기
• Invalidations를 이용한 CloudFront 캐싱 컨트롤
• 도커 컨테이너 IP 주소 트러블 슈팅
• 도커, 스프링부트 타임 존 설정
• 소나큐브 설치하기
• Github-actions 작업간 독립성
• NGINX 다중 서버 upstream 설정
• (구구만 고생하신) SonarCloud 적용기
• NFS를 이용해 로깅 파일을 관리하기

데이터베이스

• 로컬 DB 도커로 마이그레이션 하기
• 도커 위의 DBMS를 로컬로 마이그레이션 하기
• MySQL(MariaDB) Replication with JPA

성능 최적화

• 프론트엔드 웹 로딩 최적화
• 브라우저 렌더링 과정을 알아보자!
• 도커 스웜을 이용한 스케일 아웃

빌드 및 배포

• 웹팩으로 리액트 개발환경 구축하기
• React S3, CloudFront에 배포하기
• 프론트 배포를 위한 잡다한 사전 지식
• 프론트엔드 배포 일지
• Reverse Proxy를 거치기전의 IP를 WAS에서 알아내기

리액트

• React에서 setInterval 현명하게 사용하기(feat. useInterval)
• React에서의 setState
• React에서의 querySelector, 잘 쓰고 있는 걸까?(feat. Ref)

JPA

• @NotNull 어노테이션 예외처리 핸들링
• @NotNull vs @Column(nullable = false)

이모저모

• npm에 babble만의 라이브러리 올리기
• Frontend를 위한, Socket과 WebSocket
• Git rebase merge 트러블 슈팅
• Java 이미지 리사이징 및 압축