Skip to main content

Command Palette

Search for a command to run...

Latest articles

[fe 이론] Spa, Csr, Ssr의 비교 (+mpa)

SPA(Single Page Application)와 MPA(Multi Page Application)는 애플리케이션의 구조에 대한 개념이고, CSR(Client-Side Rendering)과 SSR(Server-Side Rendering)은 웹 애플리케이션의 렌더링 방식에 대한 개념이다. 이들을 구분 할 줄 아는 건 다음과 같은 측면에서 이점이 있다. 애플리케이션의 특성과 요구사항에 따라 적합한 렌더링 방식을 선택하면 성능 최적화와 개발 비...

Jan 13, 20255 min read

AWS EC2에 Docker 설치 및 Nginx 웹 서버 구축

이 글에서는 Amazon Linux EC2 인스턴스에서 Docker를 설치하고, Nginx 컨테이너를 실행하여 웹 페이지를 제공하는 방법을 단계별로 기록하고자 한다. 1. Amazon EC2 인스턴스 생성 AWS 콘솔에서 Amazon Linux 2로 EC2 인스턴스를 생성한다. 이때, 보안 그룹 설정에서 포트 80(HTTP)과 포트 22(SSH)를 허용하여 웹 트래픽과 SSH 접속이 가능하도록 설정해야 한다. 2. SSH로 EC2 인스턴스 접...

Sep 15, 20242 min read

[Flutter/iOS] Geolocator 로 사용자 백그라운드 위치 가져오기 (Feat. Simulator location )

개요 현재 개발중인 프로젝트에서 사용자에게 위치 권한을 요청하고, 현재 위치를 가져와야 하는 기능이 필요해 Flutter Geolocator Plugin을 적용했다. Geolocator는 다음과 같은 기능을 제공한다: 기기의 마지막 위치와 현재 위치 가져오기 현재 위치 추적 위치 서비스 상태 확인과 권한 요청 두 위치 간 거리 및 방향(방위각) 계산 자세한 내용은 [공식 문서] 참고 이 패키지는 안드로이드, iOS, macOS, We...

Aug 25, 20245 min read
[Flutter] 프로젝트 초기 설정 - 라우팅 (feat. Riverpod)

[Flutter] 프로젝트 초기 설정 - 라우팅 (feat. Riverpod)

앞서 말했든 이번 프로젝트에선 Riverpod를 활용할 예정이기에, 라우팅 기능이 내장되어있는 GetX와 달리 라우팅을 따로 설정해줘야 했다. 가장 인기있는 라우팅 라이브러리인 GoRouter를 활용하기로 결정했다. [링크] GoRouter를 사용하는 기본적 라우팅 예제는 다음과 같다: import 'package:go_router/go_router.dart'; // GoRouter configuration final _router = Go...

Jul 21, 20244 min read

[Flutter] 프로젝트 초기 설정 - 폴더 구조

새 프로젝트 개발에 들어가기에 앞서 폴더 구조에 대한 고민을 해보았다. 보통 플러터로 개발할 때 많이 쓰이는 폴더 구조는 다음과 같다: 1. Type/Domain 으로 폴더를 구분하는 구조 이런 식으로 lib 폴더 안에 models, screens, widgets, services 등의 폴더를 두어 용도에 맞게 관리한다. 이 구조는 폴더별로 특정한 역할을 수행하는 코드가 모여있기 때문에, 코드를 모듈화하고 관리하여 유지보수하기 쉽다는 장점이...

Jul 9, 20242 min read

[Mac] 맥북 개발환경 설정하기

이전 글에선 기본적이고 범용적인 맥북 초기 설정을 다뤘다면, 여기서는 개발환경과 관련된 것들만 따로 정리해보고자 한다. 참고로 난 컴퓨터공학과 전공 수업 + 앱/웹 프론트 위주로 된 개발 환경이다! Homebrew - 패키지 관리 https://brew.sh/ 아마 이 글에 들어온 사람 중 brew를 모르는 사람은 없을 것 같다..! Mac 용 패키지 관리 프로그램이다 터미널 - Warp (iTerm2 대신) https://www.wa...

May 19, 20242 min read

[Windows->Mac] 맥북 초기 설정, 편의 프로그램(화면분할 단축키, 한영키수정), 앱 추천 등 정리

갤럭시 외길인생(윈도우+갤럭시폰+갤럭시탭+갤럭시버즈)을 청산하고 어쩌다보니 노트북만 맥북으로 바꾸게 됐다. 맥북은 갤탭으로 듀얼모니터가 안된다 해서 모니터도 새로 사야 할 판 정확히는 Macbook Pro M3 Pro 가장 기본 모델이다!(11코어 CPU, 14코어 GPU, 18GB 통합 메모리 512GB SSD) 나처럼 윈도우에서 맥으로 넘어왔거나, 그게 아니더라도 맥북을 새로 산 사람들을 위해 내가 설정한 초기 세팅을 공유해보고자 한다. 각...

May 19, 20244 min read