본문 바로가기

분류 전체보기1344

[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.
[JavaScript] 비행기 슈팅 게임 만들기 - (2) 적 생성하기 안녕하세요.오늘은 지난 시간에 이어서 비행기 슈팅 게임을 만들기 위해 화면에 적을 생성하는 기능을 구현하겠습니다.적은 화면의 가장 위에서 나타나서, 시간이 지나면 아래로 이동해야 합니다.   이전에 작성했던 코드는 다음 링크를 참고바랍니다.2024.09.15 - [JavaScript] - [JavaScript] 비행기 슈팅 게임 만들기 - (1) 비행기 그리기 [JavaScript] 비행기 슈팅 게임 만들기 - (1) 비행기 그리기안녕하세요.자바스크립트로 간단한 비행기 슈팅 게임을 만들어보겠습니다.오늘은 먼저 다음 영상처럼 화면에 비행기를 그리고 키보드 입력에 따라 좌우로 움직이도록 해보겠습니다.  index.htmlstickode.tistory.com  1. 적 배열 설정다수의 적을 관리하기 위해 en.. 2024. 9. 21.
[Java][Android] RatingBar을 사용해서 별점만들기 RatingBar는 앱 사용시 주로 사용자가 특정항목이나 경험에 점수를 주는것을 볼 수 있습니다.이는 별점으로 표시되고 사용자가 직관적으로 해당 항목에 만족도를 표현 할 수 있는 기능입니다. 예를들면 상품리뷰의 별점을 줄 수 있습니다전자상거래 앱에서 사용자들이 구매한 상품에 대해 별점을 부여할 수 있습니다. 예를 들어, 사용자가 구매한 전자기기에 대해 1~5개의 별을 부여하여 만족도를 나타낼 수 있습니다. 이 별점은 다른 잠재 구매자들에게 해당 제품의 품질에 대한 인사이트를 제공합니다.영화 또는 TV 프로그램 평가를 할 수 있습니다.스트리밍 서비스나 영화 리뷰 애플리케이션에서, 사용자들이 영화를 시청한 후 별점을 매길 수 있습니다. 이는 다른 사용자가 영화를 선택할 때 참고할 수 있는 중요한 정보가 됩니.. 2024. 9. 20.
[Nodejs]argon2 사용하기 오늘은 argon2를 사용하는 예시를 만들어 보겠습니다. argon2는 값을 해시하는 데 걸리는 시간 및 필요한 메모리 양을 결정해(메모리 사용량 조절, 해싱작업 반복횟수, 할 작업에 대해 병렬처리 가능한 수 조절 ) 암호화 작업을 수행함으로써, 특히 GPU 활용하는 경우 같은 병렬 처리에 의존한 공격을 어렵게 만드는 키 유도 함수 입니다.   1.프로젝트 생성 및 초기화mkdir 생성할 폴더명cd 방금 생성한 폴더명npm init -y => 원하는 경로에 폴더를 생성하고 해당 폴더로 이동 후 프로젝트 생성 및 초기화 시켜줍니다.   2.argon2 모듈 설치npm install argon2  3.argon2 활용할 js파일 생성touch js 파일명 => 프로젝트 폴더 내에서 js 파일을 생성합니다. .. 2024. 9. 19.
[JAVA][Android] FloatingActionButton (FAB) 사용하기 안녕하세요!오늘은 FloatingActionButtion (FAB) 사용하는 방법에 대해서 알아보겠습니다.  우선 FAB 은 새 메일을 작성한다던가, 새 메모를 추가하는 기능등에 자주 사용되는 버튼으로화면 위에 떠있는 듯하게 생긴 버튼입니다. 주로 화면의 오른쪽 하단에 위치합니다. 전체 코드입니다. MainActivity.javapublic class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); FloatingA.. 2024. 9. 18.
[flutter] ListView 아이템 클릭하기 안녕하세요,  오늘은 ListView의 아이템을 클릭하여 클릭한 아이템의 텍스트를 화면에 출력하는 예제를 만들어보겠습니다.   import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: '리스트뷰 클릭 예제', theme: ThemeData( primarySwatch: Colors.blue, ), home: ListViewExample(), ); }}class ListViewE.. 2024. 9. 17.