프론트엔드 개발을 하면서 가장 귀찮은 일 중 하나가 UI 코드를 짜는 것이다. 기능만 동작하게끔 화면에 아무렇게나 구현하라고 하면 쉽겠지만 대부분 실제 사용자의 경험과 디자인 컨셉 등을 반영하다 보면 만들기 까다로운 화면은 존재한다. 사실 꼭 고난도의 화면이 아니라도 같은 디자인 컨셉으로 매일 만드는 화면인데도 교묘하게 다른 구성요소 여백차이를 일일히 보면서 만드는게 지겨운 일이다. AI를 코딩에 활용하는 것은 이제 새롭지 않을 정도로 널리 활용되고 있다. Cursor 라는 IDE를 메인으로 쓰고 있고 gpt, claud도 유료 플랜을 구독하며 활용중이다. 사실 나는 Claud보다는 GPT를 주로 사용해왔는데 이번에 클로드를 써보고 나서 깜짝 놀랐다. 개발중인 앱 스크린샷을 클로드에 그냥 넣었더니 그대로..
Intro깃허브 액션으로 특정 작업을 등록해두면, 원하는 순간에 작업을 실행하도록 할 수 있습니다.보통은 push가 발생할때, pr이 등록될 때, tag가 올라올 때 등 이벤트를 기준으로 작업을 실행하는 것을 많이 활용하는데요.이번 포스팅에서는 특별한 이벤트가 없어도 주기적으로 작업을 실행하는 방법을 소개해보려고 합니다.이 방법으로 주기적으로 실행이 필요한 작업을 github actions를 활용해서 자동화하는데에 활용할 수 있습니다.주기적으로 업데이트 확인하기, 크롤링이나 데이터 수집, 로그 정리 등에 활용할 수 있습니다.crontab이란?crontab은 특정 시간에 특정 명령어를 실행하는 규칙을 설정합니다. crontab 을 사용하면 원하는 시간에 작업을 실행하게 할 수 있습니다.주로 시스템 관리나 ..
유사이미지 검색에 대해서 한번에 다 다룰 자신은 없지만 조금씩 정리해보려고 합니다.유사 이미지 검색의 개념유사 이미지 검색은 사용자가 입력한 이미지와 시각적으로 유사한 이미지를 데이터베이스에서 찾아주는 기술입니다. 이는 전통적인 텍스트 기반 검색과 달리, 이미지의 색상, 형태, 질감 등 시각적 특징을 분석하여 유사도를 판단합니다. 예를 들어, 사용자가 특정 상품의 이미지를 입력하면, 해당 상품과 유사한 디자인이나 색상의 다른 상품 이미지를 추천해주는 방식입니다.유사 이미지 검색의 원리와 작동 방식유사 이미지 검색은 주로 다음과 같은 단계로 이루어집니다.특징 추출: 입력된 이미지에서 색상, 형태, 질감 등의 시각적 특징을 추출합니다. 이를 위해 딥러닝 기반의 신경망 모델이 주로 사용됩니다.임베딩 생성: 추..
Streamlit과 Cursor를 활용하여 빠르게 웹 어플리케이션 만들기
Streamlit이란?얼마전 AWS의 워크샵에 참여하면서 Streamlit을 처음 알게되었다. Streamlit은 Python 기반의 웹 애플리케이션 프레임워크로, 데이터를 시각화하거나, 머신러닝 모델을 공유하거나, 데이터 분석용 대시보드를 쉽게 만들 수 있게 도와주는 도구이다. 특히, Python 코드로만 웹 애플리케이션을 개발할 수 있는게 특징이다. html, javascript 를 전혀 작성하지 않아도 웹 어플리케이션이 뚝딱 만들어진다.Streamlit의 가장 큰 장점은 간결하고 직관적인 문법인데 Python으로 간단한 코드만 작성하면 대화형 웹 애플리케이션이 만들어진다. 코드를 수정할 때마다 실시간으로 애플리케이션이 업데이트되기 때문에, 개발 중간에도 결과를 바로바로 확인할 수 있다.UI 요소(버..
영상 편집을 할수 있는 방법은 여러가지가 있는데리액트 코드로 영상을 편집할 수 있는 remotion이라는 것을 알게 되어서 사용해 보았다. https://www.remotion.dev/웹서버를 실행하고 코드를 수정하면 프리뷰에 반영되어 보인다. 타임라인 등의 동작이 깔끔하게 동작한다. 하지만 개발문서를 읽어가면서 수정할 부분이 존재하고, 웹 개발에 능숙한 사람이 아니라면 다루기 쉽지는 않을 것 같다.코드로 영상을 단독으로 만드는 것은 일반적으로 활용하는 방법은 아니다 보니 활용 사례가 많이 알려져 있지는 않다. 그래서 내 나름대로 장점을 정리 할 수 있을 것 같다.1. 영상 편집 프로그램으로 만들 때는 굉장히 까다로운 스타일의 영상이 코드로는 쉽게 만들 수 있다. 인트로나 자막 특수효과 등을 삽입할 때 ..