NextJS와 GatsbyJS 중 고민하는 당신에게 React를 배우다 보면 자연스레 한번쯤은 Facebook에서 만든 Create React App(React 웹 개발용 Boilerplate)를 접해 보셨을 겁니다. 이 이외에도 React를 토대로 만들어진 프레임워크들이 있다는 것을 알고 계신가요? React가 웹 앱 개발에 자리잡아 가는 과정 속에서 많은 개발자들은 웹 앱 개발, 사용자 경험 향상 및 마케팅 측면에서 보다 효율적으로 할 수 있는 방법을 찾아가게 되었고, 그 과정 속에서 GatsbyJS와 Next.js…
개발자 동그래의 2020 2020년은 다른 해보다 내게 더 많은 변화가 있었던 해였던 것 같다. 물론 코로나의 영향으로 인해 생긴 변화도 있겠지만, 그 외에도 온전한 독립을 한 것, 3년동안 지속했던 개발 동아리를 그만 두게 된 것, FEConf…
React 프로젝트에 TDD 적용하기 (Using react-testing-library) 최근에 회사 팀원분을 통해 react-tesing-library에 대한 소개와 TDD 적용기를 간단한 세미나를 통해 들은 적이 있습니다. 짧은 시간이었지만 나는 유닛테스트 정도의 테스트 코드만 주로 작성해보았던 터라 꽤 재미있게 들었고, 좀 더 찾아보았습니다. 왜 TDD…
데이터로 매력적인 랜딩 페이지 만들기 (Using Google analytics A/B Test) 지난 8월과 10월 지인들의 요청으로 mash-up 이라는 이름의 IT 개발 동아리 소개 페이지와 let us go 라는 iOS 컨퍼런스 소개 페이지를 만든 적이 있었습니다. 이는 실제 개발하는데 2일이 채 걸리지 않는 가벼운 프로젝트였었습니다. 하지만. 개발 외에 UX…
는 틀렸다?! 브라우저 스크롤바 잘 숨기는 법 웹 페이지 개발을 하면서 컨텐츠를 보여줄 때 가늠이 되지 않는다면, 컨테이너 요소에 를 설정하여 컨텐츠가 길어질 경우 스크롤을 생기게 하여 유연하게 대응이 가능하다. 그런데 사용 중인 OS 또는 브라우저 종류에 따라 이 스크롤 바가 화면에 표시되는 방식에 있어서 차이가 존재하기 때문에 간혹 골칫거리로 작용한다. 스크롤 바의 width…
