전체 글

노드 17 에러 갑자기 잘 작동하던 프로젝트 실행이 안되고 에러가 떴다. error:03000086:digital envelope routines::initialization error 찾아보니 노드17 에서 발생하는 문제인 것 같았다. 노드 버전 다운그레이드 하는 방법 https://www.educative.io/edpresso/how-to-downgrade-node-version How to downgrade node version Creator: Nouman Abbasi www.educative.io LTS 버전으로 다운그레이드 sudo npm install -g n sudo n 16.13.2 이렇게 하고 나니 해-결!

2021 연말리뷰 제로베이스 프론트엔드스쿨에서 마크업 강의 제작 오프라인 강의라면 차라리 덜 부담이 되었을 것 같은데 온라인 강의는 강의가 팔리는 동안은 계속해서 남아있는 존재라고 생각되니 부담이 엄청나게 됐다. 10시간 분량 녹화를 위해 꼬박 3개월 가량 걸린 것 같다. 아마 다 찍고 보니 12시간 분량정도 나온 것 같다. 이것을 20분 내외의 클립으로 쪼개서 목차를 만들기 때문에 상당히 많은 양의 클립 영상이 제작되었다. 매주 오프라인 녹화장에서 녹화를 했는데 한번에 3시간 이상 녹화하기 힘들었다. 목소리가 완전 맛이간다. 원테이크로 쭉 촬영하는게 아니라 절거나 실수가 있으면 다시 찍고 또 찍고 하기 때문에 3시간 이상은 체력적으로 불가했다. 강의 준비부터 촬영, 촬영 후 검수 작업이 모두 만만치 않..

Spline 3D Design Tool 스플라인 첫 작품! https://my.spline.design/qoozingee-65f610b68ea082651659dccd31e403d1/ qoozingee my.spline.design https://linktr.ee/splinetool @splinetool | Linktree Spline - Online 3D Design Editor linktr.ee

EO 채널에서 대작이 올라오고 있다! 우연히 보게 된 #유니콘하우스 1화에서 '와 이거 대박이다' 를 감지하고, 매주 일요일만을 기다리고 있다. 얼마나 다양한 분야에서 고군분투하고 있는 스타트업이 많은지 조금이라도 알 수 있어서 좋고, 무엇보다 방구석에서 투자자 입장에서의 사업을 바라보는 시각을 알 수 있어서 그게 제일 재밌다. 무엇보다 스타트업 사람들의 그 바이브가 참 좋다... 더불어 연출/촬영/편집 모두 그냥 프로 방송 프로그램 수준이어서 당장 tvN에서 방영한다고 해도 믿을 수준이다. 유튜브 채널이 이젠 정말 하나의 방송국이 되는구나 싶다. 유니콘하우스 하우스 육성편! 그동안 조명되지 않은 스타트업 엑셀러레이터의 스타트업 육성 노하우가 공개된다! 매주 일요일 저녁 8시 업로드!! 공간 지원: 슈피..

FEConf 모든 영상 다시보기 FEConf Korea프론트엔드 개발의 소중한 경험을 공유합니다! 프론트엔드 개발자에 의한! 프론트엔드 개발자를 위한! 프론트엔드를 개발하며 마주했던 치열한 고민과 깊은 인사이트를 공유하며 여러분과 함www.youtube.com  [2021] Do more, with less. - 디자인 시스템, 그다음은? @토스 사내에서도 가장 많이 회자된 것이 바로 이 토스의 디자인 시스템 핸드오프 방법이었다. 토스가 TDS(Toss Design System)에 대한 자부심은 이미 많이 들었던 지라 익숙했는데, 그래서 그 실제 사용사례가 너무나도 궁금했다. 이렇게 까지 자세하게 hand-off 기능을 보여줬던 적이 있었나 싶을 정도로 이번 발표를 정말 놀라웠다. 핸드오프툴을 오픈소스로..

페이스북, 회사 이름 '메타'로 바꾼다 - BBC News 코리아 '메타'라는 단어는 '저 너머'를 의미하는 그리스어에서 유래했다. www.bbc.com '메타(Meta)'로 사명을 바꾸는 페이스북을 보니, 메타버스에 정말 진심이구나 하는 걸 느꼈다. 페이스북은 더이상 SNS로써 흥미롭지 않은데, 메타로 바뀐 후에는 어떤 혁신을 보여줄지 기대가 된다. 페이스북을 처음 접했던 2010년에서, 현재의 2021년을 생각하면 꽤나 많은 것들이 바뀐 것 같다. 메타(구 페이스북)의 2030년이 기대된다. 메타버스의 기본 개념 presence avatars home space teleporting interoperability privacy and safety virtual goods natural interfac..

정말 정말 오랜만에 그려보는 CSS 드로잉! 귀염뽀짝한 춘식이를 그려봤습니다 :) See the Pen [CSS Drawing] Choonsik of Kakao Friends by zinee (@zineeworld) on CodePen. 영상 풀버전

Design for Safari 15 - WWDC21 - Videos - Apple Developer Meet Safari 15: redesigned and ready to help people explore the web. Discover how you can approach designing websites and apps for... developer.apple.com Theme Color Safe area 확장 https://developer.mozilla.org/en-US/docs/Web/CSS/env() env() - CSS: Cascading Style Sheets | MDN The env() CSS function can be used to insert the value of a user ..

시작 input에 값이 있는 경우에만 submit button이 활성화 되도록 요구되는 시나리오는 매우 흔합니다. 그럴때 input에 값이 있는지 없는지를 자바스크립트가 아닌 css만으로 알 수 있는 방법이 있을까 찾아보게 되었습니다. 그렇게 :placeholder-shown 이라는 선택자를 알게 되었습니다. 플레이스 홀더가 보여지는 상태를 나타내므로, 값이 있는 상태라면 플레이스 홀더가 가려질테니 :not(:placeholder-shown)으로 사용해보았습니다. 예제 See the Pen [CSS] :placeholder-shown by zinee (@zineeworld) on CodePen. input 값이 없는 경우 버튼에 pointer-event: none; 속성을 적용해서 버튼의 클릭 이벤트를 ..