개발자로 가는길 – 웹 개발을 공부하면서 기록하는 글입니다.
[AWS 입문] 프론트엔드의 AWS 걸음마: Elasticache와 Route 53 그리고 DNS에 대하여 알아보기 이 글에서는 Elasticache 와 Route53에 대해 알아보겠습니다. 추가로 In-memory Database, 캐싱 활용법부터 DNS와 라우팅 정책까지 정리해보겠습니다. AWS Elasticache 란? AWS Elasticache는 AWS에서 제공하는 In-memoryDatabase로 자주 사용되는 데이터를 메모리에 저장하여 빠르게 접근할 수 있도록 지원합니다. Elasticache 장점 초고속 데이터 처리: 디스크 대신 메모리에 데이터를 …
[AWS 입문] 프론트엔드의 AWS 걸음마: AWS Elasticache와 Route 53 그리고 DNS에 대하여 알아보기 더 보기 »
[AWS 입문] 프론트엔드의 AWS 걸음마: AWS RDS와 Aurora 프론트엔드 개발자를 위한 AWS RDS와 Aurora 가이드! RDS의 주요 기능부터 Aurora의 고가용성, 서버리스, 머신러닝 통합까지 살펴보겠습니다. AWS RDS 란 무엇인가? RDS (Relataional Database Service)는 AWS에서 제공하는 완전 관리형 관계형 데이터베이스 서비스입니다.MySQL, PostgreSQL, Maria DB등을 지원하며, 사용자는 데이터베이스 설정과 운영 부담을 줄이로 애플리케이션 개발에 집중할 수 있습니다. RDS를 …
[AWS 입문] 프론트엔드의 AWS 걸음마: AWS 로드 밸런서와 OSI 7계층 쉽게 이해하기 AWS 로드 밸런서에 대해 알아보겠습니다. 이를 이해하기 위해 반드시 알아야 할 네트워크 개념인 OSI 7계층도 함께 정리했습니다. AWS 서비스를 효과적으로 활용하려면 기본적인 네트워크 지식이 필요합니다. OSI 7계층이란 무엇인가? OSI 7계층은 네트워크 통신을 단계별로 나눠 설명하는 모델입니다. 각 계층이 서로 협력해 데이터를 주고 …
[AWS 입문] 프론트엔드의 AWS 걸음마: AWS 로드 밸런서란? 트래픽 분산과 고가용성 이해하기 웹 프론트엔드 개발자의 AWS 입문기 입니다.EC2에 이어서 로드밸런서란 무엇이고 어떤 역할을 하는지 정리해보았습니다. 그리고 EC2 인스턴스를 조정하는 상황별 예시를 추가해봤습니다. AWS 입문 – 로드 밸런서 란 무엇일까? AWS 로드 밸런서는 트래픽(사용자 요청)을 적절히 분산하는 도구입니다. ex.) 하나의 사이트에 사용자가 몰리게 된다면 단일 서버가 …
[AWS 입문] 프론트엔드의 AWS 걸음마: AWS 로드 밸런서란? 트래픽 분산과 고가용성 이해하기 더 보기 »
[AWS 입문] 프론트엔드의 AWS 걸음마: EC2 자세히 알아보기 웹 프론트엔드 개발자의 AWS 입문기 입니다. UI 개발은 정말 재밌지만 서버나 배포 같은 분야는 어렵게 느껴져서 피하고 싶었습니다.. 하지만 내가 원하는 서비스를 운영하려면 어느 정도는 알아야겠다고 생각했습니다. 이번 글에서는 복습도 할 겸, 미래의 나에게 도움이 되길 바라며, EC2에 대해 자세히 알아본 내용을 정리해 보았습니다. AWS 입문 …
Flutter 앱 개발: flutter_secure_storage로 민감한 정보 저장하기 Flutter 앱 개발을 하면서, 사용자 인증 정보나 토큰과 같은 민감한 데이터를 안전하게 저장하려면 보안이 중요한 요소로 작용합니다. 이를 위해 많은 개발자들이 flutter_secure_storage 패키지를 활용합니다. 이 글에서 flutter_secure_storage 패키지가 무엇이고 어떻게 쓰는지 정리해봤습니다. flutter_secure_storage 란? flutter_secure_storage는 Flutter 애플리케이션에서 민감한 데이터를 안전하게 저장할 수 있도록 설계된 패키지입니다. 이 패키지는 …
워드프레스 하위 도메인 SSL 발급 (부제: SSL 무료 발급, Apache2 웹 서버에 Let’s Encrypt SSL 인증서 설치) 워드프레스 운영중인 웹 서버에 가상 호스트 설정을 통해 멀티사이트를 구현해보았습니다. 이어서 무료로 SSL 발급하고 http로 접속시 https로 리다이렉트(redirect)되도록 설정하겠습니다. 워드프레스 멀티사이트 만들기 (부제: 웹 서버 가상 호스트 설정, AWS Lightsail, React 프로젝트 서브도메인 배포) Let’s Encrypt에서 무료로 인증서를 …
워드프레스 하위 도메인 SSL 발급 (부제: SSL 무료 발급, Apache2 웹 서버에 Let’s Encrypt SSL 인증서 설치) 더 보기 »
워드프레스 멀티사이트 만들기 (부제: 웹 서버 가상 호스트 설정, AWS Lightsail, React 프로젝트 서브도메인 배포) AWS Lightsail 인스턴스와 멀티사이트 설정의 필요성 AWS Lightsail에서 WordPress 블로그만 운영하다가, React로 만든 프로젝트를 서브도메인 설정하고 싶어서 방법을 찾아보게 되었습니다. AWS에 문의한 결과, 기존 블루프린트를 변경할 수 없으며, 웹 서버의 가상 호스트 설정을 통해 멀티사이트를 구현할 수 있다는 답변을 받았습니다. …
워드프레스 멀티사이트 만들기 (부제: 웹 서버 가상 호스트 설정, AWS Lightsail, React 프로젝트 서브도메인 배포) 더 보기 »
내가 보려고 만든 플러터 개발 설정 / 기능 (flutter setting, property, feature etc…) 웹 프론트 개발자가 앱을 만들기 위해 플러터 개발을 하면서 정리한 내용들 입니다. (여러 사이트에서 참고)theme 설정부터 기능 구현하는 코드 까지 제가 보려고 정리한 내용입니다. 잘못된 정보이거나 궁금한 점이 있으시다면 아래 기재된 메일로 연락주세요.감사합니다 😊 플러터 개발 참고 (강의 추천 / 홍보 X) …
내가 보려고 만든 플러터 개발 설정 / 기능 정리 (flutter setting, property, feature etc…) 더 보기 »
GA4 이벤트 종류(자동 수집 이벤트 종류) GA4 이벤트 종류에 대해서 알아보았습니다. GA4 이벤트는 크게 4가지 유형이 있는데 그 중 자동 수집 이벤트들의 이름과 간략한 설명에 대해 정리했습니다. GA4 이벤트 종류 (4가지 유형) GA4 이벤트는 크게 4가지 유형으로 나눌 수 있습니다. 자동 수집 이벤트웹 또는 앱 설정만으로도 자동으로 수집되는 기본적인 이벤트입니다. 향상된 측정 이벤트전자상거래, 유트브 영상 …
aws lightsail 워드프레스 (아미존 라이트세일) 퍼블릭 IPv4 주소, IPv6 번들로 마이그레이션 저는 aws lightsail 워드프레스로 이 블로그를 운영중입니다. “2024년 5월 1일부터 퍼블릭 IPv4 주소를 사용하는 Amazon Lightsail 번들에 대한 새로운 요금 안내” 이메일을 받았습니다. 제 블로그 수입은 얼마 안되기 때문에..ㅠ 비용 절약을 위해 IPv4+IPv6 듀얼이아닌 ipv6 only로 변경하려고 방법을 찾아봤습니다. Amazon Lightsail의 IPv6 인스턴스 번들 …
aws lightsail 워드프레스 (아미존 라이트세일) 퍼블릭 IPv4 주소, IPv6 번들로 마이그레이션 더 보기 »
옵셔널 체이닝(Optional chaining) feat. lodash/get 대신에 Optional chaining을 권장하는 이유 참고: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Optional_chaining // case 1 const info = { name: ‘Alice’, cat: { name: ‘Dinah’ } } ———————————————————————— // optional chaining 1. console.log(info.dog.name) // ‘name’ of undefined 2. console.log(info?.dog.name) // ‘name’ of undefined 3. console.log(info.dog?.name) // undefined ———————————————————————— // lodash의 get 1. console.log(get(info, ‘dog.name’)) // …
옵셔널 체이닝(Optional chaining)- (feat. lodash/get 대신에 Optional chaining을 권장하는 이유) 더 보기 »
