Pinned웹 접근성 효율적으로 접근하기웹 접근성이 중요하다는 것은 반박할 여지가 없는 사실이지만 웹 접근성을 제대로 갖춘 웹 서비스를 만드는 것은 단순하지 않은 작업이다. 이 글을 통해서는 프로젝트에 접근성을 개선하면서 구현하는 단계에서 생각하고 유의했으면 좋았을 요소들, 즉 가장…Oct 23, 2022Oct 23, 2022
Pinned개발자의 모든 도구, F12 (우아한 테크코스, 프로젝트)지난 몇 달 간 거의 모든 시간과 에너지를 쏟은 프로젝트의 개발 기간이 이제 거의 끝나가고 있다. 그래서 이 글을 통해서는 기술적인 이야기를 잠시 미뤄두고 이 프로젝트에 대한 소개를 간단히 정리하고 프론트엔드 개발자로서의 경험담, 소감을 적어보려고…Sep 24, 2022Sep 24, 2022
개발만 잘하면 되는 줄 알았다협업 잘하는 개발자들은 어떻게 소통할까? 일이 되도록 만들고 동료들에게 인정 받기 위해서는 개발자에게도 커뮤니케이션 능력이 반드시 필요하다. 오늘도 개발자를 괴롭히는 소통의 시간, 어떻게 하면 내 장점으로 만들 수 있을지 알아보도록 하자.Apr 15, 2025Apr 15, 2025
2022년 회고 (우아한테크코스 4기, 우아한 형제들 합격, 리얼월드 크리에이터)다사다난 했던 올 한 해 돌아보기Dec 29, 2022A response icon1Dec 29, 2022A response icon1
Babel을 사용해도 최신 JS를 사용할 수 없을 때 (core-js, polyfill)Babel은 자바스크립트 컴파일러로 ES6 이상의 문법을 지원하지 않는 브라우저에서도 사용할 수 있게 소스 코드를 변환해주는 도구이다. 이번 프로젝트를 진행하면서도 당연하게 React 코드를 Webpack으로 번들링 하는 과정에서 babel의…Oct 27, 2022Oct 27, 2022
Masonry 컴포넌트, 이렇게 만들지 맙시다. (웹 접근성 반성문)얼마 전, 프로젝트에 적용하기 위해서 Masonry 컴포넌트를 만들었고, 이 과정을 정리해서 블로그에 글을 작성한 적이 있다. 하지만 웹 접근성에 대해서 공부하고, 프로젝트에 적용을 하면서 절대로 이런 컴포넌트가 탄생해서는 안되는 것이었다는 걸…Oct 15, 2022Oct 15, 2022
타입스크립트는 자바스크립트의 표준이 될 수 있을까?2022년 봄, 자바스크립트 표준에 타입 주석 (Type Annotation)을 추가하는 제안이 TC39의 Stage 1에 진입하게 되었다. 그래서 이 글을 통해서는 다음 질문에 답하기 위해 자바스크립트와 타입스크립트에 대해 좀 더 깊이 알아보고자…Oct 9, 2022Oct 9, 2022
Refresh Token 도입기(F12)이번 글에서는 지난 스프린트 기간동안 F12에서 기존의 인증인가 방식의 한계점을 발견하고 이를 개선하기 위해 선택한 방식에 대해서 설명해보고자 한다.Oct 2, 2022A response icon1Oct 2, 2022A response icon1
자바스크립트는 왜 프로토타입을 채택했을까?자바스크립트는 프로토타입 기반 언어다. 자바스크립트를 처음 공부했을 때부터 지겹도록 들어왔던 이야기이다. 그렇다면 자바스크립트는 왜 프로토타입을 채택하게 되었을까? 내 나름대로 찾은 프로토타입의 채택 이유에 대한 추측을 정리해보려고 한다.Sep 18, 2022Sep 18, 2022
성능 최적화 2 — 캐시 설정하기웹에서 캐시(Cache)는 요청한 자원에 대한 응답의 사본을 보관하는 것을 의미한다. 이후에 동일한 요청이 발생했을 때 실제로 (Origin) 서버에 요청을 전달하는 대신 보관 중인 (= 캐시 된) 응답을 반환해서 처리한다. 따라서 동일한 항목에…Sep 7, 2022Sep 7, 2022