웹 접근성은 모든 사용자가 디지털 콘텐츠에 동등하게 접근할 수 있도록 보장하는 것으로, WCAG 가이드라인을 준수하고 시맨틱 HTML, 충분한 색상 대비, 키보드 탐색 지원, ARIA 적용, 대체 텍스트 제공 등을 통해 향상할 수 있습니다. 접근성은 선택이 아닌 필수입니다.

웹 접근성 (Web Accessibility)

블로그를 운영하며 글쓰기의 어려움을 겪고 있는 저자는 공유보다는 기록에 중점을 두기로 결심했다. 글쓰기가 잘 되지 않는 이유는 다른 사람들의 공감을 고려하게 되기 때문이며, 자신의 생각에 집중할 때 글이 잘 써진다고 느낀다. 블로그는 자신의 생각을 기록하는 공간으로 생각하고, 이를 통해 글쓰기 능력을 향상시키고자 한다.

공유보다 기록

팀장으로서의 경험을 통해 팀의 생산성을 높이고 역할과 책임(R&R)을 명확히 하여 팀원들이 자신의 업무를 이해하도록 도왔으며, Jira와 Kanban 보드를 활용해 프로젝트 관리와 소통을 강화했다. 팀워크를 증진시키기 위해 워크숍과 버크만 진단을 진행하여 팀원 간의 이해를 높였고, 결과적으로 안정적인 팀으로 평가받는 성과를 이루었다.

팀장, 그 1년의 기록

'긍정', '낙천', '낙관'은 각각 현재, 일상, 미래에 대한 태도를 나타내며, 긍정은 현재 상황에 대한 좋은 평가, 낙천은 밝고 명랑한 기분, 낙관은 미래에 대한 긍정적인 기대를 의미합니다. 이 세 가지 태도의 차이를 이해하고 균형을 유지함으로써 더 행복하고 평온한 삶을 추구할 수 있습니다.

긍정, 낙천, 낙관 : 삶을 대하는 세 가지 태도

변수명을 짓는 방법으로 camelCase, snake_case, PascalCase, 그리고 헝가리안 표기법이 소개된다. 헝가리안 표기법에서는 데이터 타입에 따라 접두사를 붙여 예를 들어 char는 cPascalCase, unsigned char는 ucPascalCase 등으로 표기한다.

변수명 짓는 법

주어진 코드는 배열에서 중복된 문자열을 제거하는 함수를 정의합니다. getUniques 함수는 Set 객체를 사용하여 배열의 고유한 값만을 반환합니다.

문자열 중복 제거

MySQL 및 MariaDB의 데이터베이스 백업과 복원 방법을 설명합니다. 백업은 mysqldump 명령어를 사용하고, 복원은 mysql 명령어를 사용하여 수행합니다.

mysql, mariaDB dump backup

Node Crypto를 사용하여 문자열을 AES-256-CBC 알고리즘으로 암호화하고 복호화하는 방법을 설명합니다. 암호화 함수는 초기화 벡터(IV)를 생성하고, 복호화 함수는 해시에서 IV를 추출하여 원본 데이터를 복원합니다. 주의사항으로 crypto.createCipher가 더 이상 사용되지 않음을 알립니다.

Node Crypto

Next.js와 CKEditor5 통합에 대한 가이드를 제공하며, CKEditor5를 사용하기 위해 상태 관리를 통해 에디터를 설정하고 데이터를 저장하는 방법을 설명한다. 커스텀 빌드를 통해 추가 도구 모음을 사용할 수 있으며, Next.js의 webpack 설정을 조정해야 할 수도 있다. 저장된 데이터는 HTML 코드로 변환되어 dangerouslySetInnerHTML를 사용하여 React에서 표시할 수 있으며, CSS 파일을 추가하여 디자인 문제를 해결하는 방법도 다룬다.

Next.js에 CKEditor5 끼얹기

Next.js 9의 라이프 사이클에 대해 설명하며, GetStaticProps는 빌드 시 실행되고 변경되지 않으며, GetServerSideProps는 매번 서버에서 데이터를 가져와 props에 반영한다고 언급한다. 또한, GetStaticPaths는 SEO와 Sitemap을 위해 사용되며, 동적 경로를 지정하면 빌드 시 해당 경로가 정적으로 포함된다고 설명한다.

Next.js 9 Life Cycle

monorepo는 여러 모듈을 하나의 리포지토리에서 관리하는 방법으로, Backend와 Frontend 모듈을 하나의 폴더에서 실행할 수 있게 구성할 수 있다. yarn workspaces를 사용하면 하위 폴더에 각각의 workspace를 두고 패키지를 구성할 수 있으며, git submodule을 통해 Parent Package 아래에 Frontend와 Backend를 설정할 수 있다.

yarn workspaces, git submodule

Next.js 에 electron을 사용하기 위한 삽질의 기록