어느 평온한 개발자의 이야기
💻 Profile
profile_image
zillako
software engineer
I develop everything using typescript.
🔎 Search
📂 All Posts
💻 Frontend

typescript - satisfies

2025년 4월 15일

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

TypeScript
node
Git
💻 Frontend

웹 접근성 (Web Accessibility)

2025년 1월 16일

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

웹 접근성
WCAG
시맨틱 HTML
😎 Daily

공유보다 기록

2024년 10월 27일

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

Daily
Blog
생산성
👨‍💻Career
팀장, 그 1년의 기록

팀장, 그 1년의 기록

2024년 10월 22일

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

팀장
생산성
조직개편
😎 Daily

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

2024년 10월 16일

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

긍정
낙천
낙관
🤖 Computer Science

변수명 짓는 법

2022년 11월 29일

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

헝가리안 표기법
변수명
표기법
🤖 Computer Science

문자열 중복 제거

2021년 3월 18일

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

문자열
배열
중복제거
🤖 Computer Science

mysql, mariaDB dump backup

2021년 3월 10일

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

mysql
mariadb
backup
🤖 Computer Science

Node Crypto

2020년 10월 17일

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.js
crypto
💻 Frontend

Next.js에 CKEditor5 끼얹기

2020년 10월 16일

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

Next.js
CKEditor
React
💻 Frontend

Next.js 9 Life Cycle

2020년 10월 4일

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

Next.js
life cycle
SEO
💻 Frontend

yarn workspaces, git submodule

2020년 9월 29일

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

yarn
git
monorepo
💻 Frontend

Desktop App 만들기와 Monorepo

2020년 9월 24일

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

nextron
electron
monorepo
💻 Profile
zillako
software engineer
I develop everything using typescript.
💬 Contact
github
instagram
email
linkedin