레오의 프론트엔드 개발

안녕하세요! 오늘은 웹 접근성에 대해 이야기해보려고 합니다. 웹 접근성은 모두를 위한 웹 개발의 중요한 요소입니다. 웹 개발자로서 우리는 가능한 한 많은 사람들에게 웹 사이트와 애플리케이션을 이용할 수 있는 기회를 제공해야 합니다. 그렇다면 웹 접근성이 정확히 무엇을 의미하는지 알아보겠습니다. 웹 접근성은 장애를 가진 사람들을 포함하여 모든 사용자가 웹 콘텐츠에 접근하고 이해하며 상호 작용할 수 있는 능력을 의미합니다. 시각적, 청각적, 지적, 물리적 장애, 고령화 등 다양한 사용자 그룹을 고려해야 합니다. 웹 접근성을 개선하는 가장 중요한 단계 중 하나는 웹 표준을 준수하는 것입니다. 웹 표준은 웹 사이트를 구축하는 데 사용되는 기술과 규칙의 집합입니다. HTML, CSS, JavaScript 등과 같..

어제 React의 렌더링 관련 깊은 동작방식에 대해 그동안 봤던 포스팅중에 가장 자세한 내용의 번역본을 읽게 되어 꼼꼼히 읽어보았다. 어느정도 React의 동작 방식을 알고 있었지만 이번 글을 보면서 실무에서 겪었던 경우들을 떠올리며 "아하" 하는 부분들이 있었고 한층 더 React 컴포넌트 설계 및 렌더링 최적화에 대해 이해할 수 있었다. 이번 글에서 가장 눈여겨 보았던 부분은 Memoization 과 관련해 Props 참조 최적화 단락이었는데, React의 관점에서 참조가 변경되는 것을 감지하는 방식과 최적화를 위해 Memoization을 사용하는 최선의 방식과, 당연하다고 생각했던 것과 반대되는 관점들을 소개한 부분이 인상 깊었다. 내가 깊게 생각해본 적이 없었던 부분이라 흥미로웠고 결과적으로 실무..

art1st.me 프로젝트 개인 웹사이트 기본 구성 AdSense 인증을 위해 DNS 루트 레코드 블로그로 이동 로그인 및 사용자 관리를 위해 AWS Cognito User Pool 생성 AWS SES DKIM 인증 및 설정 인증 Provider 설정 (Google via GCP) api.art1st.me Nest.js 구성 M2344 버스 추적 세팅

최근 해킹 관련된 이슈들이 많이 부각되면서 저도 대부분의 웹사이트를 모바일 OS나 브라우저 자체적으로 임의 비밀번호를 생성해주고 자동으로 키체인에 저장하는 방식으로 바꾸기로 했습니다. 바꾸는 와중에 iOS와 Chrome 브라우저에서 공통적으로 저장된 사이트에 대해 비밀번호를 변경하는 버튼을 표시해주는 걸 발견했는데요 웹개발자 입장에서 저는 이런 생각이 들었습니다. 웹사이트마다 비밀번호 변경 페이지 주소와 방식이 제각기 다를 텐데 어떻게 저 버튼을 표시하지? 라는 생각이 드는채로 일단 눌러봤습니다. 그랬더니 그냥 웹사이트 메인 화면만 뜨고 비밀번호 변경과 관련된 내용은 전혀 나타나지 않습니다. 혹시나 해서 다른 도메인의 웹사이트들도 시도해봤는데 똑같고 심지어 404 페이지도 나타납니다. 그러다 어떤 사이트..