ios3 03. 로또 번호 생성기 앱 만들기 이번 글에서는 사용자가 버튼을 누르면 화면의 내용이 바뀌는 "로또 번호 생성기" 앱을 만들어 보겠습니다. 사용자의 행동에 앱이 반응하도록 만드는 인터랙션(Interaction)을 구현하는 과정을 통해 SwiftUI의 중요한 개념인 @State를 배워보겠습니다. @State 는 값이 바뀌면 화면을 자동으로 업데이트해주는 기능을 합니다. ContentView 파일의 모든 코드를 지우고 아래의 코드를 작성해주세요. 코드를 그냥 복사/붙여넣기 하기 보다는, 직접 한 줄씩 타이핑하면서 코드의 의미를 생각해 보세요. 자동완성 기능의 도움을 받는 것은 좋습니다.import SwiftUIstruct ContentView: View { // 1. 데이터를 저장할 '상태' 변수를 선언합니다. // @St.. 2025. 10. 28. 02. Text 수정하고 Image 추가하기 기본으로 생성된 코드를 직접 수정하며 SwiftUI와 친해져 보겠습니다. 이번 글의 목표는 화면의 텍스트를 수정하고 원하는 이미지를 띄우는 것입니다. 이번 단계를 통해 Text, Image, VStack 이라는 기본적인 3가지 UI 요소를 배워보겠습니다. 1. 코드 파일 열기먼저 Xcode 왼쪽의 파일 네비게이터에서 ContentView 파일을 클릭하세요. (아마 이미 열려있을 겁니다)이 파일이 바로 우리 눈에 보이는 화면의 설계도입니다. 2. "Hello, world!" 텍스트 수정하기가운데 코드 에디터를 보면 이런 코드가 보일 겁니다.import SwiftUIstruct ContentView: View { var body: some View { VStack { .. 2025. 10. 28. Next.js 에서 iOS와 Android 사용자 핸들링 방법 웹사이트나 웹 애플리케이션을 개발할 때, 사용자 경험을 최적화하기 위해 iOS와 Android 사용자를 구분해서 처리해야 할 때가 있습니다. 특히, 카카오톡이나 라인, 인스타그램 같은 인앱 브라우저에서 서비스를 불러오는 경우, 사용자가 어떤 기기를 사용하느냐에 따라 구현한 내용과 다르게 동작하는 경우가 많습니다. 소셜 로그인이 되지 않는다거나 이미지를 다운받을 수 없거나 등이죠. 이번 포스팅에서는 Next.js에서 iOS와 Android 사용자를 구분하고, 각각의 사용자에게 맞는 행동을 취하는 방법을 소개하겠습니다. 전체 코드아래는 iOS와 Android 사용자를 구분하여 처리하는 전체 코드입니다."use client";import Editor from "components/Editor";import .. 2024. 9. 2. 이전 1 다음
