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의 타입 추론과 완..

Designing Inclusive AI for Marginalized Population - 김영호 Naver AI Lab AI가 이들의 대화를 중간에서 도와준다면?AACessTalkYoung-Ho Kim | HCI Researcher and Builder Young-Ho Kim | HCI Researcher and BuilderI am a Lead Research Scientist at NAVER AI Lab, leading the Human-Computer Interaction Research Group. As a Human-Computer Interaction researcher, I do research at the intersection of Ubiquitous Computing, Person..

Vuex와 Pinia는 Vue.js 애플리케이션에서 상태 관리를 제공하는 라이브러리입니다. Vuex는 Vue의 공식 상태 관리 라이브러리이고, Pinia는 Vue 3와 함께 등장한 경량 상태 관리 솔루션으로, Vuex의 복잡성을 줄이고 더 직관적인 사용법을 제공합니다.  Vuex가 무엇인가요? | VuexVuex가 무엇인가요? Vuex는 Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리 입니다. 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를v3.vuex.vuejs.org  Pinia | The intuitive store for Vue.jsIntuitive, type safe, light and flexible Store for Vuepini..

지난 10년간 여러 CSS 방법론들이 있었지만 2024년인 지금 가장 대중적인 방법은 아마 tailwind CSS 일 것이다. 하지만 나에겐 테일윈드마저 약간 오버스펙으로 다가와서 직접 필요한 스타일만 추가해서 유틸리티 CSS를 만들게 되었다. 결과적으로 핀크 내 서비스를 개발할 때 아주 편리하고 유용하게 사용하고 있어서 공유해본다. 사실 특별할 건 정말 하나도 없다. Tailwind CSS란?Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.Tailwind CSS is a utili..

- 참고 -아직 수정중인 글입니다   서론환경적 이슈전직장에서 주된 작업이 디자인 시스템이었기 때문에 핀크에 이직한 뒤 가장 먼저 맡게 된 것은 디자인시스템 구축이었다. 잦은 디자이너, 퍼블리셔, 개발자 교체로 인해서 히스토리가 연결되기 쉽지 않은 상태였다. 디자인 역시 스케치에서 피그마로 전환하게 된지 얼마 되지 않아서 모든 화면이 피그마 파일로 존재하는 것도 아니었다. 디자인 시스템 구축을 해본 경험이 있는 디자이너 1명이 리딩을 하고 있었는데 반년이 지나도록 별다른 성과를 만들지 못한 것 같았다. 사실 디자이너 혼자서 운영/신규 피쳐 디자인 대응을 해가면서 모바일(AOS/IOS)과 웹 디자인 시스템을 구축한다는 건 정말 어려운 일이다. 회사에서도 결과물이 나오지 않은 상태에서 수개월 간 디자인 시스..