임성묵(steve)
프론트엔드와 SOLID 원칙
컴포넌트 설계의 이정표라 할 수 있는 SOLID 원칙을 설명하고 카카오페이지 실무에 어떻게 적용했는지 적어보았습니다
유재석(cloto)
ChatGPT는 FE개발자를 대체할 수 있을까? (AI로 개발하기)
ChatGPT를 사용해 간단한 웹툰 서비스를 개발해보았습니다.
송기연(kaki)
Webview에서 핀치 줌(pinch zoom) 구현하기
오늘날에는 다양한 곳에서 모바일 웹이 사용되고 있습니다. 일반적인 모바일 브라우저에서 사용되는 것뿐만 아니라, 네이티브 앱의 특정 화면을 담당하기도 하고, 혹은 PWA…
2023.03.10·13 min read
박수빈(cheese)
시각적 회귀 테스트 BackstopJS 적용하기 (Visual Regression Test)
이 글에서는 BackstopJS를 통해 시각적 회귀 테스트를 구축한 제 경험을 공유해보고자 합니다.
이동희(east)
나만의 Jest Matchers 만들기
간단한 예시를 통해 Custom Jest Matchers 설정방법을 학습해봅니다.
방경민(kai)
E2E 테스트 도입 경험기
테스트의 최종장이라 불리는 E2E 테스트를 도입한 경험을 이야기해봅니다.
2023.02.09·16 min read
조지영(esme)
홈 화면에 웹 바로가기를 추가하기(A2HS)
사용자가 앱처럼 쉽게 접근할 수 있도록 홈 화면에 웹 바로가기를 추가할 수 있는 기능을 소개합니다.
함성준(kevin)
Scroll Snap API를 통해 이미지 캐러셀 완성하기
Scroll Snap API를 통해 자바스크립트를 작성하지 않고 CSS 만으로 이미지 캐러셀을 완성해 봅니다.
서현우(bono)
적정기술 딜레마
개발 생태계에 퍼져 있는 과도한 기술 우선주의에 대한 생각을 공유합니다.
2023.01.12·10 min read
유동식(rich)
테스트 코드 자동으로 만들기 feat. Cypress Studio
테스트 코드를 자동으로 만들 수 있는 Cypress Studio의 사용 방법을 공유합니다. 특히 비 개발자에게 로우코드(Low Code)로 자동화 테스트를 구축하는 데 도움이 될 것입니다.
KEYWORDS
ALLreacttestnextjscssgithub actions컴포넌트javascriptperformancegraphqltroubleshootingbackstopjsawscorsweb apipwatypescripttailwind상태관리webpackstorybookhtmlcommoncomponentbffreact-querysafariiosamplifyserverlesscomposite actionjavascript actiontransitionsolidarchitecturesrpocplspispdipchatgptaijestscrollsnapcarousele2emarkdownservice workerrtkredux/toolkitrtk queryseorouterioctwin.macrokakaoentjunioronboardingecmascriptesbuild리팩토링lighthousev8환경변수buildhttphttp2dockerwebworkerimagecanvasthreadbuilderbabelterserswcsuspense비동기12factor