AWS LAMBDA 함수 계층 만들기
AWS Lambda 함수 Layer 생성하기 AWS Lambda 함수를 통해서 페이지를 설계할 때에 해당 Lambda 함수가 사용해야 할 라이브러리가 있습니다. Lambda 함수 내부에서 특정한 라이브러리를 사용하기 위해서는 “Layer” 즉, 계층을 설정해줘야 하는데요. 이 계층을 로컬에서 생성해서 업로드를 하는 방식을 알아보겠습니다. Lambda 함수 생성하기 기본적으로 AWS 콘솔로 로그인을 합니다. 이후 검색 창에서 lambda 입력을 해서 lambda 대시보드에 […]
[25년 버전]바이브 코딩 VScode 세팅하기!
VScode에 바이브 코딩을 세팅하자! 요즘 인기가 있는 바이브 코딩! 코딩을 전혀 할 줄 모르는 사람들도 바이브 코딩으로 게임을 만들기도 하지요. 코딩을 위해서 사용했던 VScode라는 도구에 더욱 편리한 AI 도구들을 결합하는 것이 핵심인데… AI가 실시간으로 내 파일 구조를 확인하고, 각 파일의 내용을 읽고, 코드를 개선하고… 이 작업들을 유동적으로 하기 위해서는 세팅이 중요할 것 같습니다. 바로 시작하죠. […]
React 에서 JSON 파일 업로드 및 파싱하기
React 에서 JSON 파일을 파싱해보자 오늘의 목적은 React 프론트엔드에 특정한 JSON 형식의 파일을 업로드 하고, 이 JSON 파일 내부에 있는 정보를 통해서 프론트엔드에 어떠한 “값”들을 저장할 겁니다. 이를 위해서는 JSON 업로드 창을 구현해야 할 것이며 업로드 된 JSON 파일 정보에서 특정한 값들만을 꺼낼 수 있도록 파싱을 하는 방법도 필요하겠네요. 바로 시작하죠. 우선은 업로드 섹션을 디자인하자. […]
[2025년 버전]Chat GPT로 워드프레스 자동포스팅
Chat GPT 이용한 자동 포스팅 구현 워드프레스에서 포스팅을 할 때는 보통 직접 글이나 자료를 통해서 하는 편이 많습니다. 하지만, 간단한 정보글 같은 경우에는 굳이 자료 조사 없이 GPT 통해서 글을 쓸 수 있습니다. 즉, 내용 자체를 통째로 GPT에게 맡기는 것이 가능하다는 거죠. 그럼 이걸 워드프레스 상에서 가능하도록 어떻게 세팅을 하면 될지 살펴보겠습니다. 파이썬 설치 및 […]
React + AWS EC2 + Docker 세팅
AWS EC2 + React + Docker 개발 환경 세팅 우선 제가 어떤 개발 환경을 만들고 싶은지 정리를 해보겠습니다. 현재 로컬 환경에서 React 를 이용하여 웹 페이지 등을 개발하고 있습니다. 실제 웹 페이지는 AWS EC2 를 이용하여 베포를 하고 있습니다. React 에서 작성한 프로젝트 등을 AWS EC2에 쉽게 업데이트 하는 것이 목적입니다. 이를 위해서 Docker 을 […]
React Native App을 플레이스토어 등록하기
React Native App 플레이스토어 등록하기 오늘은 React Native 으로 만든 App을 구글 플레이스토어에 등록하는 작업을 해보겠습니다. 모든 작업은 Chat GPT의 도움을 통해서 진행했습니다. 그럼 바로 시작하죠. Google Play Store 콘솔 계정 생성하기 플레이 스토어 콘솔로 이동하기 위 버튼을 통해서 플레이 스토어 콘솔창으로 이동합시다. 계정이 현재 생성된 상태가 아니라면 위와 같은 페이지가 나타날 것입니다. 해당 구글 […]
HRVAS 소스코드 활용하여 HRV 분석하기
HRVAS 소스코드로 HRV 분석하기 HRVAS (Heart Rate Variability Analysis Software)는 Ramshur J.가 개발한 HRV 분석을 위한 MATLAB 기반 소프트웨어입니다. 이 소프트웨어는 시간 영역(Time Domain), 주파수 영역(Frequency Domain), 비선형 분석(Nonlinear Analysis) 등 다양한 HRV 지표를 분석합니다. 이를 MatLab 에서 코드를 통해서 HRVAS 가 제공하는 다양한 지표를 분석을 해볼 것입니다. 저는 ECG 신호에서 R피크와 R피크 간격인 RRI를 […]
[2024년 버전]React AWS S3로 파일 업로드하는 창 만들기
AWS S3 으로 파일을 업로드 하는 페이지 제작 AWS S3으로 파일을 업로드 하는 페이지를 만드려고 합니다. 바로 시작하겠습니다. 설계 및 작동 위와 같이 저는 버킷 내부에 “test” 라는 폴더를 만들었습니다. 이 폴더 내부에 “animal” 이라는 폴더를 한 번 더 만들고, 그 하위에는 “cat” 과 “dog” 라는 2개의 폴더가 있습니다. 목적은 cat 폴더에 고양이 사진을, dog […]
[2024년 버전]AWS S3에서 이미지 파일 가져오기
AWS S3에서 이미지 파일 불러오기 목적은 AWS S3 특정 디렉토리 아래에 저장한 png, jpg 등 이미지 파일을 내 웹사이트에 불러오는 방법입니다. 우선은 하나를 불러와서 잘 나타나는지 확인을 하고, 그 다음은 디렉토리 내부에 있는 모든 이미지 파일을 순서대로 불러올 수 있도록 해보겠습니다. 사이트는 React 로 구성을 할 것이기에, React 코드를 함께 사용하겠습니다. 바로 시작을 해보겠습니다. 이미지 […]
React 해제 가능한 라디오버튼
React 해제 가능한 라디오버튼 만들기 React 에서 라디오버튼을 구현하기는 쉽습니다. 다만, 라디오버튼의 특성이랄까요? 한 번 선택한 값을 다시 해제하는 것이 어렵습니다. 이를 위해서 어떤 방식으로 라디오버튼 컴포넌트를 만들면, 이것을 해제 가능할지 알아보겠습니다. 기본 코드 import React, { useState, useEffect } from “react”; const SpecialRadio = ({ data, field_id, onValueChange, options }) => { const [inputValue, […]