개발자 도구에서 수정한 소스 유지하는 방법 | 새로고침해도 유지하기

개발자 분들 이라면 크롬의 F12 개발자 도구와 굉장히 친한 편일텐데요. 오늘은 개발자 도구에서 수정한 소스가 새로고침 후에도 유지될 수 있는 방법에 대해 공유드립니다. 이 방법을 이용하면 소스 수정을 테스트할 때 굉장히 편리하게 이용할 수 있겠죠? 네이버의 메인 화면 입니다. 로그인 버튼이 네이버의 시그니처 컬러인 초록색이죠. 이 로그인 버튼을 빨간색으로 변경해보겠습니다. 예시로 간단하게 css 를 변경해볼건데 소스 변경하는 법 우선 개발자 도구에 들어갑니다. 개발자 도구의 좌측 상단의 마우스 커서 모양의 버튼을 클릭하면 수정하고자 하는 요소의 선택할 수 있습니다. 그리고 해당 요소를 선택하면 요소를 이루고 있는 로그인 버튼을 수정해야 하니 로그인 버튼을 선택해줍니다. 로그인 버튼의 색을 담당하는 녀석을 찾았습니다. background-color: #03c75a 이 줄을 변경해주면 로그인 버튼의 색깔이 바뀝니다. 색깔 코드를 #FF0000로 변경해주었더니 네이버의 로그인 버튼이 빨...

원문링크 : 개발자 도구에서 수정한 소스 유지하는 방법 | 새로고침해도 유지하기