워라밸은 일과 삶의 경계를 고민하게 하며, 일과 삶을 분리하는 것이 오히려 삶의 시간을 줄이는 결과를 초래할 수 있다. 경계가 없으면 자신을 돌보는 시간이 부족해질 수 있으므로, 일과 삶의 균형을 유지하는 것이 중요하다.

일도 삶이 일부다. 워라밸?

satisfies 연산자는 표현식의 타입 검사를 수행하면서도 정확한 타입 추론을 유지할 수 있게 해줍니다. 이를 통해 타입 정보 손실 없이 객체나 배열의 구체적인 타입을 보존하고, 타입 안정성과 개발자 경험을 개선할 수 있습니다. 예시 코드에서는 satisfies를 사용하여 타입 오류를 방지하고 정상적으로 메서드를 호출하는 방법을 보여줍니다.

typescript - satisfies

웹 접근성은 모든 사용자가 웹 콘텐츠에 동등하게 접근할 수 있도록 보장하는 것으로, 법적 요구사항 준수와 사용자층 확대에 기여합니다. WCAG 가이드라인은 인식, 운용, 이해, 견고성의 4가지 원칙으로 구성되며, 시맨틱 HTML, 색상 대비, 키보드 탐색 지원, ARIA 활용, 대체 텍스트 제공, 반응형 디자인 적용 등의 실천 방법이 필요합니다. 접근성 검사는 자동화 도구와 실제 사용자 테스트를 통해 정기적으로 수행해야 하며, 모든 사용자가 웹을 이용할 수 있도록 하는 것은 개발자의 책임입니다.

웹 접근성 (Web Accessibility)

블로그를 쓰기로 결심했지만, 공유에 대한 고민으로 글이 잘 써지지 않는다. 글을 잘 쓰기 위해서는 나의 생각에 집중하고 기록하는 것이 중요하며, 공감보다는 개인의 기록을 중시해야 한다. 이를 통해 블로그를 지속적으로 유지할 계획이다.

공유보다 기록

신혼여행 후 팀장으로 임명된 저자는 팀의 생산성 향상과 역할 분담을 위해 R&R을 구성하고, 팀원 간의 소통과 협력을 강조하며 "One Team"을 목표로 삼았다. Jira와 Kanban 보드를 활용하여 프로젝트 관리와 일정 조정을 통해 팀의 예측 가능성을 높였고, 팀워크를 강화하기 위한 워크숍과 버크만 진단을 진행했다. 1년 후, 조직개편을 겪으면서 안정적인 팀으로 평가받아 보람을 느꼈다.

팀장, 그 1년의 기록

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

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

변수명을 짓는 방법으로 camelCase, snake_case, PascalCase, Hungarian Notation이 있으며, 각기 다른 데이터 타입에 따라 접두사를 사용하는 Hungarian Notation의 예시도 포함되어 있습니다.

변수명 짓는 법

문자열 중복 제거를 위한 JavaScript 코드 예시로, 배열에서 고유한 값을 반환하는 함수를 보여줍니다.

문자열 중복 제거

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

mysql, mariaDB dump backup

The document discusses Node.js cryptography, highlighting the deprecation of crypto.createCipher. It provides TypeScript code for encrypting and decrypting data using the AES-256-CBC algorithm, including functions for both processes with a specified key and initialization vector.

Node Crypto

CKEditor5를 Next.js에 통합하기 위해 CDN을 사용할 수 있지만, 가이드를 따라 설정하는 것이 더 편리하다. 커스텀 빌드를 통해 추가 도구모음을 사용할 수 있으며, Next.js의 webpack 설정을 조정해야 한다. 저장된 데이터는 HTML 코드로 저장되며, React에서 이를 표시하기 위해 dangerouslySetInnerHTML를 사용해야 한다. CSS 파일이 없어서 스타일링 문제를 겪었으나, CKEditor의 가이드를 통해 필요한 CSS를 만들어 import하여 해결했다.

Next.js에 CKEditor5 끼얹기

Next.js의 GetStaticProps는 빌드 시 실행되어 변경되지 않으며, GetServerSideProps는 매번 서버에서 데이터를 호출하여 props에 반영한다. GetStaticPaths는 SEO와 Sitemap을 위해 사용되며, dynamic route의 경로를 지정하면 빌드 시 해당 경로가 static에 포함된다.

Next.js 9 Life Cycle

monorepo를 통해 여러 모듈을 하나의 repository에서 관리할 수 있으며, yarn workspaces를 사용하여 하위 폴더에 각각의 workspace를 구성할 수 있다. 또한, git submodule을 통해 부모 패키지 아래에 프론트엔드와 백엔드 모듈을 두는 구조를 설명한다.

yarn workspaces, git submodule

Next.js와 Electron을 결합하여 데스크탑 앱을 만드는 과정에서 발생한 문제와 해결책을 기록하였다. SSR이 필요 없다는 점을 이해하고, getInitialProps를 getServerSideProps로 변경해야 함을 알게 되었다. Nextron을 발견하고 custom server 환경에서의 복잡성을 경험했으며, monorepo 구조를 통해 frontend과 backend 패키지를 통합하여 관리할 수 있는 가능성을 모색하였다.

Desktop App 만들기와 Monorepo