s2.yeons 님의 블로그

BFF(Backend For Frontend)가 무엇일까?

프론트엔드 개발을 하다 보면 하나의 화면을 만들기 위해 여러 API를 호출해야 하는 상황이 자주 발생합니다. 이런 경우에는 프론트엔드가 여러 API를 직접 호출해야하는데 프로젝트가 커질수록 이러한 로직이 늘어나면서 프론트엔드 코드가 복잡해질 수 있습니다.이러한 문제를 해결하기 위해 등장한 아키텍처 패턴이 BFF(Backend For Frontend) 입니다. BFF란 무엇인가요? BFF는 Frontend를 위해 존재하는 전용 Backend 계층을 의미합니다.즉, 프론트엔드가 여러 백엔드 서비스에 직접 요청을 보내는 것이 아니라 중간에 BFF 서버를 두어 데이터를 처리하는 구조입니다.이 구조에서는 프론트엔드가 여러 API를 직접 호출하지 않고 BFF 하나의 API만 호출하면 된다고 합니다.BFF는 내부적..

오픈소스 기여 [react-hook-form 버그 분석]

보호되어 있는 글입니다.

클라우드 환경에서 서버를 운영할 때 중요한 것은 단순한 배포가 아니라 접근 제어, 트래픽 관리, 보안 강화입니다.이 과정에서 자주 등장하는 개념이 바스티온, Nginx, 그리고 SSM 인데 오늘은 이 3가지에 대해 알아보도록 하겠습니다. 1. 바스티온 (Bastion Host) 바스티온 호스트는 외부 네트워크에서 내부 프라이빗 서버로 접근하기 위한 중간 관문 서버입니다.일반적으로 Public Subnet에 배치되며, Private Subnet에 위치한 서버에 대한 SSH 접속을 중계하는 역할을 합니다. 예시 구조Internet ↓Public Subnet (Bastion Host) ↓Private Subnet (Application / DB Server) 사용 목적보안이 중요한 서버는 Public..

Every GSM 프로젝트를 진행하면서 FSD 아키텍쳐를 처음 접해봤는데더 자세히 알아보고 싶기도하고 복습 겸 적어보게 되었습니다. FSD 아키텍처란 무엇일까?공식 문서에 따르면 FSD(Feature-Sliced Design) 는 프론트엔드 애플리케이션 구조를 설계하기 위한 아키텍처 방법론입니다.단순한 폴더 규칙이 아니라, 비즈니스 요구 사항에 안정적으로 대응하면서 프로젝트를 체계적으로 유지 및 확장할 수 있는 구조를 제공합니다.여기서 아키텍처란 프로젝트 전체가 어떻게 구성되어 있는지에 대한 큰 구조를 의미합니다. 쉽게 말하면 프로젝트에서 기능이 많아질수록 구조가 복잡해지는데, FSD는 기능 단위로 구조를 명확히 나누어 유지보수성과 확장성을 높여주는 설계 방법이라 생각하면 됩니다. 참고 공식 문서: ..

EC2Amazon EC2(Elastic Compute Cloud)는 AWS에서 제공하는 가상 서버 서비스입니다.사용자는 물리적인 서버를 직접 관리하지 않으면서 간단하게 서버를 생성하고 사용할 수 있습니다. EC2를 왜 쓸까?EC2의 가장 큰 장점은 서버를 직접 구매할 필요가 없습니다.트래픽이 많아졌을 때 서버 성능을 쉽게 높일 수 있고 사용하지 않으면 바로 종료해 비용을 줄일 수 있습니다 서버 구매 비용이 없음필요한 만큼만 사용 가능OS 선택 가능 (Linux, Amazon Linux 등)배포, 실습, 운영 가능 EC2 기본 개념인스턴스 (Instance)EC2에서 생성한 서버 1대우리가 접속해서 사용하는 대상키 페어 (Key Pair)서버 접속용 비밀번호 대신 쓰는 열쇠.pem 파일로 SSH 접속..

👋🏻 클래스리스 IP 주소 관리 체계 클래스리스 IP 주소 관리 체계는 CIDR(Classless Inter-Domain Routing) 이라고 불립니다.우선 클래스리스 IP를 알기 전, 기존 방식인 클래스 기반 IP에 대해서도 저는 잘 모르기 때문에 알아보도록 하겠습니다. 클래스 기반 IP여기서 클래스는 하나의 IP주소에서 네트워크 영역과 호스트 영역을 나누는 방법이면서 약속이라 생각하면 됩니다.원래 IP 주소는 아래 표 처럼 나눠져 있었습니다.A0~127. ~앞 8비트 = 네트워크B128~191. ~앞 16비트C192~223. ~앞 24비트 예시를 들어 쉽게 설명하자면 192.168.1.0 이면 클래스 C이자 네트워크 24비트에 해당되겠죠. 근데 이 방식의 문제점은필요한 만큼만 못 씀너무 크게 주..

안녕하세요 2026년을 맞이해서 저에게 큰 의미가 있는 2025 회고를 작성해보려고 합니다! 왜 광주 소프트웨어 마이스터고를 선택했을까? 사실 저는 중3까지만 해도 아침 9시부터 밤 10시까지 학원에 갇혀서 일반계고를 준비했었습니다.이때 저는 문과쪽을 좀 더 잘했기 때문에 이공계쪽으로 갈 거라곤 정말 상상도 못 했죠.. 하지만 어느날 저의 방향성을 바꿔놓은 계기가 생겼습니다.당시 여중이었던 저희 학교에 소프트웨어 관련 강의를 해주시는 분이 찾아오셨습니다.처음에는 되게 신기하고 재밌어서 IT 관련 정보를 찾아보다가 광주소마고라는 고등학교를 발견하게 되었습니다. 처음에는 단지 관심만 있었을 뿐 가고싶다까지는 아니었지만 가면 갈 수록 학업에 치여서 사는 제 모습이이게 과연 내가 원하는 방향이 맞을까? 라는 생..

모든 직업이나 분야마다 각각의 이상적인 사람이 있습니다.예를 들어, 수학 교사가 되려면 수학을 잘하고 학생들을 이해하기 쉽게 가르치는게 이상적인거겠죠 근데 저는 여기서 갑자기 궁금한 점이 생겼습니다.그렇다면 여러분이 생각하시는 이상적인 개발자란 무엇인가요? 보통 이상적인 개발자라 하면 이런 사람들을 의미할겁니다. 알고리즘을 잘함최신 기술 잘 앎코드 깔끔함커뮤니케이션 능력이 좋음 하지만 현실에서는 모든 걸 완벽하게 갖춘 사람은 거의 없고상황이나 팀 역할에 따라 필요한 개발자의 모습이 달라진다는 점에서 기준을 하나로 정하기 어렵다고 생각합니다. 개발자는 스펙이 아니라 유연성제가 아직 실무를 뛰어보진 않았지만.. 채용 공고를 찾아보면 회사의 규모나 스타일에 따라 추구하는 인재상이 다릅니다. 예를 들어, 스..

모노레포란 무엇일까?두 개 이상의 프로젝트 코드를 하나의 버전 관리 저장소(repository)에서 관리하는 방법을 말합니다.모노레포(Monorepo)는 여러 프로젝트를 하나의 Git 저장소에서 관리하는 방식입니다.참고 문서: https://monorepo.tools/ Monorepo ExplainedEverything you need to know about monorepos, and the tools to build them.monorepo.tools 모노레포의 장단점장점코드의 일관성을 유지할 수 있음공통 모듈 재사용이 편리함하나의 레포에서 전체 프젝 흐름 파악 가능변경 사항을 한 번의 커밋으로 관리 단점저장소(repository)가 커질수록 관리가 어려워짐CI/CD 설정이 복잡할 수도 있음. 여기..

오늘은 헬지 과제인 TanStack-Query 라이브러리에 대해 알아보도록 하겠습니다. TanStack-Query란?TanStack-Query는 서버로부터 데이터 가져오기, 데이터 캐싱, 캐시 제어 등 데이터를 쉽고효율적으로 관리할 수 있는 라이브러리입니다. 공식 문서: https://tanstack.com/query/latest/docs/framework/react/overview Overview | TanStack Query React DocsTanStack Query (formerly known as React Query) is often described as the missing data-fetching library for web applications, but in more technical..