본문 바로가기

분류 전체보기1415

[Nodejs]http 모듈 활용해 get 요청 보내고 응답 받기 오늘은 http 모듈을 활용해 get 요청을 보내고 응답을 받는 예시를 만들어 보겠습니다. http모듈은 http 웹 서버 구축 및 클라이언트 기능을 제공하는 모듈입니다.  1.프로젝트 생성 및 초기화mkdir 생성할 폴더명cd 방금 생성한 폴더명npm init -y=> 원하는 경로에 폴더를 생성하고 해당 폴더로 이동 후 프로젝트 생성 및 초기화 시켜줍니다.   2.http모듈 활용할 js파일 생성touch js 파일명   저는 위 이미지와 같이 생성하였습니다.    3.http 모듈 활용할 js파일 코드 작성//http 모듈 importconst http = require('node:http');// URL 문자열로 GET 요청 보내기http.get('get 요청할 url주소', (res) => { .. 2024. 12. 23.
[JAVA][Android] TouchDelegate로 터치 영역 확장하기 안녕하세요! 이번 글에서는 안드로이드 TouchDelegate 기능에 대해 알아보겠습니다.문제: 작은 버튼이 주는 불편함앱을 사용할 때 크기가 작은 버튼이나 UI 요소를 클릭해야 했던 경험이 있으신가요? 예를 들어, 작은 체크박스를 누르려고 했는데 계속 다른 곳을 터치하거나 클릭에 실패했던 상황이 떠오를 겁니다. 특히, 화면 크기가 작은 기기나 손가락이 크신 분들에게 이런 불편함이 있었습니다. 이러한 문제를 안드로이드 기능을 사용해 TouchDelegate는 버튼의 실제 터치 영역을 확장하여 사용자가 보다 쉽게 버튼을 누를 수 있도록 도와줍니다.즉, 디자인의 제약을 유지하면서도 사용자가 쉽게 버튼을 클릭 할 수 있게 도와 줄 수 있습니다.  작은 UI 요소: 체크박스, 라디오 버튼, 스위치 등.커스텀 디.. 2024. 12. 22.
[Kotlin][Android] Jetpack Compose로 검색 필터 기능 만들기 Jetpack Compose를 활용해 검색어 입력에 따라 리스트가 동적으로 필터링되는 기능을 구현해보겠습니다.   1. Search Filter Example 사용자에게 입력 받은 search Text 를 미리 구성해놓은 텍스트 목록인 all Items 와 동적으로 비교하여 (filtered Items)일치하는 목록을 필터링해, LazyColumn 리스트에 보여줍니다 @Composablefun SearchFilterExample() { var searchText by remember { mutableStateOf("") } val allItems = listOf("Apple", "Banana", "Orange", "Grapes", "Blueberry", "Strawberry", "Pineapp.. 2024. 12. 21.
[Java][Android] 로그(Log) 활용하기 안녕하세요 오늘은 로그(Log)에 대해서 알아보겠습니다.안드로이드 앱을 개발하다 보면 오류를 찾거나 디버깅을 할 때 로그는 필수적으로 사용되는 기능입니다.Log 클래스를 활용하면 실행 중인 앱의 상태, 변수 값, 또는 오류를 쉽게 확인할 수 있습니다. Log 메서드 종류메서드용도Log.vVerbose : 상세한 로그Log.dDebug : 디버그 정보Log.iInfo : 일반 정보Log.wWarning : 경고 정보Log.eError : 오류 정보  예제 코드MainActivity.javapublic class MainActivity extends AppCompatActivity { private static final String TAG = "MainActivity"; // 로그 태그 @Overri.. 2024. 12. 20.
[Android][JAVA] TextView와 DynamicTextView 비교: 텍스트 레이아웃 처리의 차이점 안드로이드 텍스트를 화면에 표시 할 때 사용하는 기본적인 뷰는 "TextView" 입니다그러나 텍스트가 길어질 경우 TextView는 자동으로 줄 바꿈 처리나 텍스트가 화면을 넘어가는 것을 다루지 못 할 경우가 있습니다.이에 비해 DynamicLayout을 활용한 텍스트뷰는 길이에 맞춰 동적으로 레이아웃을 조정하고 텍스트가 화면 크기에 맞게 자동으로 줄바꿈되는 특징이 있습니다. TextView는 간단한 텍스트 표시용으로 사용되며, 기본적으로 텍스트를 한 줄로만 표시하고, 긴 텍스트에 대한 자동 줄바꿈 처리나 텍스트 크기 조정 기능이 부족합니다. 긴 텍스트를 표시할 때 화면을 벗어나거나, 스크롤을 통해 텍스트를 확인해야 할 수도 있습니다.장점: 사용이 간단하고 기본적인 텍스트 표시가 가능합니다.단점: 긴 .. 2024. 12. 19.
[Java][Android] TranslateAnimation을 활용한 텍스트 이동 애니메이션 안녕하세요,  오늘은 TranslateAnimation을 활용하여 텍스트를 이동하는 애니메이션 예제를 만들어 보겠습니다.  TranslateAnimation은 Android에서 뷰를 X축과 Y축 방향으로 이동시키는 애니메이션 효과를 구현할 때 사용하는 클래스 입니다.  MainActivity.javapublic class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // TextVie.. 2024. 12. 18.
[Nodejs]http 모듈 활용해 서버 만들기 오늘은 http 모듈을 활용해 간단한 웹 서버를 만들어보겠습니다. http모듈은 http 웹 서버 구축 및 클라이언트 기능을 제공하는 모듈입니다.  1.프로젝트 생성 및 초기화mkdir 생성할 폴더명cd 방금 생성한 폴더명npm init -y=> 원하는 경로에 폴더를 생성하고 해당 폴더로 이동 후 프로젝트 생성 및 초기화 시켜줍니다.   2.http모듈 활용할 js파일, html파일 담아둘 폴더, html파일 생성mkdir html 파일 담아둘 폴더명touch html 파일명touch js 파일명=> 프로젝트 폴더 내에서 js 파일을 생성합니다.=> html 파일 담아둘 폴더 내에 html 파일을 생성합니다. 저는 위 이미지와 같이 생성하였습니다.    3.http 모듈 활용할 js파일 코드 작성// h.. 2024. 12. 17.
[JavaScript] 클래스와 객체 생성 안녕하세요.자바스크립트는 객체 지향 언어로, 다양한 방법으로 객체를 생성할 수 있습니다.이번 글에서는 ES6 클래스, 객체 리터럴, 생성자 함수를 사용하여 객체를 생성하는 방법을 알아보겠습니다. 1. ES6 클래스(Class)ES6에서 도입된 클래스는 객체 지향 프로그래밍을 보다 직관적으로 사용할 수 있게 해주는 문법입니다. 클래스는 생성자 함수와 프로토타입을 기반으로 동작하지만, 더 깔끔하고 명확한 문법을 제공합니다.// 클래스 정의class Car { constructor(brand, model) { this.brand = brand; // 브랜드 속성 초기화 this.model = model; // 모델 속성 초기화 } // 메서드 정의 drive() { console.log.. 2024. 12. 16.
[Kotlin][Android] Jetpack Compose로 아이템 Drag & Drop 구현하기 안녕하세요 오늘은 Jetpack Compose의 주요 기능 (제스처, 애니메이션, 리스트 렌더링) 들을 활용해 리스트의 아이템들을 드래그 앤 드롭 해보도록 하겠습니다  To-Do List, 이미지 갤러리, 카드 정렬 등 다양한 앱에서 응용 가능합니다  1. ToDoListWithFloatingDrag리스트의 전체 구조 및 드래그 앤 드롭 로직을 관리하는 함수입니다 @Composablefun ToDoListWithFloatingDrag() { var tasks by remember { mutableStateOf(mutableListOf("Task 1", "Task 2", "Task 3", "Task 4")) } var draggedIndex by remember { mutableStateOf(n.. 2024. 12. 15.

티스토리툴바