• 한국컴퓨터정보학회:학술대회논문집
• /
• 한국컴퓨터정보학회 2023년도 제68차 하계학술대회논문집 31권2호
• /
• pp.469-470
• /
• 2023

내연기관 자동차는 연료 소모로 인해 대기 중에 유해 물질과 온실가스를 배출한다. 반면에 전기 자동차는 전기로 작동되어 대기 중 오염을 줄이고 친환경적인 운행을 제공한다. 전기차 대여 시스템을 도입함으로써, 사용자들에게 친환경적인 교통수단을 이용할 수 있는 기회를 제공하고, 탄소 배출량을 줄이는 데 크게 기여할 수 있기에 해당 연구를 진행하였다. 이 연구에는 React 기반의 Next.js 웹 프레임워크를 이용하여 클라이언트 측과 서버 측 렌더링을 지원하고 사용자들에게 빠른 반응 속도와 사용 편의성을 제공한다. Bootstrap을 이용하여 사용자 인터페이스(UI)를 개발하고, 전기 자동차 대여 서비스에 필요한 화면을 구성하였다. 또한 Node.js 기반의 Express.js 웹 프레임워크를 이용하여 서버 사이드 로직과 RESTful API를 개발하는 데 사용하고 데이터베이스와의 통신, 사용자 인증, 대여 정보 관리 등을 처리하였다. 이러한 기술적 개발을 통해 전기 자동차 대여 시스템은 실용적이고 효율적인 서비스를 제공하며, 환경 보호와 탄소 배출 감소에 기여할 수 있는 프로젝트라고 볼 수 있다.

• 한국정보통신학회:학술대회논문집
• /
• 한국정보통신학회 2022년도 추계학술대회
• /
• pp.529-531
• /
• 2022

연구개발특구진흥재단의 2021년 모바일 증강현실 시장 보고서에 따르면 스마트폰의 발전과 더불어 모바일 증강현실 시장의 성장으로 인해 최근 증강 현실 시장이 성장하고 있다. 증강현실 서비스를 모바일 사용자에게 제공하기 위해서는 기기별 네이티브 앱을 제작해야 한다. 하지만 이에는 멀티 플랫폼 대응에 소비되는 유지보수 비용과 앱 다운로드로 인한 낮은 접근성 등의 문제점이 존재한다. 최근에는 WebXR Device API를 활용하여 웹 환경에서 증강현실 시스템을 구축이 진행되는 추세이나, WebXR Device API를 사용한 시스템은 아직 연구단계에 있다고 판단된다. 본 논문에서는 WebXR Device API, Three JS, React를 이용하여 반응형 멀티 플랫폼 환경을 구축하여, 모바일 및 웹 사용자에게 증강현실 서비스를 제공하는 기능을 구현하였다. 실험 결과 반응형 웹 환경에서 증강현실의 연동을 성공적으로 구현되었음을 확인하였으며, 향후 웹 기반에서 동작되는 증강현실 서비스를 기대해본다.

• International Journal of Computer Science & Network Security
• /
• 제23권8호
• /
• pp.33-39
• /
• 2023

The global surge in depression and anxiety, intensified by challenges such as cost and stigma, emphasizes the pressing need for accessible, evidence-based digital solutions. The research centers on the creation of a mobile application specifically designed to address mental health challenges. By integrating cognitive behavioral therapy techniques and features like appointment bookings and mindfulness feedback tools, the app is positioned to improve user outcomes. Utilizing platforms like React Native and React, combined with NestJS for enhanced backend security, the application adheres to the rigorous standards required for mental health interventions. Collaborative efforts with experts, notably the counseling unit of IIUM, ensure the app's alignment with contemporary best practices and research. Preliminary findings indicate a promising tool with the potential to address the global mental health treatment disparity.

• 한국컴퓨터정보학회:학술대회논문집
• /
• 한국컴퓨터정보학회 2023년도 제67차 동계학술대회논문집 31권1호
• /
• pp.283-284
• /
• 2023

본 논문에서는 데이터 수집 자동화를 기반으로 한 자연재해 피해 통계 사이트를 구현한다. 자연재해 피해액 데이터는 국민 재난 안전 포털 사이트[1]에 자연재난 상황 통계 데이터를 사용하였다. Python 라이브러리인 Selenium을 활용하여 웹 브라우저를 제어해 자연재해 데이터를 쿼리문으로 변환 후 데이터베이스에 저장하는 자동화 프로그램을 사용한다. 또한 nncron을 활용해 6개월마다 한 번씩 자동으로 프로그램이 실행되도록 한다. 자연재해 종류에 따른 연도별, 시도 구역 자연재해 피해액을 웹사이트로 시각화하여 보여준다. 웹사이트 구현은 React.js와 Node.js를 활용하여 구현하였다.

• 한국정보처리학회:학술대회논문집
• /
• 한국정보처리학회 2022년도 추계학술발표대회
• /
• pp.297-299
• /
• 2022

현재 우리나라는 낮은 재활용률로 인해 불필요한 자원과 노동력이 낭비되고 있다. 이러한 낮은 재활용률은 올바르지 않은 분리배출로 인해 발생된다. 이를 해결하기 위해 관련 객체 인식 연구가 활발히 진행되고 있지만, 현재의 분리배출 체계를 통합적으로 관리하기 위한 관리체계 시스템은 여전히 미흡한 상태이다. 이러한 문제를 해결하기 위해 본 연구에서는 React와 Node.js를 이용하여 객체 인식 알고리즘의 분리배출 분석 데이터를 그래프 형태로 시각화시켜 관리자에게 분리배출 현황을 직관적으로 보여주어 현 분리배출의 문제점에 대해 인지하고, 체계적이고 효율적인 분리배출을 위한 보완점과, 대책을 마련할 수 있는 시각화 시스템을 제안한다.

• KNOM Review
• /
• 제24권1호
• /
• pp.29-37
• /
• 2021

인터넷이 확산되면서 웹을 통해 사용자는 쉽게 다양한 서비스를 제공받고 정보를 교환할 수 있게 되었다. 웹 시스템을 구축할 때 다양한 요구 사항들이 존재하며, 사용자 목적에 적합한 언어 또는 플랫폼을 사용하여 웹 시스템을 구축해야 한다. 잔류물질정보란 식품 등에 첨가되는 의약품, 농약 들에 대한 정보들을 의미하며 그 중 잔류허용기준은 기업과 농민들이 생산하는 식품 내 잔류물질수치를 측정하여 해당 수치가 국내 혹은 국제 기준을 만족하는지 가늠하는 척도로 사용되고 있다. 현재 식품의약품안전처에서는 식품과 농약 및 동물용의약품을 포함한 식품첨가물에 대한 잔류허용기준을 문서 형태로 제공하고 있으며 이는 웹 시스템 구축을 통해 사용자가 원활하고 편리하게 서비스되어야 한다. 또한, 사용자 접근성을 포함하여 확장성, 호환성 등 다양한 요구 사항을 만족해야 한다. 본 논문은 사용자가 더 편리하게 접근할 수 있고 원활한 잔류물질정보를 제공받을 수 있는 React 기반 잔류물질정보 웹 시스템을 제안한다. 우리는 정보 제공에 있어 중요한 3가지 기능에 대한 속도를 측정하여 기존 잔류물질정보 웹 시스템과 비교하였으며 확장성, 호환성, 접근성 등 7가지 필수 요구 사항에 대하여 정성적으로 평가하였다.