토토가 잘 자라고는 있는데 추욱 힘이 없는 것 같다고 느껴진다... 진짜 슬슬 가지치기를 해야할 시기가 오는 것 같다고 생각된다. 앞에 눈에 거슬리는 작은 토토도 슬슬 결단을 내릴 것 이다. - 두둥 -

PWA가 뭘까? 프로그레시브 웹 앱 ( Progressive Web Apps )은 웹 앱과 네이티브 앱의 장점을 모두 제공하는 개발 철학이다. 설명에서 나온 것처럼 진보된 형태의 웹 애플리케이션 개발이라고 할 수 있다. 여기서 말하는 웹 앱의 장점과 네이티브 앱의 장점은 뭘까? 웹 앱 앱을 설치하는 것보다 웹사이트에 방문하는 것이 훨씬 빠르고 쉽다 또한 브라우저가 설치된 어떠한 장치에서도 접근이 가능하며, 새로운 콘텐츠를 빠르게 배포할 수 있고, 링크로 쉽게 공유할 수 있다. 특별하게 많이 사용하는게 아니라면 웹사이트의 애플리케이션은 설치하지 않는 것이 일반적일 수 있다. 그래서 쇼핑몰 등에서 어플로 구매 시 더 많은 할인을 해주는 것 같다. 네이티브 앱 운영체제와 잘 통합되므로 부드러운 사용자 경험을 ..

키야~ 이거 완전 나무다 나무! 앞에 쪼꼬미 토토는 자랄 생각이 없네,,,, 아무래도 큰 토토가 양분을 다 먹어서 그런가?? 화분에는 식물 하나만 키울 수 있는 인원 제한이 있는 건가!!!! 가지치기를 할때 결단을 내려야할 것 같다..

오늘도 쑥쑥 자라고 있는 토토! 줄기가 아주 단단하다. 토마토를 키우다 작대기를 꼽아서 토마토가 쓰러지지 않게 지탱해줘야 하는줄 알았는데 이렇게 튼튼하면 그럴 필요가 없을 것 같다. 근데 잎이 너무 많아서 잘 자라게 하려면 가지치기를 해야한다고 해서 조만간 가지치기를 할 계획이다. 괜히 했다가 죽는게 아닌가 몰랑~

CRA를 사용해서 React를 구성하는 경우가 많았는데, 최근 TDD, 클린 코드 with React 3기를 통해서 Vite를 사용하는 환경을 구성하게 되었다.  당장 구현 자체는 간단한 라이브러리를 통해서 할 수 있지만 Vite가 뭔지, 어떤 장점이 있는지 알아보고 실제 환경을 구성하는 방법을 알아보자  Vite바이트? 비트? 다양하게 읽는 사람이 있는데 홈페이지에서는 다음과 같이 안내하고 있다.  프랑스어로 "빠르다(Quick)"를 의미하며, 발음은 "veet"와 비슷한 /vit/ 입니다.  명칭을 봤을때도 알 수 있게 빠른 자바스크립트 번들링 툴이다. Webpack 같은 번들링 툴이 있는데 Vite가 나온 이유를 알아보자면 다음과 같다.  너무 긴 서버 구동 콜드 스타트 방식을 통해 개발 서버를 구..

웹 접근성 공부를 위해서 공부한 내용 시리즈 ▶ 2024.02.17 - [Web] - 웹 표준, 웹 호환성, 웹 접근성 ▶ 2024.02.21 - [Web] - 웹 접근성 시나리오 ▶ 2024.02.25 - [Web] - 웹 접근성이 왜 필요할까? 동그란 버튼이 무엇인지 모름 크기 큰 버튼을 누르세요 => 큰 버튼이 무엇인지 모름 위치 왼쪽에 있는 버튼을 누르세요 => 왼쪽이 어딘지 모름 방향 현재로부터 아래에 있는 버튼을 누르세요 => 현재 내가 어디있고 내 아래 어디에 버튼이 있는지 모름 색 파란색 버튼을 누르세요 => 파란색을 확인할 수 없음 소리 ( 동작이 맞거나 틀렸을 때 특정 소리가 나오는 경우 ) => 무슨 소리인지 모름

바로 나와버린 메타몽쿤! 갤럭시 버즈 케이스로 메타몽 케이스를 팔길래 바로 겟 해버렸다. 진짜 메타몽 너무 귀여워!! 오늘은 토토도 기분이 좋은지 잎이 위로 뻗어있다. 근데 진짜 줄기 제일 아래에 있는 최초의 싹 잎은 계속 있는게 맞나? 저 친구들은 잎 모양이 다른데 자라면서 떨어져야하는거 아닌가?!

웹 접근성 공부를 위해서 공부한 내용 시리즈 ▶ 2024.02.17 - [Web] - 웹 표준, 웹 호환성, 웹 접근성 ▶ 2024.02.21 - [Web] - 웹 접근성 시나리오 span 태그는 Interactive 태그가 아니므로 키보드 포커스가 가지 않는다. => tabindex = "0"을 통해서 포커스가 가도록 수정 버튼 => span 태그는 스크린리더가 읽을 때 " 버튼 " 이라고 읽지 않는다. => role을 버튼으로 수정 버튼 => role="button"을 지정해도 태그의 네이티브 기능은 변하지 않는다. => 버튼 동작을 위해서 키보드로 "엔터", "스페이스바"를 눌렀을 때 동작하도록 수정 버튼 ※ tabindex 키보드 많으로 웹 전 항목을 접근할 수 있도록 하는 속성이다. 마우스 사용..