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

저번 Google I/O Extended Incheon 2025 행사 후기에 이어서 FEConf 2025 후기이다. FEConf 2025는 프론트엔드 개발자들을 위한 국내 최대 규모 행사 중 하나로, 최신 기술 트렌드와 실제 현업 경험을 공유하는 자리다! 유레카 과정 진행 중 멘토님께서 추천해주셔서 참석하게 되었다🙂 행사 정보일시: 2025년 8월 23일 (토) 12:00 ~ 18:00장소: 세종대학교 광개토관예매처: 티켓타코이정도 규모의 개발 행사는 처음 참여해봤는데 생각보다 엄청 사람들이 많았다.참석 전 정보를 찾아보니, 기업에서 운영하는 부스들의 굿즈를 받으려면 12시보다 일찍 도착해야한다고 해서 20분정도 일찍 도착했다. 덕분에 강남언니, 모요, AWS , 오늘의 집 등에서 개최하는 다..

처음으로 개발자 컨퍼런스에 다녀왔다. 마침 모교에서 진행된 행사라 익숙한 장소였고, 졸업생 할인으로 티켓을 조금 더 저렴하게 구매할 수 있었다! 행사 정보일시: 2025년 7월 26일 (토) 오후 1시 ~ 6시장소: 인하대학교 60주년 기념관구성: 5개 트랙, 총 27개 세션 행사 요약 및 후기1. 106호 - Google I/O 요약만 봤다고? AI가 못 보는 진짜 이야기Gemini Canvas를 통한 프롬프트 기반 프로토타입 제작Gemini on Glassers HUD 디스플레이 기술비디오 생성 AI Flow와 가상 피팅 서비스 Try on it 소개안드로이드 관련 신기능 및 프로젝트 공유새로운 기술을 가볍게 접하는 워밍업 세션이었다.2. 108호 - 대규모 트래픽을 처리하는 프론트 개발자의 전략..

무너즈(MoonoZ) - LG U+ AI 혜택 큐레이션 플랫폼 개발 회고록안녕하세요! 오늘은 LG U+ 유레카 SW교육과정에서 진행한 종합프로젝트 무너즈(MoonoZ) 개발 회고입니다.해당 프로젝트는 유레카 프론트엔드 개발자 2기 종합프로젝트에서 최우수상을 수상한 뜻깊은 프로젝트였는데요!3주라는 짧은 기간 동안 팀장으로서 팀을 이끌며 AI 기반 서비스를 구축한 경험을 공유해보겠습니다! 프로젝트 소개 프로젝트명: MoonoZ (무너즈)주제: MZ세대를 위한 스마트한 LG U+ 혜택 큐레이션 서비스개발 기간: 2025.06.04 ~ 06.26 (약 3주)팀 구성: 5명 (Full-Stack)수상: 유레카 프론트엔드 개발자 2기 종합프로젝트 최우수상 프로젝트 주제 선정 배경 최근 경기 불황과 구독료 인상으..

🎮 너로 정했다! - 밸런스 게임 플랫폼 개발 회고록안녕하세요! 오늘은 LG U+ 유레카 SW교육과정에서 진행한 미니프로젝트 '너로 정했다!' 개발 회고입니다. 유레카에서 진행한 첫 프로젝트라는 점에서 뜻깊었는데요. 곧 종합 프로젝트를 앞두고 있어 작성해보았습니다! 📝 프로젝트 소개기본 정보프로젝트명: 너로 정했다!주제: 밸런스 게임 기반의 소셜 인터랙티브 커뮤니티 플랫폼개발 기간: 2025.03.13 ~ 03.21 / 05.07 ~ 05.20 (총 약 20일 - 피그마 디자인 제외)팀 구성: 4인배포 링크: 서비스 바로가기 너로 정했다! oh-no-its-me.vercel.app 프로젝트 주제 선정 배경저희는 미니프로젝트인만큼 규모는 작지만 실제로 이용할 수 있는 서비스를 만들고자 했습니다. 그래..

안녕하세요. 이번 글은 ↗️지난 포스팅에 이어지는 내용입니다.자기소개 페이지 과제의 설계 및 개발 과정을 자세히 소개합니다!  과제 소개 1주차 프론트엔드 반의 과제는 바로 자기소개 페이지를 만드는 것이었습니다.아무래도 다들 처음보는 사이이기도 하고, 특히 비대면 반의 경우는 직접 만날 수 없어서 서로 잘 모르는 상황이에요.그래서 첫주차에 배운 HTML, CSS를 활용해서 자기소개 페이지를 만들어보는 것이 과제인듯 했습니다.   개선해야 할 점을 찾아보자! 저는 사실 작년에 동아리 과제로 만든 자기소개 페이지가 이미 있었어요!!이때도 동일한 조건으로 html, css만을 활용해서 제작했습니다.  먼저 이러한 구성으로, 전체적으로 중앙정렬을 사용하고 왼쪽에 메뉴 네비게이션 바를 두었습니다.그냥 보기에는 매..

안녕하세요! 열심히 유레카 교육을 수강 중입니다.유레카 첫 주 과제는 html, css를 활용해 자기 소개 페이지를 만드는 것입니다. 요즘은 무료 호스팅 서비스를 제공하는 netlify나 vercel 등이 있지만,이번 과제는 정적 페이지라서 그냥 깃허브에서 제공하는 서비스를 이용해서 배포해보도록 할게요.깃허브에 코드만 업로드하면 1분 안에 바로 배포할 수 있는 간단한 방법입니다😊   1. 깃허브 레포지토리에 코드 업로드 이를 위해서는 먼저 깃허브 계정이 있어야 합니다.계정을 만들고 Repository에 자신의 소스코드를 업로드 or 커밋 한 후 진행합니다.  2. 레포에서 Settings 누르기배포할 레포지토리에서 설정을 누릅니다. 3.  Deployment 실행하기왼쪽 메뉴바에 있는 페이지를 누릅니다..

인하대학교 컴퓨터공학 종합설계 'Open-Lawyer'2024학년도 2학기 캡스톤 디자인 교과목 프로젝트입니다. 프로젝트 주제 한 줄 요약: AI 기반 재판 판결 결과 예측 챗봇 서비스 대법원 판결문을 활용한 AWS Bedrock Fine-tuning(or Few-shot learning)을 통해 누구나 재판 내용을 입력하면 판결 결과를 쉽게 예측할 수 있도록 하는 챗봇 서비스 개발! 주제 선정 배경법률서비스는 일상과 떼어 놓을 수 없는 한 부분중 하나입니다. 그러나 한국개발연구원 조사에 따르면, 법률서비스가 필요하지만 받지 못하는 사람이 40%나 된다고 한다. 또 한국법제연구원 조사에 따르면 양적으로 법률서비스가 충분하지 않다고 대답한 사람들이 과반수에 다다랐습니다.이에 대해 저희는 해당 문제의 원인을..

누구나 쉽게 배우는 티켓팅! '쉽게, 티켓'프로젝트 배포 링크 바로가기 클릭! 쉽게, 티켓 easy-ticket-e7da7.web.app  프로젝트 주제 누구나 티켓팅을 쉽게 배울 수 있도록 하자!  주제 선정 배경현재 다양한 이벤트, 공연, 스포츠 경기 등의 티켓 예매는 대부분 온라인에서 이루어지고 있습니다. 그러나 인터넷 사용에 익숙하지 않은 어르신분들 또는 사회적 약자들은 이러한 온라인 티켓팅에서 어려움을 겪고 있으며, 결과적으로 문화생활을 즐길 기회를 얻지 못하는 경우가 많습니다.   '쉽게, 티켓'은 이러한 문제를 해결하고자 했습니다. 사용자들이 티켓팅 과정을 연습하면서 다양한 난이도의 문제를 경험하여 실제 상황에서의 대응 능력을 기를 수 있도록 도와줍니다. 디지털 격차 없이 누구나 예매 과정을..

멋쟁이 사자처럼 대학 12기 중앙 해커톤 'GROWL TO WORLD'   프로젝트 주제 강아지와 함께 즐겁게 산책할 수 있도록 도그워커와 견주를 매칭시켜주는 플랫폼, 강쥐시그널 프로젝트 기간2024.07.15 - 2024.08.03 주제 선정 배경현대 사회에서 많은 견주들이 바쁜 일정을 이유로 강아지를 산책시키는 데 어려움을 겪는다. 이는 강아지의 신체적, 정신적 건강에 부정적인 영향을 미칠 수 있으며, 견주들은 강아지의 운동 부족에 대한 걱정과 불안을 느끼게 된다. 또한, 강아지와 함께 산책을 하고 싶은 사람들 중 일부는 보수를 목적으로 하는 도그워커와는 다른 형태로, 순수하게 강아지와의 교감을 원하는 경우도 존재한다. 강쥐시그널은 견주와 도그워커를 연결하는 플랫폼으로, 바쁜 생활 속에서도 강아지에게..

유레카 SW교육과정 2기에 합격해서 후기를 남겨본다.해당 교육은 LG유플러스가 운영하고 멀티캠퍼스에서 교육하는 KDT 과정이다.우연히 학교 취업센터 홈페이지를 둘러보다가 발견했고, 좋아보여서 바로 지원했다. 유레카를 선택한 이유백엔드 Only나 풀스택이 아닌 프론트엔드 트랙이 따로 존재한다는 점싸피, KB It's Your Life와 같은 검증된 부트캠프를 운영중인 멀티캠퍼스가 위탁 기관이라는 점타입스크립트를 활용한 리액트 프로젝트가 없어서 해보고 싶었다코딩테스트, 대면 면접등의 확실한 선발 과정 등.. 수료 혜택도 존재한다.서류전형과 코딩테스트를 면제라는 채용 우대 혜택이 있다.어디까지나 우대라는 점은 명심하기!    지원서 접수지원서는 2문항이었고 글자수가 500자로 제한되어 있어서 작성하는 데 오래..

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