즐겁게, 코드

2025년 5월 기준 pub.dev에 공개되어 있는 contacts_service 패키지가 제대로 설치, 빌드되지 않는 현상이 있어 대안이 필요한 분들을 위해 기록을 남겨본다.TL;DR : https://github.com/hkhere/flutter_contacts 포크본을 사용한다.1. 플러터로 전화번호부에 접근할 수 있는 기능이 필요해 contacts_service 패키지를 찾게 되었다. (깃허브 주소)2. last update가 3년 전인 것이 쎄했는데, 아니나 다를까 pub get 부터 실패를 마주하게 되었다.3. 문제의 원인은 Android Gradle Plugin 8.2.1 이상부터는 패키지에 namespace 정보가 포함되어 있어야 한다는 것이었는데, 이 블로그 를 참조해 패키지의 build..

요즘 주식 데이터 분석에 흥미가 생겨 오렌지사과 님의 블로그를 잘 읽고 있는데, 구글 시트에 주가를 적재하는 부분에 호기심이 생겼다.위 설명을 대강 요약하면 "특정 페이지에 접속해 페이지 전체를 복사한 뒤, 주가 데이터를 제외한 부분을 손으로 발라내야 한다" 는 것인데, 이런 작업을 쉽게 만드는 것이 개발자의 의무 아니겠던가! 일단 위 작업을 손으로 반복하는 것은 최선이 아닐 것 같아 스크래핑용 람다 함수를 만들어야 할지 고민하고 있었는데, 오늘 다룰 Google Apps Script 를 사용하면 너무나도 손쉽게 작업을 자동화할 수 있다.1. 주가 데이터를 수집하는 방법주가 데이터를 분석하기 위해서는 기본적으로 특정 기간에서의 OHLCV (시가, 고가, 저가, 종가, 거래량) 정보가 필요한데, 데이터를 ..

우연히 블루 아카이브라는 게임을 깔아보고 있었는데, 설치 중 유난히 예쁜 애니메이션이 눈에 들어왔다.별의 일주 운동처럼 축을 기준으로 고리가 공전하는 애니메이션인데 이게 상당히 예쁘게 느껴져 한번 비스무리하게 만들어 보았다.먼저 이런 애니메이션의 특성상 Three.js 를 사용하는 것이 적절해 보였고, 고리 형태를 화면에 그리기 위해 RingGeometry를 사용해야 할 것 같았다.RingGeometry는 기본적으로는 완전한 고리의 형태를 띠고 있는데, 생성자의 6번째 인자인 thetaLength 값을 조절하면 우측처럼 완전하지 않은 고리를 만들 수도 있다./**** RingGeometry 생성자의 인자 목록 (순서대로) **@param innerRadius — Expects a Float. Defaul..

특별한 내용은 없는 일상글인데, 꽤나 신기한 경험이었어서 간단히 적어본다.어렸을 때는 주식이 패가망신의 상징(?) 과도 비슷한 이미지였던 것 같은데 요즘은 어떤 모임이든 최소 두어명은 주식을 하는 것 같다.나도 국내상장 해외 ETF들에 투자하고 있는데, 갑자기 "소프트웨어를 활용하면 지수 이상의 수익률을 낼 수 있지 않을까?" 라는 호기심이 생겼다. 파이썬으로 구현하는 로보어드바이저 | 윤성진 - 교보문고파이썬으로 구현하는 로보어드바이저 | 로보어드바이저 시스템의 핵심 엔진을 개발했던 금융 AI 연구원들이 직접 쓴 책으로, 로보어드바이저를 구성하는 주요 포트폴리오 전략을 파이썬 코드와product.kyobobook.co.kr그래서 지난 주부터 책을 사서 읽고 있는데, 내용이 상당히 흥미롭다. 오렌지사과 ..

학생 때는 1년이라는 시간이 정말 길게 느껴졌는데 올해는 유독 빠르게 지나갔다고 느껴지는 것 같습니다.지나간 시간들이 기억 속에서 휘발되는게 아쉬워, 그간의 기록을 글로 남겨보려 합니다.2024년의 어려움올해 제게 가장 큰 아젠다는 "나는 비슷한 연차의 개발자들 이상으로 성장하고 있는가?" 였던 것 같습니다.안타깝게도 저는 이 질문에 주저없이 "Yes" 를 외칠 자신이 없었고, 어떻게 해야 경쟁력 있는 개발자가 될 수 있을지 고민했던 것 같습니다.그리고 그 답을 찾는 과정에서의 혼란, 의문, 열등감 등의 부정적인 감정들에서 스트레스를 많이 받았던 해였던 것 같습니다. 제가 선뜻 제 역량에 확신을 갖지 못했던 이유는 다른 회사들의 테크 블로그 속 프론트엔드 개발자들은 빌드 - 배포 속도를 극적으로 최적화하..

일반인들은 마우스로 원하는 링크나 버튼을 눌러 웹 페이지를 자유롭게 탐색할 수 있지만, 시각장애인들은 주로 키보드의 Tab 또는 Shift + Tab 또는 별도의 장치를 통해 HTML 태그를 계층적으로 탐색합니다.💡 시각장애인의 웹 탐색 방법이 궁금하다면 스크린 리더 라는 도구에 대해 검색해 보는 것을 추천드립니다.따라서 프론트엔드 개발자들은 시각장애인들이 일반인과 비슷한 수준의 탐색을 경험할 수 있도록 접근성을 신경쓸 필요가 있는데요, 오늘은 모달(팝업) 컴포넌트를 개발할 때 놓치기 쉬운 접근성을 다뤄 보려 합니다. 예시를 위해 간단한 모달을 제작한 모습입니다.export const Modal = ({ open, handleClose }: Props) => { // Backdrop, CloseBut..

공식 문서에 있는 간단한 내용이긴 하지만 기록해두면 좋을 것 같아 정리해 보았다.React-Hook-Form (RHF)의 register 함수와는 달리, vee-validate의 defineField 함수는 기본적으로 타입 추론을 제시하지 않는다. 이것이 무슨 말인가 하면...const { values, errors, defineField } = useForm({ validationSchema,});const validationSchema = yup.object({ startDate: yup .date() .required('날짜를 입력해 주세요') .max(yup.ref('endDate'), '시작일을 종료일 이전으로 입력해 주세요'), endDate: yup.date().requ..