1. GN⁺: CSS Grid로 악보 출력 하기- 웹에서 악보를 유동적이고 반응형으로 렌더링하는 것은 음악가와 음악 애호가 모두에게 매우 유용- PDF 악보를 작은 화면에서 확대/축소하며 보는 불편함을 해소- CSS의 Grid와 Flex 레이아웃을 활용- 하지만 한계가 발생 : 줄 바꿈 시 자동으로 음자리나 조표를 배치/ 묶음줄을 자동 연결하는 것 같이 음악적 문맥을 이해해야 하는 부분은 자바스크립트의 도움이 필요함. CSS Grid로 악보 출력 하기 | GeekNews작은 모바일 화면에서 A4 PDF를 확대하며 연주하는 음악가들을 위해, 웹에서 유동적이고 반응형인 악보 렌더링이 필요함Scribe 프로토타입과거에 JSON에서 SVG를 출력하는 Scribe라는 음악 렌더러를news.hada.io 2. GN..

Groups and Ranges- | : 또는- () : 그룹- [] : 문자셋, 괄호안의 어떤 문자든- [^] : 부정 문자셋, 괄호안의 어떤 문이 아닐 때- (?:) : 찾지만 기억하지는 않음 (group X) Quantifiers- ? : 없거나 있거나- * : 없거나 있거나 많거나- + : 하나 또는 많이- {n} : n번 반복- {min,} : 최소- {min, max}: 최소, 최대 Boundary-type- \b : 단어 경계- \B : 단어 경계가 아님- ^ : 단어의 시작- $ : 단어의 끝 Character classes- \ : 특수 문자가 아닌 문자- . : 어떤 글자 (줄바꿈 문자 제외)- \d : digit 숫자- \D : digit 숫자 아님- \w : word 문자- \W :..

1. 아마존, 매장에서 "Just Walk Out" 결제 시스템 폐지- 이 기술은 인공지능과 기계 학습의 발전을 보여주는 사례로, 카메라와 센서를 이용해 고객이 매장에서 가져가는 물건을 추적함. - 인도에 있는 1,000명 이상의 인력이 비디오를 보며 라벨링하여 정확한 계산을 보장함. - 고객이 매장을 떠난 후 영수증을 받는 데 몇 시간이 걸릴 때가 있었고, 이는 해외 캐셔가 비디오를 다시 보고 고객별로 항목을 할당하기 때문 - 각 매장에 설치된 스캐너와 비디오 카메라 시스템은 매우 비용이 많이 듬. - 아마존은 '대시 카트(Dash Carts)'로 전환하고 있으며, 이는 쇼핑 카트에 내장된 스캐너와 화면을 통해 쇼핑하는 동안 결제할 수 있게 함. - 계산대 없는 매장 기술의 폐지는 소비자와 소매업체 모..

상태 관리 작중에 이론, 개념으로만 보던 무한루프를 직접 겪어버렸다. 내가 찾아본 해결 방법은 다음 아래와 같다. 이벤트 핸들러 내에서만 상태 업데이트 함수 호출하기: 상태를 업데이트하는 함수(setState 등)는 이벤트 핸들러나 특정 생명주기 메서드(예: useEffect) 내에서만 호출해야 합니다. 컴포넌트의 본문에서 직접 호출하면 안 됩니다. 조건부 렌더링 검토하기: 상태에 따라 컴포넌트를 조건부로 렌더링하는 경우, 상태 업데이트 로직이 무한 루프를 일으키지 않도록 조건을 적절히 설정해야 합니다. useEffect의 종속성 배열 검토하기: useEffect 내에서 상태를 업데이트할 때는 종속성 배열을 올바르게 설정해야 합니다. 잘못된 종속성 배열로 인해 useEffect가 무한히 반복 실행될 수 ..