The Tracks of mulder21c

고정된 참조 위치 정보

2024-03-24T11:15:17.000Z

이 검사 항목은 흥미롭게도(?) 현재 권고안(Recommendation)인 WCAG 2.2에는 존재하지 않는다. 하지만 KWCAG에는 존재한다.

선형 이미지의 최소 명도 대비 요구사항은 몇 대~ 몇?

2023-12-22T10:49:26.000Z

이 선형 이미지가 무얼 가리키는지 명확하게 이해하려면 선의 모양을 읽을 수 있어야 하고 이를 위해서는 텍스트에 요구되는 최소 명도 대비와 동등한 수준의 명도 대비가 요구되어야 한다.

단일 문자 단축키 (Character Key Shortcuts)

2023-11-01T12:29:45.000Z

입력방식 지침은 P.O.U.R 원칙 중 조작 가능 원칙의 하위 지침으로 사용자가 상황에 따라 언제든지 선호하는 입력 방식을 사용할 수 있도록 지원되게 하는데 있다.

입력 방식(Input Modalities)

2023-09-06T12:58:06.000Z

적응성(Adaptable)

2023-08-20T08:10:09.000Z

적응성 지침은 P.O.U.R 원칙 중 인식 가능 원칙의 하위 지침으로 모든 정보를 모든 사용자가 인식할 수 있는(perceivable) 방식으로 제공되도록 하는데 있다.

KWCAG 2.2 변경 사항 개요

2023-08-14T08:27:09.000Z

지난 접근성 오픈 아카데미 라이브 방송에서 내뱉은 말을 지키기 위해(?) 한국형 웹 콘텐츠 접근성 지침 2.2의 변경 사항에 대한 자세한 포스팅을 시작해 본다

Git hook으로 브랜치 이름 규칙 강제하기

2023-07-10T15:09:38.000Z

브랜치 네이밍 규칙을 강제할 방법을 고민해 보기 시작했고, 몇 번의 리서칭 끝에 githook을 이용해서 강제성 부여가 가능함을 확인했다.

댓글 시스템 remark42로 변경기

2023-07-08T05:29:43.000Z

블로그 테마를 새로 만들어 변경하면서 댓글 시스템 역시 기존에 사용하던 LiveRe에서 remark42로 변경했다.

LiveRe를 버리게 된 이유

LiveRe를 처음 사용하게 되었던 가장 큰 이유가 한국형 SNS 로그인의 지원이었다.
특히나 네이버 로그인, 카카오 로그인은 해외

새 테마로 갈아입힘

2023-07-03T14:23:45.000Z

블로그 글을 마지막으로 작성했던게 21년 3월이었으니까 무려 2년 반만에야 새 테마로 갈아입혔다. 기존에 사용하던 테마가 hexo 메이저 버전 업데이트와 동시에 사용할 수 없게 되어버려서 이참에 테마 새로 만들지 뭐 했던게 2년을 넘길 줄은 상상도 못했다.

하기사 디자인부터 싹 새로하고 hexo 데이터 구조를 새로 뜯어보고, 그 와중에 이

Atomic Design + Storybook 적용 후기

2021-03-03T14:42:14.000Z

atomic design을 적용하고 storybook을 토대로 디자인 시스템을 구축해보며 실패 했던 이유와 적용 경험으로 얻은 것들을 풀어보고자 한다.

json-server에 사용자 인증 구현하기

2021-02-06T05:10:27.000Z

최근 진행했던 한 기업의 사전 과제에서 JWT 인증 처리를 포함한 Mock API 구현이 범위에 있어 시도해 봤던 방법을 기록으로 남겨본다.

개발환경 WSL2 + zsh로 갈아타기

2021-01-27T15:32:57.000Z

본격적으로 WSL + zsh 환경을 기본 환경으로 설정하기로 하고, 개인적으로 필요한 추가 설정을 차후에 필요할까 기록으로 남겨둔다.

Pass function as props in vue

2021-01-24T02:16:03.000Z

props로 이벤트 핸들러를 내려주고, 가장 기저에 있는 atom에 해당하는 컴포넌트가 이 핸들러를 실행시키기만 하면 어떨까 하는 생각에 prop로 함수를 내려주는 방식을 생각해보게 됐다.

2020년 회고

2020-12-31T06:39:47.000Z

이런 저런 생각이 많아지는 2020년의 마지막 날이다. 아직 2021년에 어떤 계획을 가지고 살아갈지 혹은 살아낼지 어떤 생각도 없다. 다만 하루하루가 흘러가지 않기를 바라고, 다시 내년 이 맘 때 쯤 회고를 작성할 때에는 올해 참 잘 지냈다고 작성할 수 있기를 바란다.

colum flexbox에서 padding bottom 문제 해결

2020-12-08T10:12:13.000Z

Firefox에서 column flexbox에 하단에 적용해 둔 padding-bottom이 실종되는 상황을 만나게 되었다.

Nuxt를 통해 보는 프론트엔드 개발자가 하는 일

2020-10-31T05:07:47.000Z

웹 퍼블리셔로 근무하다가 자바스크립트를 공부하면 프론트엔드 개발자가 될 수 있을 거라는 생각은 큰 착각이고 과장을 덧붙이면 오만한 이야기다.

Nuxt Router kebab-case 처리

2020-10-17T08:51:36.000Z

다른 컴포넌트 파일들과의 일관성을 맞추기 위해서 page에만 적용할 별도의 규칙을 만드는 것도 썩 마음에 들지 않아, 차라리 Nuxt에서 router를 생성할 때 파일명으로부터 kebab-case 처리하도록 만들었다.

JS to SCSS 변환

2020-10-03T13:24:36.000Z

최근 프로젝트에 Storybook을 도입하면서 덩달아 고민하게 되었던 것이 SCSS 변수를 JS에서 공유하는 문제였다. 역시 내가 원하는 형태의 결과물을 만들어주는 패키지는 존재하지 않았다. 포스팅하는 김에 결국 그냥 내가 만들기로 했다. 내 입맛에 맞는 패키지가 없으면 방법이 없다. 목마른 놈이 우물을 팔 수 밖에.

Nuxt + Storybook 통합 하기

2020-09-27T07:02:45.000Z

Nuxt에 Storybook을 통합시키는데 생각보다 난관이 좀 있었다. 최신 버전의 Storybook에 Nuxt를 통합할 때의 몇 가지 만날 수 있는 문제들과 해결 방법에 대해서 남겨본다.

2020 이직 이야기

2020-06-28T09:42:51.000Z

이직을 진행하면서 가장 시간 소비를 많게 만들거나 불필요한 에너지를 소모하게 만드는 요인 중 적지 않은 부분을 차지한 것이 바로 부실하거나 애매모호한 Job Description이었다.

2020 이직 이야기

2020-06-02T14:53:04.000Z

이직 프로세스를 진행하면서 프로세스가 늘 좋거나 so so 인것만은 아니다. 썩 기분이 나쁜 경우도 있고 짜증이 나는 경우도 종종 발생하는데 이번에는 이 경험들에 대해서 적어본다.

2020 이직 이야기

2020-05-16T10:30:14.000Z

나는 기술 인터뷰를 자주 겪어야 한다는 주의인데, 기술 인터뷰를 자주 겪고 가열차게(?) 털려봐야 내가 얼마만큼의 기술 부채를 가지고 있는지 뼈를 맞아볼 수 있고, 내가 알고 있다고 생각한게 얼마나 무지한 것이었는지를 뼈저리게 알 수 있다.

2020 이직 이야기

2020-04-30T08:31:06.000Z

나는 지난 2월에 전 회사를 퇴사하고 한 달 동안의 기간을 거쳐 4월 초 현재 회사로 합류했다. 그 과정 속에 있었던 이야기를 풀어볼까 하여 그 첫 번째로 퇴사이야기부터 시작해본다.

Windows에서 PM2 실행 오류 해결

2020-04-10T12:08:58.000Z

PM2는 이미 이전 회사에서도 인수인계 단계에서 잠깐 본 경험은 있어서 어렵지 않게 구동하는데… 어? 뭔가 이상하다.

오픈톡 정지에 대한 카카오톡 고객센터 후기

2020-03-31T05:24:19.000Z

익히 여러 게시글들을 통해 카카오톡 고객센터가 얼마나 속된 말로 쓰레기인지를 알고 있기는 했지만 막상 당하고보니 카카오 고객센터가 얼마나 짜증과 분노를 유발시키는지를 뼈저리게 체험하고, 후기(?)를 올린다.

배려에 대한 단상

2020-03-14T16:38:13.000Z

작년 말에 블라인드 앱에서 "어쩌다가 애기가 환영받지 못하는 사회가 되었을까"라는 게시글을 하나 보게 되었고, 그 글에 대한 덧글에서 배려라고 언급했던 내용이 생각나서 몇 자 끄적여본다.

학습이 잘 되지 않는 이유

2020-02-29T07:06:45.000Z

학습 한다고 학습은 하는데 도무지 머리 속에 남지 않는 경우가 있다. 나도 겪어봤던 문제이고 지금도 종종 겪는 문제이기도 한데 이에 대한 이야기를 한 번 해보려고 한다.

웹팩 4 마이그레이션 삽질기

2020-02-12T15:24:11.000Z

Webpack 3를 기반으로 구축된 서비스를 Webpack 4로 마이그레이션 작업을 진행했는데 꽤나 많은 삽질이 동원 되어 차후에 이런 일이 또 있을까 하여 기록으로 남겨둔다.

babel 7 업데이트 후 node_modules 패키지가 변환되지 않는다면?

2020-01-29T15:05:48.000Z

babel 공식 문서의 Upgrade to Babel 7을 참고서 삼아 @babel로 업데이트를 진행하고, core-js를 설치하고 npm run serve 힘차게 두들기고 IE 10을 열었는데… 열었는데…

white space는 4px이다? 정말?

2020-01-27T15:05:57.000Z

"요소(element) 간 공백, 즉 white space를 제거하려면 어떻게 해야 하는가?"의 솔루션으로 자주 만나게 되는 -4px. 그런데 정말 4px이 맞는걸까?

2020년 시간 관리를 위해서 도입 한 툴들

2020-01-13T10:51:41.000Z

2020년으로 접어 들 준비를 하면서 부터는 좀 더 구체적인 목표를 설정하고 이전보다는 좀 더 활용할 수 있는 기기가 생겨서 이들을 이용하여 이들을 관리하기 위한 방법을 찾기 시작했다.

Codility Lesson 5 — PassingCars

2019-12-22T13:47:44.000Z

Codility 알고리즘 연습 Lesson 5 PassingCars

2019년 회고

2019-12-17T13:54:22.000Z

12월이 또 훅 지나가버리기 전에 2019년에 대한 회고를 작성해보고, 2020년을 어떻게 꾸려갈지를 정리해보려고 한다.

Codility Lesson 4 — MissingInteger

2019-12-15T08:28:23.000Z

Codility 알고리즘 연습 Lesson 4 MissingInteger

Codility Lesson 4 — MaxCounters

2019-12-08T10:08:01.000Z

Codility 알고리즘 연습 Lesson 4 MaxCounters

Codility Lesson 4 — FrogRiverOne

2019-10-05T14:08:09.000Z

Codility 알고리즘 연습 Lesson 4 FrogRiverOne

Codility Lesson — PermCheck

2019-09-30T02:01:46.000Z

Codility 알고리즘 연습 Lesson 4 PermCheck

착각은 자유가 아닌각 세미나 진행 후기

2019-09-29T10:13:06.000Z

지난 7월 20일, 그리고 지난 9월 21일에는 앵콜전으로 "착각은 자유가 아닌각"이라는 타이틀로 하코사에서 작게 세미나를 진행했다. 사실 이 세미나를 해야 겠다는 생각은 전혀 가지고 있지 않았었고, 연초 개인 계획에도 존재하지 않았던 세미나였다.

Codility Lesson 3 — tapeEquilibrium

2019-09-19T14:40:44.000Z

Codility 알고리즘 연습 Lesson 3 tapeEquilibrium

Codility Lesson 3 — PermMissingElm

2019-09-17T02:57:32.000Z

Codility 알고리즘 연습 Lesson 3 PermMissingElm

Codility Lesson 3 — FrogJump

2019-09-16T02:54:23.000Z

Codility 알고리즘 연습 Lesson 3 FrogJump

알고리즘 연습을 다시 시작했다.

2019-09-14T10:41:36.000Z

Array에 어떤 메서드가 있었는지, 어떻게 사용했었는지 기억을 계속 더듬어야만 했고 정규표현식의 특수 문자를 어떻게 작성했었는지 문서를 보지 않고 작성하려니 여간 어려운게 아니더라.

Codility Lesson 2 — CyclicRotation

2019-09-12T15:35:12.000Z

Codility 알고리즘 연습 Lesson 2 CyclicRotation

Codility Lesson 2 — OddOccurrencesInArray

2019-09-12T14:45:24.000Z

Codility 알고리즘 연습 Lesson 2 OddOccurrencesInArray

Codility Lesson 1 — BinaryGap

2019-09-11T14:37:11.000Z

Codility 알고리즘 연습 Lesson 1 BinaryGap

아이패드 구매 하고 3주 써 본 기록

2019-08-09T14:38:13.000Z

아이패드를 구매한지 이제 대략 한 달이 되어 간다. 구매 후 한 달 가까이 동안 거의 매일을 사용해봤는데 사실 처음 생각했던 용도 중 일부로는 전혀 사용할 수가 없더라… ㅎ

세미나 어떻게 준비해야 할까?

2019-07-17T12:38:13.000Z

이번 포스팅에서는 세미나 준비 실패에 대한 부분과 함께 어떻게 세미나 혹은 스터디를 준비해야 할 지에 대해서 이야기해보려고 한다. 일단은 세미나에 초점을 맞추고 이야기를 풀어가 본다.

HTML은 웹이다

2019-06-24T15:34:51.000Z

Front-End 개발자라면 결국 최종 산출물은 HTML인 것이고, 그렇기 때문에 "웹"과 "브라우저"라는 환경은 최소한 이해는 하고 작업을 하면 좋겠다. ※ 이 글은 Pete Lambert가 작성한 HTML is the Web을 원작자의 허가를 받고 번역한 글입니다.

접근성 향상을 위한 이름 짓기

2019-04-29T14:28:08.000Z

Hidde de Vries가 작성한 Naming things to improve accessibility를 원작자의 허가를 받고 번역한 글입니다. 이 게시글에서는 브라우저가 링크, 양식 필드, 테이블, 양식 그룹들의 이름을 결정하는 방법을 설명합니다.

접근성 교육에서 자주 나오는 상위 5가지 질문

2019-04-25T14:56:18.000Z

Deque Blog에 작성한 Top 5 Questions Asked in Accessibility Trainings 를 원작자의 허가를 받고 번역한 글입니다. 일부 오역이 있을 수 있습니다.