개발 15

AWS Route53으로 가비아 도메인 연결하기

탄력적 ip와 인스턴스를 연결했다면, 이제 도메인과 연결하고 싶은 욕심이 생긴다 도메인은 여러곳에서 구매할 수 있으나, 나는 가비아에서 구매했다. 가비아에 원하는 도메인을 검색하면, 여러 도메인이 주루룩 나온다. 익숙한 .com, co.kr부터, 이상한 .store, .shop등 별거별거 있는데, 실제 기업에서 서비스 할것이 아닌 개인이라면 그냥 제일 싼 500원짜리 도메인 구입을 추천한다. 하지만 내가 욕심이 있다면 비싼걸 구매해도 상관은 없다. wantgohome의 도메인을 보면 여러가지가 있다. 나는 이미 agizagi.store라는 도메인을 구매한 적이 있다. 그래서 agizagi.store는 구매가 불가능하다. 만약에 누군가가 agizagi라는 도메인을 사고싶다면, 남은것 중에 골라야한다. 아무..

개발 2024.03.22

React 오픈그래프(미리보기)

리액트로 메이플스토리 금고페이지를 만들고 지인들이나, 게임 내 유저들에게 공유를 하고자 URL을 보낼때, 카톡등에서 미리보기로 보이는 부분을 꾸미고 싶었다. 근데 뭐 어떻게 하는지 몰랐어서 그냥 냅뒀다가, 최근에 알게되어 작성해본다. 우선 기본적인 리액트를 배포하고 공유하면 다음과 같이 나타난다. 저게 너무 밋밋하고 재미없어보이고, 뭔가 내 개인정보 털릴거 처럼 생겨서 눌러보기 좀 그래보인다. 최근에 막 찾다보니 방법을 알게 되었다. React 프로젝트 내부에 폴더에서, index.html을 수정해주면 된다. 다음처럼 리액트 패키지에서, public 폴더 내부에 index.html을 열어준다 열면 다음처럼 코드가 나타날거다 뭐 어쩌구 저쩌구 있는데, 여기서 head태그 내에 오픈 그래프라고 페이지를 설명..

개발/React 2024.03.20

AWS EC2, Route53, Public IP 관련 비용 과금 문제

나는 내가 즐겨하는 게임인 메이플스토리에서 길드원들을 위해 만든 이벤트 페이지가 있다. http://agizagi.store (많관부..^^ 창피) 아기자기 금고페이지 아깅이들을 위한 금고페이지 agizagi.store 메이플의 금고게임을 모티브로 만든건데, 작년 11월부터 배포중이다. 근데 매달 비용이 적게는 7달러, 많게는 무슨 15달러까지 나왔다.. 암튼 15달러 가까이 나가니까 이게 유지하는데 너무 부담이 되었다. 그래서 폭풍 구글 검색을 통해 여러가지 이유에 대해 들었다. 일단 내가 저 사이트를 유지하기 위해서는 프론트 인스턴스 1개(리액트와 연결) 백엔드 인스턴스 1개(스프링, DB와 연결) route53을 통해 도메인과 연결. 총 2개의 인스턴스를 사용하고 있는데, aws는 1개의 인스턴스에..

개발 2024.03.20

Streamlit으로 간단한 퀴즈 페이지 만들어보기

정말 오랜만에 streamlit 관련 게시물을 쓴다. 내 블로그 조회수의 대부분은 streamlit 게시글 특히 사이드바 관련 게시물이다. 2개밖에 안되는데.. 개발 공부를 하면서 여러 가지를 배웠다. 리액트나, 스프링이나 자바스크립트나 뭐 등등 근데 상세하게 만들것이 아니라 대충만들어 슥삭 배포하기에는 streamlit만한게 없다. streamlit으로 api를 활용해 구내식당 메뉴 페이지 게임용 페이지등 여러가지를 만들어 봤다. 그중에서 간단하게 만들 수 있는 페이지를 소개하겠다. 다음은 streamlit을 활용한 간단한 주관식 퀴즈를 맞출 수 있는 페이지를 만들어보고자 한다. 먼저 퀴즈를 사용하기 위해서는 text input button 이 필요하며, streamlit만의 도큐멘터리에서 가져올 수 ..

개발/Streamlit 2023.12.30

회고 작성해보기(STAR기법, KPT기법)

나는 사실 부지런한 성격은 아니다. 숙제를 미리미리 끝내본적이 없고 끝까지 미뤄뒀다가 직전에야 몰아서 하거나 안하거나 했고 업무도 평소에 야근 30분씩만 하면 되는거를 일주일 칼퇴하다가 막판에 새벽까지 야근했던 타입이다. 그래도 개발 공부를 하면서는 꾸준히, 특히 올해 초 부터 학원을 다니면서는 회고를 작성하려고 했다. 회고라고 하니 거창해 보일수 있는데 그냥 그날 느낀점과 배운점 등을 적은 간단 일기다. 사실 4월까지는 진짜 매일매일 썼는데 5~6월쯤에 이제 강사가 바뀌고 학원 상태도 좀 맛이 가서 수업 내용이 워낙 질이 떨어져 회고 쓸것도 없고 해서 안쓰긴 했다. 7~8월 이때에는 파이널 프로젝트 할때라 이때는 다시 쓰기 시작했고. 잡소리 줄이고, 회고에 대해 말하자면 회고는 개인적으로 3가지 양식을..

개발/기타 2023.12.28

Streamlit에 배경음악 넣기

Streamlit에서 기본 제공하는 음악 첨부는 다음의 링크를 참고하시면 됩니다. https://docs.streamlit.io/library/api-reference/media/st.audio Streamlit Docs Join the community Streamlit is more than just a way to make data apps, it's also a community of creators that share their apps and ideas and help each other make their work better. Please come join us on the community forum. We love to hear your questions docs.streamlit.io..

개발/Streamlit 2023.06.09

Colab에서 반려동물 분양받기(아기고양이 모드, 코기 모드)

100만 반려동물 시대입니다. 생활할때도 언제나 나만 바라봐주는 반려동물들과 함께있으면 인생이 더욱 즐겁죠. 개발하면서 외로운 개발자들을 위해 Google이 반려동물들을 제공해줬어요. 제 Colab 스크린샷을 보시면, 상단에 고양이와 강아지가 다니는것이 보이실 겁니다. 저 친구들과 함께 개발을 하고 싶으신가요? 데려다 키우는 방법은 다음과 같습니다. Colab 페이지 우측 상단에 톱니바퀴 모양의 설정 버튼을 클릭합니다. 그러면 다음과 같은 창이 나오는데, 여기서 '기타'를 클릭합니다. 그러면 코기모드, 아기고양이 모드, 게 모드가 있는데, 클릭해서 추가하고 싶은 동물들을 데려오면 됩니다. Hoxy나 거슬리거나 정신사납다 싶으시면 해제하시면 됩니다! 저는 고양이랑 강아지가 귀여워서 둘을 데려왔고, 게는 좀..

개발/Python 2023.04.21

[Python] 파이썬 구동을 위한 Colab 실행해보기

파이썬(Python)은 1991년에 발표된 고급 프로그래밍 언어입니다. 귀도 반 로섬(Guido van Rossum)이 개발하였으며, 현재는 Python Software Foundation이 관리하고 있습니다. 파이썬은 배우기 쉽고 읽기 쉬운 코드를 작성할 수 있으며, 많은 운영체제에서 사용됩니다. 또한, 다양한 분야에서 활용되며, 데이터 분석, 인공지능, 웹 개발, 게임 개발 등에서 널리 사용됩니다. 파이썬은 인터프리터(interpreter) 방식으로 동작합니다. 인터프리터 방식은 코드를 한 줄씩 읽어서 실행하기 때문에, 코드 수정 및 디버깅이 쉽습니다. 파이썬은 객체지향 프로그래밍(OOP) 언어이며, 함수형 프로그래밍도 지원합니다. 파이썬의 문법은 간결하고 직관적입니다. 들여쓰기(indentation..

개발/Python 2023.04.21

Camel Case와 Snake Case

Camel case 카멜 케이스(Camel case)는 프로그래밍에서 변수나 함수의 이름을 지을 때 사용되는 명명 규칙 중 하나입니다. 카멜 케이스는 다른 명명 규칙과 다르게 단어의 첫 글자를 대문자로 쓰는 방식으로 변수나 함수의 이름을 지정합니다. 예를 들어, "firstName", "lastName", "isMale"와 같은 변수나 함수의 이름이 카멜 케이스에 해당합니다. Snake case 스네이크 케이스(Snake case)는 프로그래밍에서 변수나 함수의 이름을 지을 때 사용되는 명명 규칙 중 하나입니다. Snake case는 카멜 케이스와 달리 단어와 단어 사이를 언더스코어(_)로 구분하는 방식으로 변수나 함수의 이름을 지정합니다. 예를 들어, "first_name", "last_name", "..

개발/기타 2023.04.21

[프롬프트 지니] ChatGPT를 번역해주는 확장프로그램

ChatGPT의 시대가 도래했습니다.. 작게는 단순 끝말잇기를 해주는 채팅프로그램으로 활용하는 사람도 있고, 크게는 개발자들에게 코드 검사를 해주는 프로그래밍 툴로도 사용되고 있습니다. 프로그래머 지망생인 저로서는 저보다 밥값을 하는 친구 같지만.. ChatGPT 어떻게 하면 잘 활용하느냐에 따라 사람의 능력이 달라지고, ChatGPT에게 잘 질문하는 프롬프트 엔지니어 라는 직업도 생긴다고 하는 요즘 어떻게 하면 ChatGPT를 더 잘 활용할 수 있을까요? ChatGPT는 미국의 openai라는 회사가 만들었다는건 다들 아실겁니다. 아무래도 이 친구가 미국산이라 한국어로 직접 질문하는 것 보다는, 영어로 질문하는것이 ChatGPT가 이해하는쪽이나 질문에 대한 답변의 속도, 퀄리티가 더 우수할 수 밖에 없..

개발/기타 2023.04.20