지난 FECONF 2025 컨퍼런스에서 '완전한 ZERO COST CSS-IN-JS, Devup-UI' 강연을 들은 적이 있다. 해당 강연을 들으면서 그동안 여러 프로젝트에서 CSS 프레임워크와 CSS-in-JS를 사용해왔지만, 내부 동작 원리를 제대로 이해하지 못한 채 생각없이 활용해왔다는 사실을 깨달았다. 그래서 이번 오픈소스 컨트리뷰션 활동을 통해서 CSS-IN-JS가 무엇인지 제대로 이해하고, Devup UI의 Zero Cost 런타임 구현 방식을 비롯한 코어 개념을 심층적으로 학습하고자 했다. 아래는 올해 활동에 참여한 전체적인 내용과 후기이다. 프로젝트 구조를 살펴보다멘토님께서 OT 시간에 해당 오픈소스의 문서화가 매우 시급하다고 강조하셨기에, 핵심 로직을 6가지 섹션으로 체계화하여 영어로..

오픈소스 컨트리뷰션 아카데미에 참가하면서 목표가 하나 있다면 소소한 기여라도 하나쯤은 꼭 해보자! 였다😄그래서 Continue의 공식문서를 열심히 정독하고 Isuue들도 많이 읽어보았다. 문제가 있다면 전부 영어여서 읽는데 오랜 시간이 걸렸다는 점?..그리고 아무래도 LLM 관련 문제의 경우 나 혼자 해결하기는 좀 버거운 문제가 많았다. 일단 무작정 Repo를 fork 하고 직접 실행하면서 폴더 구조 및 파일들을 살펴보기로 했다. 이후 dev 브랜치에서 프로젝트를 실행하며 찬찬히 코드를 살펴보았다. 가장 유심히 본 부분은 핵심적인 기능을 담고있는 core와 익스텐션을 보여주는 gui 폴더였다. 사실 타입스크립트를 깊게 공부해본 적은 없지만, 기본 자바스크립트에 타입명만 추가해주었다고 생각하니 별반 차이..

Continue - Build a custom prompt 프롬프트는 패턴을 표준화하고 LLM 프롬프트를 팀과 공유하는 편리한 방법이 될 수 있다. Continue의 공식문서에서는 jest를 활용한 자동화 테스트를 커스텀 프롬프트로 만들어 예제로 안내하고 있다.  temperature: 0.5maxTokens: 4096---You are an expert programmer{{{ input }}}Write unit tests for the above selected code, following each of these instructions:- Use `jest`- Properly set up and tear down- Include important edge cases- The tests should ..

Continue는 오픈소스 코딩 어시스턴트 프로젝트로,VS Code, Intellij 와 같은 idle에서 사용할 수 있는 Github copliot같은 도구이다. 다양한 상용 llm도 지원 가능해서 자신만의 ai로 커스터마이징할 수 있다는 장점이 있다.   chatGPT랑 클로드는 자주 써봤지만 idle에서 써본적은 없어서 정보를 열심히 찾아보았다. 다행히 공식문서가 잘 정리되어 있어 아래 링크를 통해 설치하고 설정하는 방법을 쉽게 이해할 수 있었다.  ContinueAmplified developers, AI-enhanced development · The leading open-source AI code assistant. You can connect any models and any context..