[2026년 버전] EC2 로 웹사이트 페이지 게시하기

[2026년] AWS EC2 통해 웹페이지 게시하기 요즘은 예쁘고 꼼꼼하게 설계된 html 페이지를 GPT 통해서 매우 쉽게 얻을 수 있습니다. 정확히는 AI 통해서 어디서나 얻을 수가 있죠. 그렇다면 이렇게 잘~ 만든 나의 html 페이지를 실제 웹페이지로 게시를 해보고도 싶을 겁니다. 오늘은 AI 통해 제작한 html 파일을 실제 웹페이지로 서비스를 하는 것을 목적으로 진행하겠습니다. 예시 HTML 파일 […]

내부망 PC를 NAS 연결하기

내부망 PC를 NAS 연결하기 특정 내부망 환경에만 PC가 총 2개가 있다고 가정합니다. 이때, 특정 해당 내부망 환경에 연결된 NAS가 있습니다. PC-1, PC-2 라고 가정을 할 때, PC-2에 있는 특정한 폴더의 파일들을 NAS 쪽으로 업로드를 주기적으로 하고 싶습니다. 하지만 해당 환경은 “내부망” 입니다. 즉, 네트워크 없다는 가정으로 진행을 해야 합니다. 바로 세팅을 해보겠습니다. NAS 체크하기 우선은 […]

AWS LAMBDA 함수 계층 만들기

AWS Lambda 함수 Layer 생성하기 AWS Lambda 함수를 통해서 페이지를 설계할 때에  해당 Lambda 함수가 사용해야 할 라이브러리가 있습니다.  Lambda 함수 내부에서 특정한 라이브러리를 사용하기 위해서는 “Layer” 즉, 계층을 설정해줘야 하는데요. 이 계층을 로컬에서 생성해서 업로드를 하는 방식을 알아보겠습니다.  Lambda 함수 생성하기 기본적으로 AWS 콘솔로 로그인을 합니다. 이후 검색 창에서 lambda 입력을 해서 lambda 대시보드에 […]

[25년 버전]바이브 코딩 VScode 세팅하기!

VScode에 바이브 코딩을 세팅하자! 요즘 인기가 있는 바이브 코딩! 코딩을 전혀 할 줄 모르는 사람들도 바이브 코딩으로 게임을 만들기도 하지요. 코딩을 위해서 사용했던 VScode라는 도구에 더욱 편리한 AI 도구들을 결합하는 것이 핵심인데… AI가 실시간으로 내 파일 구조를 확인하고, 각 파일의 내용을 읽고, 코드를 개선하고… 이 작업들을 유동적으로 하기 위해서는 세팅이 중요할 것 같습니다. 바로 시작하죠. […]

Chat GPT 이용해서 자짤을 만들어 보자

Chat GPT를 이용해서 자짤을 만들어 보자 요즘 GPT의 성능이 아주 좋아졌습니다. 실제로 각종 Prompt를 사용해서 최대의 성능을 이끌어내고 있고… 정말 시대가 빠르게 변화하고 있다는 것이 느껴집니다.  저는 이를 이용해서 포스팅에서 사용할 저만의 자짤(?)을 만들어볼까 합니다. 한동안 애니 관련 글을 안 쓰기고 했고… 이제 좀 애니 블로그로 왕성하게 운영을 해보려 합니다! 내 자짤을 GPT에고 보여주고 분석을 […]

React 에서 JSON 파일 업로드 및 파싱하기

React 에서 JSON 파일을 파싱해보자 오늘의 목적은 React 프론트엔드에 특정한 JSON 형식의 파일을 업로드 하고, 이 JSON  파일 내부에 있는 정보를 통해서 프론트엔드에 어떠한 “값”들을 저장할 겁니다. 이를 위해서는 JSON 업로드 창을 구현해야 할 것이며  업로드 된 JSON 파일 정보에서 특정한 값들만을 꺼낼 수 있도록 파싱을 하는 방법도 필요하겠네요. 바로 시작하죠. 우선은 업로드 섹션을 디자인하자. […]

크롬 특정 포트에서 여는 방법

크롬을 특정 포트에서 여는 방법 크롬 창을 보통은 그냥 클릭해서 엽니다. 하지만, Selenium 과 같은 모듈을 사용하기 위해서는 크롬 페이지가 특정한 포트에 열리는 게 좋습니다. 어떻게 하면 특정한 포트를 통해서 크롬을 실행 가능한지 살피겠습니다. 어떻게? chrome.exe –remote-debugging-port=9223 –user-data-dir=”C:selenium_profile” 위와 같은 코드로 특정한 포트에 특정한 프로파일로 크롬을 생성 가능합니다. port=9223 으로 설정이 되었으므로, Selenium 작업 시 […]

[2025년 버전]워드프레스 사이트 시작하기

워드프레스 사이트 시작하기 목표는 설치형 워드프레스를 이용해서, 내가 구매한 특정 도메인으로 접속하면  워드프레스로 제작한 특정한 페이지가 나타나는 것입니다.  현재 저는 워드프레스를 통해서 포스팅 페이지를 운영하고 있고… 구글 애드센스까지 승인을 받았습니다. 취미로 운영하기는 하지만, 나름대로 합리적으로 운영이 가능한 것 같아서  제가 사용한 방식 그대로 정보를 전달하겠습니다.    클라우드 웨이즈에서 서버 생성 클라우드 웨이즈 이동하기 저는 서버를 […]

React + AWS EC2 + Docker 세팅

AWS EC2 + React + Docker 개발 환경 세팅 우선 제가 어떤 개발 환경을 만들고 싶은지 정리를 해보겠습니다. 현재 로컬 환경에서 React 를 이용하여 웹 페이지 등을 개발하고 있습니다.  실제 웹 페이지는 AWS EC2 를 이용하여 베포를 하고 있습니다.  React 에서 작성한 프로젝트 등을 AWS EC2에 쉽게 업데이트 하는 것이 목적입니다. 이를 위해서 Docker 을 […]

AWS S3에서 폴더째 다운로드 하기

AWS S3 폴더 째로 다운로드 하기 S3 에 파일들을 업로드 하는 것은 편합니다.  하지만, 파일들을 한 번에 로컬로 다운로드 할 때는 브라우저 상에서 1개씩밖에 다운로드 안 되더군요. 기존에 업로드했던 파일들을 폴더 째로 다운로드 하고 싶은데 그 방법에 대해서 알아보려 합니다. 바로 시작하죠. AWS CLI 설치 CLI 설치 가이드 우선은 위 버튼 눌러서 AWS CLI 설치 […]