분류 전체보기1421 [Kotlin][Android]전화번호 입력된 전화 앱 열기 오늘은 앱에 번호를 입력 후 전화 앱에서 해당 번호가 입력된 화면을 띄우는 예시를 보여드리겠습니다 레이아웃 xml 파일 코드(activity_main.xml) 액티비티 코틀린 코드class MainActivity : AppCompatActivity() { private lateinit var editTextPhoneNumber: EditText private lateinit var buttonDial: Button override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) .. 2024. 9. 30. [JAVA][Android]Html.ImageGetter 을 사용하여 이미지 비동기로 보이게 하기 Html.ImageGetter는 Android에서 HTML 문자열을 처리할 때,특히 HTML에 포함된 이미지 태그를 동적으로 처리하는 인터페이스입니다.왜 사용하는가?HTML 텍스트 렌더링: HTML 콘텐츠를 TextView와 같은 UI 요소에 표시할 때, 이미지가 포함된 HTML 문자열을 손쉽게 렌더링할 수 있습니다. 기본적으로 Android는 HTML 콘텐츠를 텍스트로 변환할 수 있지만, 이미지와 같은 비트맵 리소스는 별도로 처리해야 합니다.비동기 이미지 로딩: ImageGetter를 구현하면 비동기적으로 이미지를 로드하여 UI 스레드를 차단하지 않고도 사용자 경험을 향상시킬 수 있습니다. 이를 통해 큰 이미지나 네트워크에서 로드되는 이미지를 효율적으로 처리할 수 있습니다.유연한 이미지 처리: 다양한 .. 2024. 9. 29. [JavaScript] 비행기 슈팅 게임 만들기 - (3) 총알 발사하기 안녕하세요.오늘은 지난 시간에 이어서, 비행기 슈팅게임에서 총알을 발사하는 기능을 구현하겠습니다.총알은 플레이어가 스페이스바 키를 누르면 비행기에서 발사되며, 시간이 지날수록 화면 위쪽으로 이동해야 합니다. 이전 코드는 아래 링크를 통해 확인할 수 있습니다.2024.09.15 - [JavaScript] - [JavaScript] 비행기 슈팅 게임 만들기 - (2) 적 생성하기 1. 총알 배열 설정다수의 총알을 관리하기 위해 bullets 배열을 설정합니다.const bullets = []; // 총알을 담을 배열 2. 총알 발사 함수 작성 비행기 중앙에서 총알을 발사하며, plane.x 위치를 기준으로 총알이 나갑니다.bullets 배열에 총알 객체를 추가합니다.// 총알을 발사하는 함수functi.. 2024. 9. 28. [Kotlin][Android] Jetpack Compose 체크 박스 만들기 안녕하세요 오늘은 Jetpack Compose 를 사용하여 목록 아이템에 체크 박스를 추가해보도록 하겠습니다 LazyColumn 는 간편하게 목록을 만들 수 있는 Jetpack Compose 의 구성 요소 중 하나 입니다기존 리사이클러뷰와 같은 기능을 훨씬 간편하게 구현할 수 있습니다 ! LazyColumn에 있는 아이템 마다 체크 박스를 만들어주기 위해 Check box 를 추가해줍니다 LazyColumn { items(items) { item -> val index = items.indexOf(item) Row( modifier = Modifier .fillMaxWidth() .. 2024. 9. 27. [flutter] 이미지 추가하기 안녕하세요,오늘은 이미지를 추가하고 출력해보도록 하겠습니다. 안드로이드 스튜디오 기준으로 설명드리겠습니다. 먼저, 이미지를 추가할 폴더를 생성합니다. 아래와 같이 프로젝트 폴더에서 우클릭 후 New > Directory 를 클릭하여 이름 assets인 폴더를 생성합니다. assets 폴더에 이미지 파일을 드래그하여 추가합니다. pubspec.yaml 파일에 이미지 폴더 경로를 추가합니다. Pub get 버튼을 클릭합니다. 이미지를 출력하는 코드입니다. import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(Bui.. 2024. 9. 26. [Nodejs]path 사용하기 오늘은 path 모듈의 여러 기능을 사용한 예시를 만들어 보겠습니다. Nodejs 의 path 모듈은 파일 및 디렉토리 경로 작업을 위한 유틸리티를 제공하는 모듈입니다. 1.프로젝트 생성 및 초기화mkdir 생성할 폴더명cd 방금 생성한 폴더명npm init -y=> 원하는 경로에 폴더를 생성하고 해당 폴더로 이동 후 프로젝트 생성 및 초기화 시켜줍니다. 2.path 모듈 사용할 js 파일 생성touch js파일명 저는 위 이미지와 같이 생성하였습니다. 3.path 모듈 사용할 js 파일 코드 작성// path 모듈 importconst path = require('path');// 경로 결합// 여러 개의 경로 요소들을 하나의 경로로 결합// 실제 파일이나 디렉토리가 있는지 여부와 상관없이 .. 2024. 9. 25. [Java][Android] Switch를 이용한 On/Off 기능 구현하기 안녕하세요!이번에는 간단한 Switch 위젯을 통해 On/Off 기능을 구현하는 방법을 알아보겠습니다. Switch는 사용자가 두 가지 상태(켜짐/꺼짐)를 선택할 수 있게 해 주는 UI 요소입니다. 전체 코드입니다. MainActivity.javapublic class MainActivity extends AppCompatActivity { private Switch switch1; private TextView textView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); sw.. 2024. 9. 24. [flutter] Navigator를 사용하여 화면 이동 안녕하세요, 오늘은 Navigator를 사용하여 화면을 이동하는 예제를 만들어 보겠습니다. import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: FirstScreen(), // 첫 번째 화면을 기본으로 설정 ); }}class FirstScreen extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffo.. 2024. 9. 23. [Kotlin][Android] Jetpack Compose 클릭 이벤트 설정하기 안녕하세요 오늘은 지난 시간 Jetpack Compose 를 사용해서 만들었던텍스트 목록에 클릭 이벤트를 추가해보도록 하겠습니다 이전 게시글은 하단 링크에서 확인하실 수 있습니다 [Kotlin][Android] Jetpack Compose 로 텍스트 목록 만들기안녕하세요 오늘은 Jetpack Compose 를 사용하여 스크롤이 가능한 간단한 텍스트 목록을 만들어보겠습니다. Jetpack compose 는 코틀린 기반 선언형 ui 도구 키트 라이브러리로 안드로이드 애플리케stickode.tistory.com 선택한 아이템에 대해 클릭 이벤트를 설정하기 위해 각 아이템의 인덱스 번호를 담을 변수를 설정해줍니다 val index = items.indexOf(item) val isSelected.. 2024. 9. 22. 이전 1 ··· 13 14 15 16 17 18 19 ··· 158 다음
