Hello_coding

일하는 회사의 제품 특성상 RFID , 바코드 , 결제기 같은 단말기기를 다루게 되는데, 오늘 이런 기기들의 상호작용에 대해서 팀장님께서 친절히 설명해 주셔서 정리해본다! 1. MCU (Microcontroller Unit) 란 무엇인가. MCU는 소형 컴퓨터로, 마이크로프로세서, 메모리, 입출력 포트 등이 하나의 칩에 통합된 장치 다양한 주변장치에서 제어 및 데이터 처리를 담당 작은 cpu라고 생각하면 된다!! 2. 이 글에서 의미하는 주변장치? 나는 PC기준의 주변장치로만 글을 쓰려고한다! ( 그외는 나도 잘 모름 ㅎㅎ) 주변장치는 주로 개인 컴퓨터(PC) 또는 다른 컴퓨터 시스템과 상호작용하는 하드웨어 장치를 의미하는데, 이러한 장치들은 컴퓨터와 통신하여 데이터를 주고받거나 특정 작업을 수행힌다. ..

로컬스토리만 사용해보고 .. 세션스토리지,쿠키는 대충 알지만... 정확히 모르는 나를 위해 정리하는 글 ^^ web storage - HTML5 이전에는 애플리케이션 데이터가 모든 서버 요청에 포함된 쿠키에 저장했어야 했다. - HTML5부터 Web Storage는 더 안전하게 웹 사이트 성능에 영향을 주지 않고 많은 양의 데이터를 로컬에 저장할 수 있게되었다. - 쿠키와 달리 저장 한도가 훨씬 더 크고, 정보가 서버로 전송되지 않는다. - Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다. - 또한 영구저장소(로컬스토리지) 와 임시저장소(세션스토리지)를 따로 두어 데이터의 지속성을 구분할 수 있어 환경에 맞는 선택이 가능하다. - Web Storag..

✔️ 점진적 향상기법 - 기본적으로 예전 기술 환경에서 동작할 수 있는 기능을 구현해두고 , 최신 기술을 사용할 수 있는 횐경에서는 최신 기술을 제공하여 더 나은 사용자 경험을 제공할수 있는 방법 - 브라우저가 차례대로 지원하는 포맷인지 탐색하여 만약 지원하지 않는 포맷이라 판단되면 다음요소로 넘어가며 사용하는 기법 ex) type속성 1. 위에서부터 차례대로 브라우저가 지원하는 포맷인지 탐색한다 2. 만약 지원하지 않는 포맷이라고 판단되면 다음 source로 넘어간다 3. 만약 모든 source 요소의 이미지 사용이 불가능 하다면 요소의 이미지를 랜더링한다. (WebP나 AVIF와 같은 최신 포맷의 이미지를 지원하고싶다면 크로스브라우징을 위해 요소와 함께 사용하는것이 좋다.) ✔️ 이미지 포맷의 종류 ..