신청🛳️⚓ [오픈소스 AI를 활용해 사회의 문제를" data-og-description="- 세상을 구하는 AI 해커톤  신청최신기술에 관심이 많은 덜린이가 항해커톤이라는 걸 같이 해보자 제안하였다.항해커톤은 항해99에서 주최한 해커톤이다.을 소개합니다. - IT 커리어 성장 코" data-og-host="yermi.tistory.com" data-og-source-url="https://yermi.tistory.com/entry/%EC%9D%BC%EC%83%81-%EC%84%B8%EC%83%81%EC%9D%84-%EA%B5%AC%ED%95%98%EB%8A%94-AI-%ED%95%B4%EC%BB%A4%ED%86%A4-2024-%ED%95%AD%ED%95%B4%EC%BB%A4%ED%86%A4-%EC%8B..

- 원영적 사고, Open AI로 뒷북 쳐보자초긍정적 사고를 칭하는 '원영적 사고'AI에게 원영적 사고를 학습시키는 프로젝트들이 있었는데, 나 또한 흥미 가득이였기에 뒷북을 한 번 쳐보려 한다.우선 Chat GPT에게 '원영적 사고'가 학습되는지 테스트 해보았다.이 녀석, 꽤나 학습을 잘하는 편이였다..💕 이제 AI를 학습시켜 API를 사용해보려 한다.그러나 크레딧 기간이 옛날에 지났던 나는 API를 사용하려면 돈을 내야 했다.여기에 결제수단까지 등록하면서 할 생각은 없었기에 gg..🥲  자매품, 묘하게 일그러진 '연석적 사고'AI가 부정적인 사고는 거부하다 보니 이거는 학습이 참 어려웠다. '연석적 사고'는 실패!

[Toy Project] 웹페이지에서 랜덤한 픽셀 떨어뜨리기 애니메이션 구현하기 [CSS 애니메이션과 JavaScrip- 웹페이지에서 랜덤한 픽셀 떨어뜨리기 애니메이션 구현하기웹페이지에서 픽셀들이 화면 상단에서 하단으로 랜덤하게 떨어지는 간단한 애니메이션을 구현해보려 한다.HTML, CSS, JavaScript를yermi.tistory.com- 떨어지는 픽셀이 바닥에 쌓이는 애니메이션 구현하기이번에는 화면 상단에서 떨어지는 랜덤한 색상의 픽셀이 바닥에 쌓이는 애니메이션을 구현해보려고 한다.- stacking-pixels.htmlpixel-container를 포함한 HTML 기본 구조를 설정한다.이 컨테이너는 픽셀들이 쌓이는 공간이 된다. - stacking-pixels.csspixel-con..

- 웹페이지에서 랜덤한 픽셀 떨어뜨리기 애니메이션 구현하기웹페이지에서 픽셀들이 화면 상단에서 하단으로 랜덤하게 떨어지는 간단한 애니메이션을 구현해보려 한다.HTML, CSS, JavaScript를 사용하여 간단하게 만들어 볼 것이다.- falling-pixels.htmlHTML 파일에서는 기본적인 구조와 컨테이너 요소(pixel-container)를 정의한다.pixel-container는 픽셀들이 떨어질 영역을 지정한다. -falling-pixels.csspixel-container와 pixel 클래스에 대한 스타일을 지정한다.픽셀의 크기, 초기 위치, 애니메이션 키프레임(@keyframes fall)을 설정하여 픽셀들이 떨어지는 동작을 구현한다.body { margin: 0; p..

- URL 단축기를 만들어보자!이번에는 URL 단축기를 만들어보았다. URL 단축기의 프로세스는 아래와 같다.URL 단축을 위해 해싱은 6자리로 정했다. (겹치는 값이 나올 정도로 사람들이 많이 사용해주면 좋겠다⭐) [JS] 긴 문자열을 6자리 해시로 변환하기 [간단한 해싱 알고리즘 만들기]- 긴 문자열을 6자리 해시로 변환하기 JavaScript에서 긴 문자열을 6자리 해시로 변환하는 방법 중 하나는 SHA-256 등의 안전한 해시 알고리즘을 사용하고 그 결과를 base64 또는 다른 방법으로 인코딩yermi.tistory.com 서버 구축하기 싫어서 Google Sheet와 Google App Script를 활용했다. (배포는 당연히 github 웹배포~)지금은 github의 도메인을 쓰고 있기에 h..