Side Project Portfolio (Essential)

CHINGOO.BE - 가장 재밌게 친구비를 받는 방법. Contribute to skymins04/chingoo.be development by creating an account on GitHub.

가장 재밌게 친구비를 받는 방법

서론 필자가 최근 프로젝트를 진행하면서, SVG 이미지 파일들을 컴포넌트처럼 import하여 사용하고 싶다는 니즈가 생겼다. 그래서 Next.js와 Storybook 등, Webpack 환경에서 SVG 이미지 파일을 컴포넌트처럼 사용하는 방법을 찾아보았고, 이번 포스팅에선 이를 공유해보려 한다. SVGR과 @svgr/webpack SVGR은 SVG 이미지 파일을 React 컴포넌트로 변환해주는 프로젝트이다. 그중에서 @svgr/webpack 패키지를 이용하면, Webpack 번들러를 이용하는 프로젝트에서 SVG 이미지 파일을 컴포넌트처럼 import하여 사용할 수 있게 된다. SVGR - Transforms SVG into React Components. - SVGR Transforms SVG into ..

서론 최근 필자는 Supersturct를 사용해보다가 Superstruct는 기본적으로 오류메시지를 커스텀할 수 없다는 점을 알게됐다. 이는, 개발자가 임의로 오류메시지를 수정하여 부정확한 validation 결과를 내보내지 못하도록 하는 Supersturct의 철학이라고 한다. 하지만 일상적인 상황에선 사용자에게 현재 발생한 오류에 따른 문구를 보여주어야 하는 상황이 더 많을 것이고, Supersturct는 이를 위한 대응을 지원하지 않는다. 이를 위한 해결방법을 찾다가 Superstruct GitHub issue에 괜찮은 아이디어를 발견하게 되어 이번 포스팅에서 소개해보고자 한다. 해결책: 오류 메시지 함수를 직접 만들어버리자 custom error messages · Issue #568 · ians..

서론 이번 포스팅에선, 필자가 CHINGOO.BE 프로젝트(GitHub repo.)를 진행하면서 여러가지 최적화들을 시도하다가 번들 사이즈 관련 최적화의 일환으로 기존 프로젝트에서 사용중이던 zod 라이브러리를 superstruct로 전환하게 된 과정을 소개한다. Zod를 다른 라이브러리로 전환하려는 이유 Zod에서 다른 라이브러리로의 전환을 통해 달성하려던 목표는 "번들 사이즈" 절감이어있다. CHINGOO.BE는 Next.js 기반의 프로젝트라서 next-bundle-analyzer를 돌려보았었다. 여러가지 눈에 띄는 큼직큼직한 패키지들이 보인다. react-dom에나 next관련 패키지는 대체 가능한 패키지가 없으니 건너뛰고, 그 다음으로 가장 눈에 띄는 패키지는 위 이미지에서 빨간 박스가 쳐진 Z..

Unithon-10th-team8 has 6 repositories available. Follow their code on GitHub.

데스크탑 화면에 웹 페이지 오버레이를 띄울 수 있는 Electron 유틸리티. Contribute to skymins04/desktop-web-overlayer development by creating an account on GitHub.

📎 Clippy 공식 확장 프로그램] 이제 Twitch에서 Clippy를 간편하게 사용하세요! Clippy Extension은 Clippy의 클립생성 기능과 클립열람 기능을 Twitch에서 바로 사용할 수 있도록 제공합니다. [⚙️ 주요기능] 1. 클립 버튼을 Clippy에 연동해줘요! - Twitch 클립생성 버튼을 클릭하거나 단축키를 누르면 바로 Clippy 클립 생성 페이지로 연결됩니다. (Windows: Ctrl+Alt+x, MacOS: Cmd+Option+x) 2.

CLIPPY

트위치 클립생성 서드파티 클리피 (CLIPPY) 서비스를 출시합니다! https://clippy.kr 2022년 12월 13일, 트위치에서 한국 내 VOD 서비스 신규 생성을 막는 조치를 함에 따라 클립 기능 이용에 차질이 생겼습니다. 이에 따라 별도 사이트에서 클립을 생성하고 볼 수 있는 클리피 서비스를 만들어 출시하게 되었습니다. 클리피 에서는 웹 환경에서 간편하게 클립을 생성할 수 있고,  간편한 UI로 클립을 보고 즐길 수 있습니다. 그리고 하나뿐인 소중한 순간순간 을 다시 남길 수 있게 됩니다. Clippy 서비스는 현재 베타서비스 입니다. 앞으로 클립을 더 쉽게 관리하고 소통할 수 있는 공간을 제공드릴 계획입니다. 빠른 업데이트와 유저 피드백을 통해 더 좋은 서비스로 발전하겠습니다. 고맙습니다. Clippy 팀 드림 ----------- [클립 생성을 편하게 하는 법] 트위치 패널에 배너를 등록하고, 스트리머 페이지로 연결하면 편하게 클립을 생성할 수 있습니다! https://clippy.kr/channel/{스트리머 트위치 ID} ex) https://clippy.kr/channel/lilpaaaaaa ----------- [업데이트 기록] (12월 14일) 클립 삭제 기능이 추가되었습니다. https://support.clippy.kr/4b3e38a0e75245a7a2681e9e806a5f60 (12월 18일) 클립 임베드 공유 기능이 추가되었습니다. https://support.clippy.kr/ca2a237168b54ff68bf688b564b67a7d (12월 21일) 공식 크롬 익스텐션이 출시되었습니다. https://support.clippy.kr/49057300473a48e8bf6dde5575b16fb4 (12월 23일) 핫클립 메뉴가 업데이트되었습니다. https://support.clippy.kr/6885569573204223873b0b4632220f8d (12월 23일) PIKU 이상형 월드컵에서 클리피를 사용할 수 있습니다. https://support.clippy.kr/PIKU-fdcea16f12df4a2897f64eb33c43f95a (12월 28일) 빵떡이 !클립 명령어로 클리피 클립을 생성할 수 있습니다. https://support.clippy.kr/f4f42e9081e4462bb448795e8c79479b (1월 8일) 클립 다운로드 기능이 추가되었습니다. https://support.clippy.kr/5ca55f4592e24e8d9b824f4ce7001112

#성과공유회#공공데이터#인턴십

[잡포스트] 전진홍 기자 = 인천직업능력교육원(원장 이수남) 고교위탁과정 정보보안·해킹전문가 과정에 재학 중인 강민수 학생이 혼자서 ‘홍수 경보 웹사이트’를 제작해 주목받고 있다.강민수 학생이 지난 13일 공개한 ‘실시간 하천 수위 현황’은 서울시 각 지역의 하천 수위 비율을 인포그래픽으로 정리한 사이트다. 각 지역에 마우스를 대면 인근 하천 현재 수위를 확인할 수 있고, 하단에는 인공위성 지도를 통해 하천의 정확한 위치와 침수 발생 시 예상 지역도 표기된다.강민수 학생은 언론사들과의 인터뷰를 통해 “하천 수위 현황 모니터링 자료가

8월 8일 중부 지방을 휩쓴 폭우는 서울을 마비시켰다. 강남역 일대가 침수됐고 재산·인명 피해도 속출했다. 정부는 ...

국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Dataset)와 Open API로 제공하는 사이트입니다.