바이브 코딩 이 동영상 제작비는… 2억원? 1000만원? 0원?"최소 2억원이 들었을 것이라 봅니다." 동영상 제작업체 씨세븐플래닝즈 정규영 대표가 제주도를 주제로 한 영상을 본 후 내린 평가다. 실제 이 영상 제작에 든 돈은 얼마일까? 답은 '사실상 0원'n.news.naver.com 달라진 세상을 상징하는 신조어, 바이브 코딩 지금까지 코딩은 개발자가 코딩용 컴퓨터 언어를 배우고, 그걸 키보드로 컴퓨터에 입력하는 것이었다. 프로그래밍을 하려면 먼저 수학에 기반한 컴퓨터 언어를 배워야 했다. 물론 제대로 구사하기까지는 많은 경험이 필요했다. 수많은 밤을 키보드를 껴안고 지세야 프로그램이라고 말할 수 있는 것이 나왔다. 하지만 바이브 코딩은 그냥 말하듯이 혹은 친구에게 문자를 보내듯이 AI에게 이런 것..

조유성 - 토스가 디자인 툴을 만든 이유 토스 디자인 컨퍼런스, Simplicity토스가 디자인 툴을 만든 이유 | UX Engineering Team Leader · 조유성 | 스케치, 피그마, 프레이머 다 써봤지만 우리와 딱 맞진 않았죠. 그래서 만들었습니다. 토스만의 디자인 툴, 데우스.toss.im01. 토스의 디자인 툴- 프레이머를 크롬 익스텐션을 만들어서 플러그인을 붙여 사용 02. 외부 툴의 한계- 초기에는 프레이머를 사용했지만 한계를 느낌- 피그마를 사용할 바에 자체 디자인 툴을 개발 (DEUS)ㄴ 더 큰 텍스트 프리뷰를 디자인에서 확인할 수 있도록 ㄴ 자유롭게 툴을 확장하기 위해 03. 데우스1. Core 레이어- 디자인 에디터의 핵심 기능을 담당- 에디터 화면에 나타나는 모든 요소를..

웹뷰 디버깅 화면  키패드가 있는 경우에는 viewport 가 줄어든다. 따라서 [다음] 버튼을 bottom: 0; 에 놓기만 하면 자동으로 키패드 위에 버튼이 놓이게 만들 수 있다.

2025 TPM Meet-Up 핫한 테크 기업 TPM으로 일하기 | 원티드 2025 TPM Meet-Up 핫한 테크 기업 TPM으로 일하기 | 원티드이력서, 채용 공고, 연봉 정보는 물론 프리랜서 프로젝트까지! 신입 취업 및 경력직 이직, 커리어 성장에 필요한 모든 것을 만나보세요.www.wanted.co.kr 4/4 까지 얼리버드 티켓 판매중입니다.잔여수량이 많지 않아서 빨리 신청하는게 좋을 것 같네요.

https://toss.im/slash-24 토스 개발자 컨퍼런스 SLASH24참가 신청 8.23-9.2 / 본 행사 9.12 COEXtoss.im    빠르게 성장하고 싶은 주니어 개발자를 위한 소프트 스킬 5가지     팀에 Winning Mentality를 불어넣는 리더십 스킬 신뢰의 출발, 감정 존중인간은 감정적 존재, 감정을 통제 가능한 변수로 보는 관점 가지기들어주기는 강력한 Tool - 충고/조언/평가/판단 않기감정을 말할 수 있는 1명이 안정감의 원천  신뢰받는 리더 되기도덕책실행자"상대가 망치지 않을 것을 믿는 게 아니라, 망쳐도 믿는 것." - 에드원 캐트멀_Pixar  멤버 간 신뢰 만들기강한 network : 연결을 늘리고, 대역폭(bandwidth)을 높이고- 시간에 따라 자연스럽..

폰트 파일의 형식에 따라 같은 이름의 폰트라도 굵기와 같은 세부적인 특성이 다르게 보일 수 있습니다. 특히 WOFF(웹폰트)와 OTF/TTF(데스크탑 폰트) 간의 차이에서 이런 현상이 발생할 수 있습니다. 이유는 다음과 같습니다:  1. 렌더링 엔진의 차이WOFF는 웹 브라우저에서 사용되며, 브라우저마다 텍스트 렌더링 방식이 다릅니다.Subpixel Rendering 또는 안티앨리어싱 처리가 브라우저 및 운영 체제에 따라 달라지기 때문에 같은 글자라도 굵기 차이가 발생할 수 있습니다.예: Chrome, Safari, Firefox 등의 브라우저에서 동일한 WOFF 폰트도 다르게 보일 수 있음.OTF/TTF는 주로 OS 또는 디자인 툴에서 사용되며, 더 정밀한 렌더링이 가능합니다.이러한 툴들은 폰트의 힌팅..

1. 우아한플레이그라운드가 필요했던배경문서 사이트엔 정책에 대한 내용만 있고, 코드를 어떻게 작성해야 하는 지는 찾아 볼수 없다.스토리북에서는 다양한 사례와 코드가 제공되긴 하는데 코드 일부가 잘 표시되고 있지 않다.AS-IS문서 사이트에서 개요 읽어보기스토리북에서 예제 확인하기대대로 내려오는 과거 조상들의 코드에서 한 수 배우기빈 프로젝트를 생성하여 맨땅에서 실험해보기  2. 구현 👍에디터와 프리뷰srcDoc을 통해 html 컨텐츠를 문자열 형태로 전달npm 라이브러리 importESM 기반의 CDN인 esm.sh에서 npm 라이브러리 로드importmap을 사용하여 esm.sh로 매핑TypeScript/JSX 지원하기esbuild-wasm을 사용하여 JavaScript로 트랜스파일TypeScript..

OpenAI Status OpenAI Status status.openai.com

type: String as PropType와 validator를 사용하는 방식은 타입 정의와 값 검증의 차이에 따라 적합한 상황이 다릅니다. 아래는 두 방법의 차이를 정리한 내용입니다.1. type: String as PropType의 특징주로 TypeScript를 사용하는 경우:PropType을 사용하면, TypeScript가 제공하는 정적 타입 검사 기능을 통해 컴파일 타임에 허용되는 값의 범위를 명확히 정의할 수 있습니다.IDE에서 자동 완성 및 타입 오류를 바로 확인할 수 있습니다.사용 예시:size: { type: String as PropType, default: 'medium',}장점:타입 안전성을 제공하며, 런타임에 추가 검증 코드가 필요 없습니다.TypeScript의 타입 추론과 완..