나만의 개인 LLM을 가지고 싶었다. 누구나 아이언맨의 자비스 같은 AI 비서를 꿈꾸지 않을까? 그리고 무엇보다 ‘무료로’ 사용할 수 있는 AI. M3 칩 512G 저장공간, 36 메모리를 사용중이다. 여유롭게 사용하고 싶어 llama3를 사용했다. ollama run llama3 생각보다 속도가 빠른 것에 놀라웠다. 하지만 질문할 때 해당 ...

바이브 코딩 바이브 코딩 지난 시간에 바이브 코딩이 무엇인지에 대해 알아보았고, 이제 실전으로 사용해볼 차례이다. 특히 MCP를 사용한 개발을 진행하여, 아침에 읽을 개발자 뉴스를 Notion에 한국어로 정리해주는 서비스를 만들어보려고 한다. Notion MCP https://developers.notion.com/docs/mcp Cursor와...

바이브 코딩 프론트엔드 개발자의 운명은… 최근 AI가 장착된 여러 개발 툴들이 소개되면서, 바이브 코딩이라는 새로운 트랜드가 등장한 것을 보았다. 스레드에서도 자주 접하는 단어였는데, 대체 바이브 코딩이 뭐길래 이렇게 다들 열광하는 걸까. 그리고 프론트엔드 개발자의 운명은 어디로 흘러가는가? 정말 미래에는 프론트엔드 개발자가 사라지는 걸까? 바이...

HTTP -> HTTPS 변경 후 이슈 정리 Docker Container가 전부 내려갔다 정확히 말하면 인증서 때문이라고 할 수는 없다. apt 업데이트를 최신으로 하다 보니 벌어진 일이었다. 어쩔 수 없는 일이기는 했다 (언젠가는 해줘야 하는 일이었지만… 버전 업데이트는 늘 신중히…). nginx 쪽과 HTTPS 인증서를 위해 업데이트를 ...

Docker + Jenkins + Github + Grafana + Next14 HTTPS 설정하기 여태 http 프로토콜로 통신하는 방식을 통해 포트폴리오를 운영해왔다. 문제는 이제 대부분의 경우 최신 브라우저에서는 더 이상 http 프로토콜을 안전하지 않은 것으로 판단하여 사이트 접근 전에 경고를 주거나 접근을 막는 경우가 허다하다는 것이었다....

Docker + Jenkins + Github + Grafana + Next14 Grafana 붙이기 전체적으로 세팅을 끝냈고, 이제 정성 가득한 포트폴리오에 접근하는 유저들의 트래픽과 사용 브라우저 등을 확인하고, 정상적으로 랜더링이 이뤄지고 있는지를 파악할 차례다. 또한 현재 필자가 사용중인 서버의 용량과 메모리 사용량에 대해서도 실시간으로 모...

React-Three-Fiber 애니메이션 컨트롤 시작하기 React Three Fiber 라이브러리로 오브젝트에 애니메이션을 부여하여 AboutMe 페이지를 실감나게 바꿔볼 계획을 세우고 있었다. 페이지가 로딩되면 우주비행사가 걸어들어오고 인사를 건내며 특정 질문에 대하여 특정 제스쳐를 표시하는 것이다. 하지만 우선 문제가 있다. 먼저 Blen...

React Native -2 Layout 시스템 알아보기 React 웹과 React Native의 레이아웃은 거의 유사하게 동작하지만 분명하게 차이점이 존재한다. 가장 대표적인 예시로는 ‘display:flex’가 있다. 웹에서는 Flex Direction을 설정하기 위해서는 기본적으로 display를 flex로 설정한 뒤에 해당 row, 혹은 ...

React Native 스터디 -1 시작하기 대세가 모바일 개발이라는 것은 스마트폰의 등장 시절부터 이야기된 부분이기도 하지만, 최근 여러 공고들을 보면서 확실히 프론트엔드 개발자 자격 요건 중에 React-native를 다룰 수 있는 요건이 많이 보이고 있었다. 아무래도 React를 사용하던 개발자에게 있어서 React native의 접근성이 좋...

1월 프론트엔드 개발자 뉴스 #2 해당 1월 뉴스레터들은 대부분 2024를 마무리하는 취지로 작성된 글들이 많이 보인다. 그 중에서도 조금 생소하거나 흥미로운 주제들을 몇가지 정리하여 작성해둔다. 해당 뉴스레터는 지난번 Medium 게시글을 참고한 것과 달리 Javascript Weekly에서 보내주는 에디터픽 게시글들을 참조했다. 자세한 내용까지는...