Tomato
AI가 코드를 짜는 시대, 나의 역할은 무엇일까
·
카테고리 없음
요 근래 저는 제가 직접 코드를 치는 것 보다 CODEX라는 친구를 시켜 코딩을 하는 경우가 많은데 생산성이 눈에 띄게 달라지는걸 느꼈습니다.하루에 끝내지 못할 것 같았던 작업들인데도 한 시간안에 끝나는걸 보니 기분은 좋지만 여러 가지 의문이 들었습니다. 1. 나는 바이브코딩으로 개발하는 사람들과 무엇이 다를까?( 절대 이 글은 바이브 코딩을 비하하는 것이 아닙니다 🙇‍♀️ ) 솔직히 이 질문이 머릿속을 맴돌기 시작했습니다.바이브코딩 한다고 하면 보통은 AI한테 "이거 만들어줘" 해서 딸깍 배포하고 안 되면 AI한테 "왜 안 돼?" 하는 방식. 가장 큰 장점은 빠르고 실제로 동작하는 결과물을 만들어낼 수 있다는 점입니다. 하지만 CODEX가 코드를 빠르게 생성하는 모습을 보면서 한 가지 고민이 들었습니..
[라이브러리 개발 일기] Stylelint 가 어떻게 하드코딩을 막을까?
·
궁금증 해결소
안녕하세요 개발하는 토마토입니다 🍅 저번 블로그 글을 두달 전에 쓰고,, 다시 저의 프로젝트로 돌아와서 글을 쓰게 되었습니다 ㅎㅎ 주제는 저번에 1편을 썼던 것에 이어, 저의 designLint가 어떻게 하드코딩된 스타일 된 값을 막는지에 대해서 조금 더 자세히 살펴보려고 해요. 이 규칙이 해결하려고 한 문제예를 들어 아래와 같은 코드는 언뜻 보면 큰 문제가 없어 보입니다.const Button = styled.button` background-color: #8052E1; color: #FFFFFF;`; 하지만 이런 코드가 쌓이기 시작하면 디자인 시스템에서 정의한 토큰과 실제 UI 코드가 점점 멀어지게 됩니다. 색상 변경이 필요할 때도 토큰만 수정해서 끝나지 않고, 곳곳에 흩어진 하드코딩 값을 다시..
[라이브러리 개발 일기] 디자인 시스템 컨벤션 좀 지켜 !! - 1
·
궁금증 해결소
안녕하세요 메이토입니다 🍅 사실 이제는 우아한 테크코스가 작년에 끝나버렸기 때문에 더이상 메이토라는 이름을 쓰지는 않지만,, 그래도 이 개발 세계관에서는 여전히 토마토로 존재하니까요 (?) 저는 우아한 테크코스가 끝나갈 무렵, 봄봄 프로젝트 팀에 프론트엔드로 합류하게 되었습니다 ! 이미 4개월 동안 개발이 진행되고 있던 팀에 합류한다는 것,, 그것은 곧 도메인과 코드 컨텍스트, 컨벤션 등에 대해 모두 파악하고 바로 피처 개발에 들어가야 하는 상황이었습니다 🥲 ... 그렇게 합류한지 두달이 된 지금 ! 저는 컨벤션을 아주 잘 지키고 있을까요? 안타깝게도,, 한번씩 까먹어서 리뷰에서 피드백을 받기도 합니다.. 그래서 이 글의 제목 '디자인 컨벤션 좀 지켜!!' 는 곧 저에게 하는 말이었습니다 ㅎㅎ 라이브..
[Woowacon 2025] 우아한 공방, 그리고 AST와 MCP
·
카테고리 없음
안녕하세요 메이토입니다 🍅 오늘 우아콘에 운좋게 당첨되어 다녀왔는데, 우아콘 신청 때부터 기대하고 있던 세션인 "당연해진 디자인 시스템, 그다음 이야기: AST와 MCP로 여는 미래" 를 듣고 제가 느낀 인사이트와 후기를 남겨보고자 합니다 🎯 많은 서비스들이 일관된 UI를 위해 디자인 시스템을 갖추게 되는데, 컴포넌트가 많다보면 디자인 시스템에서 벗어나는 컴포넌트를 디자인하거나 개발하게 되는 경우도 발생합니다. 이번 세션에서 소개된 우아한 형제들의 디자인 시스템인 "우아한 공방"에서도 역시나 동일한 문제를 경험하였습니다. 우아한 공방 TF 팀에서 이미 처리하고 있던 티켓 수가 거의 연 1000건에 달할 정도로 많았고, 그 과정에서 디자인 시스템 내에 없는 컴포넌트를 디자이너가 만들게 됩니다. 이 때 ..
‘깨져도 괜찮은 웹’을 만드는 법 – 우아한 낮춤
·
궁금증 해결소
안녕하세요 메이토입니다 🍅 요즘 기술 블로그 글을 쓸 주제가 굉장히 많아서 기분이 좋네요 ! 제가 그만큼 모르는 것들이 많이 발견되고 있어서가 아닐까 싶기도 한데, 배운걸 기록하면서 정말 많이 배우는 것 같습니다. 혹시 여러분, 우아한 낮춤에 대해서 들어보신적 있으신가요 ?우아한 낮춤(Graceful Degradation), 우아한 성능저하는 최신 브라우저에서 동작하는 웹사이트 구축에 주력하되 오래된 브라우저에서 좋지 않은 경험이라도 필수 컨텐츠 등을 제공하는 설계 철학입니다. 우아한 성능 저하 _ mdn ▼더보기https://developer.mozilla.org/ko/docs/Glossary/Graceful_degradation 우아한 낮춤을 공부하던 중, 최적화를 위해 했던 프로젝트(성능 개선 프..
프론트 개발자가 바라보는 멱등성🔥
·
궁금증 해결소
안녕하세요 메이토입니다 🍅 저저번달 아인슈타임 팀 백엔드 개발자가 테코톡 발표를 하다가 처음 "멱등성" 이라는 단어를 접하게 되었습니다 . 처음 들었을 때 굉장히 새로운 단어였는데 그때는 백엔드만 알아도 되는걸까 라고 생각했지만, 멱등성에 대해 알아보게 된 계기가 생겨 까먹지 않고자,, 프론트엔드 개발자가 바라본 멱등성에 대해 간략히 소개해보도록 하겠습니다. 우선 멱등성이란 무엇일까요? 동일한 요청을 한 번 보내는 것과 여러 번 연속을 보내는 것이 같은 효과를 지닐 때,그리고 서버의 상태도 동일하게 남을 때 가지는 속성을 의미합니다.아래 이미지를 보시면 Http method 마다 멱등성(Idempotent) 이 보장되는가 에 대해서 나타내고 있습니다.(참고:ㅣ RFC editor- https://www..