SwiftUI 기초: Spacer, Padding, Frame 사용 방법

지난 포스팅에서는 SwiftUI의 기본 스택인 VStack, HStack, ZStack에 대해 알아봤다. 이러한 스택과 함께 자주 사용되는 세 가지 중요한 레이아웃 도구인 Spacer, Padding, Frame에 대해 자세히 알아보겠다. Spacer 사용하기 Spacer는 사용 가능한 공간을 모두 채우는 특별한 뷰다. 뷰 사이에 유연한 공간을 만들거나 특정 뷰를 화면의 한쪽으로 밀어내는 데 사용된다. Spacer의 기본 원리 Spacer는 자신이 속한 스택 … Read more

SwiftUI 기초: VStack, HStack, ZStack

SwiftUI에서 UI 요소들을 정렬하고 배치하는 방법을 알아보는 것은 앱 개발의 가장 기본적인 단계다. 오늘은 SwiftUI에서 제공하는 세 가지 기본 스택 뷰 – VStack, HStack, ZStack의 사용법에 대해 알아보겠다. 스택이란? 스택(Stack)은 SwiftUI에서 여러 뷰를 그룹화하고 정렬하는 데 사용되는 컨테이너 뷰다. 각 스택은 방향에 따라 뷰를 정렬하는 방식이 다르다. VStack, HStack, ZStack 사용하는 방법 VStack 사용하기 VStack은 … Read more

SwiftUI NavigationSplitView 사용법

iPad나 Mac과 같은 넓은 화면에서 멀티컬럼 인터페이스를 구현할 때 NavigationSplitView는 정말 유용하다. iOS 16부터 Swift에 도입된 이 뷰는 기존의 NavigationView를 대체하면서 더 강력한 기능을 제공한다. SwiftUI에서 NavigationSplitView를 어떻게 효과적으로 사용할 수 있는지 살펴보자. SwiftUI NavigationSplitView 사용법 NavigationSplitView의 기본 구조 NavigationSplitView는 최대 3개의 영역으로 구성된다: 아이패드나 맥에서는 이 세 영역이 한 화면에 모두 표시될 수 있지만, … Read more

워드프레스 미디어 관리 3: WP Offload Media Lite 플러그인 사용법

지난 포스팅에서 라이트세일 S3 버킷과 CloudFront CDN 설정을 완료했다. 이제 워드프레스에서 이 시스템을 활용할 차례다. WP Offload Media Lite가 필요한 이유 워드프레스에서 이미지를 업로드하면 기본적으로 서버 내 /wp-content/uploads 폴더에 저장된다. 하지만 우리는 이제 미디어 파일을 S3 버킷에 저장하고 CloudFront를 통해 제공하고 싶다. WP Offload Media Lite는 이 과정을 자동화해주는 플러그인이다. 이 플러그인을 사용하면: 이번 포스팅에서는 … Read more

워드프레스 미디어 관리 2: CDN 클라우드 프론트 설정 방법

지난 포스팅에서 라이트세일 S3 버킷을 생성했다면 이제 워드프레스 CDN을 통해 미디어 파일의 로딩 속도를 더욱 향상시킬 차례다. CDN(CloudFront)이 필요한 이유 기본적인 개념을 잡고 넘어가보자. CDN은 Content Delivery Network의 약자이다. CDN을 통해 캐싱 및 빠른 속도로 배포가 가능하다. CloudFront는 AWS에서 제공하는 CDN 서비스이다. S3 버킷만으로도 미디어 파일을 저장할 수 있지만 CDN을 추가하면 여러가지 장점이 있다 이번 … Read more

워드프레스 미디어 관리 1: 라이트세일 S3 버킷 만드는 방법

워드프레스 미디어 관리: 시작하기를 통해 왜 미디어 관리가 필요한지 알아보았다. 이제 미디어 관리를 하기위해 라이트세일 S3 버킷을 만드는 방법을 알아보겠다. 지난 글에서 설명했듯이 미디어 파일을 외부 클라우드 스토리지로 옮기면 서버 용량 문제와 사이트 속도 저하 문제를 해결할 수 있다. 라이트세일 S3 버킷이란? 라이트세일 S3 버킷은 AWS에서 제공하는 객체 스토리지 서비스이다. 쉽게 말하면 우리가 컴퓨터에 쓰는 … Read more

워드프레스 미디어 관리: 시작하기

워드프레스로 블로그를 운영하다 보면 언젠가는 맞닥뜨리게 되는 문제가 있다. 바로 워드프레스 미디어 파일 관리다. 처음에는 몇 장의 이미지 업로드는 큰 문제가 되지 않지만, 블로그 운영 기간이 길어질수록 수백, 수천 개의 이미지와 파일이 쌓이게 된다. 이런 상황이 되면 두 가지 문제에 직면하게 된다. 바로 용량에 대한 문제와 사이트 SEO 관련 문제다. 워드프레스 미디어 관리가 필요한 이유 … Read more

워드프레스 파일질라 SFTP 사용 방법

이전에 포스팅한 네이버 서치 어드바이저 검색 등록이나 워드프레스 한국어 설정 등에서 파일질라에 대한 이야기를 잠깐 했다. 워드프레스에서 파일질라를 이용하면 간편하게 서버로 파일을 전송할 수 있다. 검색 엔진 등록 과정에서 HTML 파일을 손쉽게 전송해서 등록을 쉽게 할 수도 있고 다른 서버운영에 필요한 파일을 옮기거나 아니면 가져올 수도 있다. 파일질라(FileZilla)를 사용해서 워드프레스에 SFTP로 접속하고 파일을 전송하는 방법에 … Read more

워드프레스 네이버 검색 등록 방법: 네이버 서치 어드바이저

이전 포스팅에서 구글 검색 등록 방법에 대해 알아봤는데, 국내 이용자들을 위해서는 네이버 검색엔진에도 등록하는 것이 중요하다. 사실 검색 엔진 모두 등록하면 가장 좋다. 하지만 특히 네이버 검색엔진에 등록되지 않으면 국내 사용자들이 내 블로그를 찾기 어려울 수 있다. 국내 이용자들이 가장 많이 사용하는 검색 엔진은 네이버이니 말이다. 이번 포스팅에서는 워드프레스 블로그를 네이버 검색 엔진에 등록하는 방법에 … Read more

워드프레스 구글 검색 등록 방법: Google Search Console

워드프레스 만들기 시리즈를 통해 워드프레스 개설했다면 블로그 글을 쓰기 위한 모든 준비는 끝났다. 하지만 아무리 좋은 콘텐츠를 작성해도 검색엔진에 등록되지 않으면 아무도 찾아오지 않는다. 오늘은 워드프레스 블로그를 구글 검색 엔진에 등록하는 방법에 대해 알아보자. Google Search Console을 활용하면 내 블로그가 구글 검색결과에 노출될 수 있고, 검색 성능도 분석할 수 있다 Google Search Console이란? Google Search … Read more