웹 개발할 때 유용한 확장프로그램 추천

개요

개인적으로 웹 개발할 때 유용한 크롬(chrom) 브라우저 확장 프로그램 소개

 

메모

1. JsonVue json 형식의 데이터를 가독성있게 변환 2. EditThisCookie cookie 데이터 조회, 수정, 삭제 3. vParam 현재 페이지 파라미터 조회, 수정, 삭제 4. Google 번역 페이지 내 언어 번역

 

내용

1. JsonVue ★★★★★ - 링크 : json 형식의 데이터를 가독성있게 볼 수 있도록 해주는 크롬 확장 프로그램 예시) 특정 페이지 json 데이터 동일한 페이지 json 데이터 JsonVue 적용 모습 실무를 하다보면, 많은 API를 사용하게 되고 많은 API들이 response를 json 형식으로 제공하곤 합니다. JsonVue 확장프로그램을 통해 json 형식 데이터를 가독성있게 확인할 수 있어 매우 유용하게 사용합니다. 2. EditThisCookie ★★☆☆☆ - 링크 : 현재 사이트에서 사용중인 Cookie 데이터 조회, 수정, 삭제를 도와주는 크롬 확장 프로그램 웹 개발을 하다보면 Cookie 또한 자주 사용하게 되는데 실제로 해당 사이트에 쿠키를 확인하려면 개발자 도구를 통해서 확인할 수 있지만, EditThisCookie 확장 프로그램을 이용하여, 쉽게 확인 후 수정하며 테스트도 가능합니다. 3. vParam ★★★★☆ - 링크 : 현재 페이지에 파라미터(parmeter, querystring)를 쉽게 확인하고 수정할 수 있는 크롬 확장 프로그램 역시나 웹 개발을 하다보면, 특정 페이지 파라미터를 변경해보며 테스트 하는 경우도 많은데요, 직접 URL에 파라미터를 변경하면서 테스트도 가능하지만, vParam 확장 프로그램을 통해 쉽게 파라미터 정보를 수정하며 페이지 테스트가 가능합니다. 4. Google 번역 ★★★★☆ - 링크 : 웹 페이지 내 여러 언어를 쉽게 한국어로 번역해주는 크롬 확장 프로그램 이건 저처럼 영어에 약한 분들을 위한 확장 프로그램입니다. 크롬 브라우저를 통해 페이지 전체 번역 or 특정 부분만 복사하여 번역기를 돌려서 확인이 가능하지만, Google 번역 확장 프로그램을 사용하면, 번역하고자 하는 부분을 드래그로 블럭하여 해당 부분만 쉽게 번역된 정보를 얻을 수 있습니다.