분류 전체보기493 [프론트] SPA(Single Page Application) 프론트엔드가 SPA(Single Page Application, 단일 페이지 애플리케이션)로 구성된다는 것은 웹 애플리케이션에 필요한 모든 정적 리소스를 최초 접근 시 한 번만 다운로드하고, 이후에는 페이지 새로고침 없이 필요한 데이터만 비동기(AJAX)로 가져와 화면을 갱신하는 방식을 의미합니다. 전통적인 멀티 페이지 애플리케이션(MPA)과 달리, 앱(App)과 유사한 부드러운 사용자 경험을 제공하여 모던 웹 개발의 주류 패러다임으로 자리 잡았습니다. 1. SPA의 주요 특징 및 장점빠른 사용자 경험(UX): 화면 전환 시 서버에서 HTML을 새로 받아오지 않고 화면의 일부분만 DOM 구조를 통해 교체하므로 네이티브 앱과 유사한 빠른 상호작용이 가능합니다.서버 부하 감소: 웹 페이지 전체를 렌더링하는 .. 2026. 2. 12. [프론트] 프론트 서버(BFF/SSR) 1. BFF (Backend for Frontend)BFF는 특정 프론트엔드(웹, 모바일 앱, 데스크톱 등)에 최적화된 맞춤형 백엔드 서버를 의미합니다. 배경: 마이크로서비스 아키텍처(MSA)에서 프론트엔드가 여러 백엔드 API를 직접 호출하면 데이터 가공이 복잡하고 비효율적인 문제를 해결하기 위해 등장했습니다.역할:데이터 통합 및 가공: 여러 마이크로서비스에서 데이터를 가져와 화면에 맞게 정리(API 오케스트레이션)하여 전달.프론트 친화적 API: 프론트엔드 개발자가 원하는 구조의 API 제공.보안/인증: 프론트엔드-백엔드 사이의 인증 로직, CORS 정책 등을 처리하여 클라이언트 사이드 보안 강화.장점: 프론트엔드의 비즈니스 로직 복잡성 감소, 클라이언트별 최적화된 데이터 제공, API 변화에 대한 .. 2026. 2. 12. [AWS] aws cli에서 사용하기 좋은 명령 # EC2 ssm 연결가능한지 확인 aws ssm describe-instance-information \ --region ap-northeast-2 \ --filters Key=InstanceIds,Values= ### InstanceInformationList: [] 이런식으로나오면 ssm연결불가능함 # 인스턴스에서 ssm agent 띄우는법 sudo dnf install -y amazon-ssm-agent sudo systemctl enable amazon-ssm-agent sudo systemctl start amazon-ssm-agent # 이 인스턴스가 있는 VPC / Subnet / SG / IAM Instance Profile 확인 aws ec2 describe-instances.. 2026. 2. 10. [Webflux] 이해하기, webflux는 무엇인가? WebFlux로 “외부 HTTP 호출 → 응답 수신”을 할 때스레드를 잡아두지 않고(Non-blocking), 데이터가 도착하는 이벤트에 반응해서 다음 단계로 흘려보내는 파이프라인으로 동작한다.이 구조로 대기 기간이 없는 Nonblocking 방식의 통신을 지원한다.Webflux 구성요소를 정리해보면 다음과 같다.호출 주체: WebClient반환 타입: Mono / Flux (응답을 담는 그릇)외부 응답을 “값”으로 받는 게 아니라 “스트림”으로 받는다.Mono: 응답 0~1개 (보통 단건 응답)Flux: 응답 여러 개 (SSE/스트리밍/페이지 분할 등)요청 구성에 필요한 것 준비(1) URL / QueryParam.uri("https://...") 또는 .uri(uriBuilder -> uriBuild.. 2025. 12. 23. [HTML] CSRF 가 무엇? 1. CSRF(Cross-Site Request Forgery)가 무엇인가?“유저의 브라우저를 속여서, 유저가 의도하지 않은 요청을 서버로 보내게 만드는 공격”예시로 이해해보자사용자가 A사이트(admin.example.com)에 로그인했음→ 브라우저에는 JSESSIONID 같은 쿠키가 저장됨사용자가 악성 사이트 B를 방문그 사이트가 숨겨진 HTML을 자동 제출함: form action="https://admin.example.com/user/delete" method="POST"> input type="hidden" name="userId" value="100"> form> script>document.forms[0].submit();script> 4. 브라우저는 자동으로 쿠키(JSESSIONID).. 2025. 12. 10. [암호] aes, sha 알고리즘의 특징 업무를 진행하며 암호화 알고리즘으로 어떤 것을 선택해야 할지 판단 기준이 모호하고 어려운 부분이 있어 이부분에 대해 정리하고 넘어가려고 한다.1. AES (Advanced Encryption Standard)→ 대칭키 암호화 알고리즘 암호화·복호화에 동일한 키를 사용한다.데이터를 숨기는 용도(기밀성).블록 단위로 데이터를 암호화한다. ( 128bit, 192bit, 256bit 키 지원 )키 길이가 길수록 안전하지만 연산량이 약간 증가AES-256은 현재 전 세계적으로 가장 강력한 표준 대칭키 암호1.1 동작 방식(운용 모드)블록암호라 “어떻게 묶어서 암호화할지” 모드가 중요함.ECB: 블록 반복 노출 → 보안 취약 (실무에서 금지)CBC: 초기화 벡터(IV) 필요, 패딩 필요 (AES/CBC/PKCS5.. 2025. 11. 25. 집사고나서 나가는 세금 정리하기, 취득세부터 재산세 등 현재 2025년 10월 기준, 집을 살 때, 보유하고 있을 때, 팔 때, 상속할 때 들어가는 세금에 대해 정리해보자.만약 집을 사게된다면 내가 알아서 세금을 납부하지 않으면 문제가 생길 수 있을 것이다보니 공부하기 위해 정리해둔다.내돈은 내가 지켜야한다. 1. 집 살때, 매매할 때 세금 구분세목명설명주요 세율 / 계산 기준① 취득세부동산을 취득할 때 내는 지방세집을 매매·증여·상속 등으로 소유권을 취득할 때 부과됨중요, 취득세는 대출이 안된다. 이거 감안해서 대출해야한다.- 일반 주택: 1~3% (누진세) • 6억 이하: 1% • 6억~9억: 2% • 9억 초과: 3%- 조정대상지역 2주택: 8%- 조정대상지역 3주택 이상: 12%※ 현재 서울전역, 경기 일부 지역은 조정대상지역이다.- 비조정.. 2025. 10. 10. [AWS] EKS kubernetes RBAC 권한이 없는 문제 해결하기. eks를 만들었는데 eks의 내부 정보를 확인할 수 없다...클러스터 노드의 메트릭정보나 pod정보를 확인할 수 없었다.어떤 권한을 추가해도 해결할 수 없었는데, 해결방법은 직접 eks에 들어가 auth 정보를 추가해서 RBAC 권한을 획득하는 것이다.방법은 2가지인데, 아래처럼 eks의 aws-auth Config-Map 에 Role 정보나 IAM 사용자 정보를 추가해주면 된다.kubectl get configmap -n kube-system 를 해보면 config-map 정보가 나오는데 여기서 aws-auth 정보를 갱신해주면 된다.kubectl edit configmap aws-auth -n kube-system 아래처럼 수정하면 aws Console에서도 확인 가능하다.# Please edit t.. 2025. 2. 25. [Mysql] DBeaver 덤프 옵션 정리 DBeaver로 덤프 파일을 만드려고 하는데, 옵션 설명이 모호하여 한번 정리하려고 한다.DB마다 비슷비슷하게 제공하는 옵션들이 각기 다른 이름으로 존재한다.이를 인터페이스 형식으로 공통된 이름으로 풀어서 DBeaver가 제공하는걸로 보인다.옵션은 총 9개가 있다.No CREATE statementsAdd DROP statementsDisable keysExtended insertsDump eventsAdditional commentsRemove DEFINERDump binaries in hexStructure only1. No CREATE statements설명테이블을 생성하는 CREATE TABLE 문을 포함하지 않음.즉, 테이블의 구조(Schema)는 내보내지 않고, 데이터(INSERT INTO)만.. 2025. 2. 4. 긍정적으로 살아가는 방법 보호되어 있는 글 입니다. 2024. 11. 9. [CS] 직렬화(Serializable) 이해하기 직렬화(serialize)란? 컴퓨터 과학의 데이터 스토리지 문맥에서 데이터 구조나 오브젝트 상태를 동일하거나 다른 컴퓨터 환경에 저장하고 나중에 재구성할 수 있는 포맷으로 변환하는 과정이다.오브젝트를 직렬화하는 과정은 오브젝트를 마샬링한다고도 한다조금 더 쉽게 풀어보면, Object 또는 Data를 바이트 스트림(stream of bytes) 형태로 연속전인(serial) 데이터로 변환하는 것을 직렬화(serialize) 라고 한다.그 반대 개념인 역직렬화는(Deserialize)는 바이트로 변환된 데이터를 원래대로 Object 또는 Data로 변환하는 기술이다. [ 바이트 스트림 이란? ]스트림은 클라이언트나 서버 간에 출발지 목적지로 입출력하기 위한 데이터가 흐르는 통로를 말한다.자바는 스트림의 기.. 2024. 10. 2. [CS] 인증 / 비인증 결제 결제 모듈을 가지고 개발하는데, 인증인지 비인증인지 구분해달라는 요청이 왔다.혹시 이게 고유적인 의미를 가지는 개념인지 궁금해서 검색 해 봤는데, 의미가 있는 개념이어서 정리해둔다.- 인증 결제 ( 본인인증결제)- 비인증 결제 (초회 등록 후 자동 결제)크게 이런 구분이 된다.인증결제 (본인인증결제 3DS)- 본인인증결제(3DS) 서비스3DS는 3-Domain Security의 약자로, 카드 결제의 주축이 되는 세 주체가 (발급사 영역, 상호 운영 영역, 매입사 영역) 카드와 카드 사용자의 진위성을 인증하는 안전 결제 수단.매 순간 결제가 수행 될 때 마다 인증하는 절차가 들어가다보니, 우호적 사기, 계정 해킹, 피싱 등을 근본적으로 방지할 수 있음.PG사를 통한 결제가 대표적인 예시비인증결제 - 카.. 2024. 9. 10. 이전 1 2 3 4 ··· 42 다음
