NextJS와 GatsbyJS 중 고민하는 당신에게 React를 배우다 보면 자연스레 한번쯤은 Facebook에서 만든 Create React App(React 웹 개발용 Boilerplate)를 접해 보셨을 겁니다. 이 이외에도 React를 토대로 만들어진 프레임워크들이 있다는 것을 알고 계신가요? React가 웹 앱 개발에 자리잡아 가는 과정 속에서 많은 개발자들은 웹 앱 개발, 사용자 경험 향상 및 마케팅 측면에서 보다 효율적으로 할 수 있는 방법을 찾아가게 되었고, 그 과정 속에서 GatsbyJS와 Next.js…
프론트엔드가 알고 있으면 좋을 디자인 이야기 - Darkmode 블로그를 만들고 나서, 이런 저런 기능들을 추가하다가 이젠 대세가 되어버린 Darkmode를 구현해야 겠다는 생각이 들었다. 단순히 글씨는 하얗게() & 배경은 어둡게() 하는 것이 아닌 눈에 피로감이 덜하고 안정감 있는 다크모드를 구현하고 싶었고 디자인으로서 다크모드를 어떻게 접근해야하는지, 어떻게 풀어내는 것이 좋은지 찾아보았다. 디자이너 없이 개발자 스스로 디자인을 해야할 때 참고하면 좋을 것 같다. 왜 Darkmode를 만드나요? 크게…
CSS 프로퍼티 선언 순서 CSS 프로퍼티 나열 방식에 대한 여러 방법론(Randomly, Grouped by type, By line length, lphabeitcal…)이 존재하지만, 다수에 의해 보편적으로 선호되는 방식은 타입에 의한 분류법(Grouped by type)이다. CSS…
해당 글은 2019년 1월에 작성된 글 입니다. 🙏 인쇄 시 background 제거 이슈 해결 특정 버튼을 누를 때 Chrome에서 Print를 하는 기능을 구현했었다. 위 이미지에서 프린트 버튼을 누르면 아래와 같이 결과물이 나온다. 위와 다른 색상이지만 색상은 사용자가 선택한 계절에 어울리는 색상이 나오는 것이며 문제는.. 해당 퍼센트 Bar와 오른쪽에 년도에 나오는 밑줄과 년도만 색상이 다르게 나오는 것… 프린트 시에 보여질 CSS를 따로 설정하기 때문에 혹시 Print 시 render 하는 CSS…