Next.js 프로젝트에서 @svgr/webpack를 사용해서 \*.svg 파일을 컴포넌트처럼 import 해서 사용 중이었다.데스크탑 크롬 브라우저에서 잘 되는 것을 보고 한창 개발을 진행하던 중, 아이폰으로 테스트하기 위해 접속해보았더니...아니 글쎄, SVG 아이

회사에서 프로젝트를 진행하다가 알게 된 내용을 정리합니다. 프로젝트를 시작할 때마다 느끼는 것이지만, 개발 환경 설정은 쉽지 않은 것 같습니다. 그 중에서도 프로젝트 폴더를 구조화하는 것은 너무나도 어렵습니다. 이번 글에서는 이 중에서 공통 스타일링 파일, 특히 S

회사 프로젝트에서 Vue.js와 ES6를 사용하고 있습니다. 상당 부분 혼재되어 있는 jQuery를 걷어내는 작업을 하다가 알게 된 내용을 적어봅니다.

ES2015(ES6)에서 템플릿 리터럴에 사용하는 백틱 표현식은 대부분의 상황에서 매우 편리합니다. 백틱 안에서 입력한 문자열은 공백과 개행까지 그대로 표현되는 특징이 있습니다. 이러한 백틱의 특징 때문에 특정 상황에서는 잘못 사용할 경우, 예상치 못한 결과가 나오기도

레이아웃을 수정하기 위해 CSS 코드를 작성하는 중, 희한한 버그를 발견했다.부모 요소에 display: flex를 주고, flex-direction을 column으로 설정, 너비(width)를 50%으로 만들어둔 레이아웃이다.그러면 view-column이라는 요소가

오랜만에 프로그래머스 Dev-Matching 프로그램에 도전했다.