DEV ENJOY🌊

정규식

(?=특정텍스트)

IDE 정규식 선택으로 아래와 같이 변경하였따.

before: /images.*?-(?=pc|m)
after: /images/images/menu/content/imgName-

imgName쪽만 더블클릭해서 새로운 이미지명을 붙여넣기하면 되니까 너무 편하다!

비하인드 스토리

컨텐츠를 10개 넘게 하드코딩을 해야 하는 업무가 생겼다. 컨텐츠 안에 들어가는 디자인들을 개별 컴포넌트로 개발할 예정이었으나, 기간이 촉박하게 되어 우선 하드코딩으로 작업해서 오픈 하기로 했다.

자료 수급도 컨텐츠마다 기간이 다르게 들어와서 먼저 수급이 되는 컨텐츠 부터 작업을 진행하다보니, 중-후반부터는 기존에 작업해 놓았던 소스를 끌어와서 이미지 경로와 텍스트만 교체하는 방식으로 진행되었다.

마크업 가져와서 레이아웃부터 잡고 나면 이미지 경로들이 뒤죽박죽 되어있다. 이미지 경로는 SEO 때문에 이미지에 맞게 모두 네이밍이 다르게 되어있고, 하이픈 사용이 권장되어서 하나하나 드래그 한 뒤에 붙여넣기 해야하는게 너무 힘들다. 서로 다른 경로들을 일괄 선택해서 하나의 간단한 경로로 수정하고, 단축키로 복수선택이 가능하고 더블클릭만 해도 이미지 명이 선택되도록 바꾸고 싶었다.