computed2 크롬으로 CSS 디버깅 크롬 개발자 도구 Elements 탭에 들어가면 css를 디버깅할 수 있는 방식들이 여러 가지가 있다. 그 중 유용한 기능들을 소개하고자 한다. # box model 바로 수정하기 아래 사진의 가장 좌측 inspector를 누른 후 화면의 요소를 선택한다. 이후 Computed 탭으로 이동하면 다음과 같이 해당 요소의 박스모델을 볼 수 있다. 박스 모델을 바로 수정할 수 있다. - 부분을 더블클릭하면 다음 처럼 수정할 수 있는 상태가 된다. 여기에 숫자를 입력하거나 %, rem, em 등을 입력할 수 있다. 1rem을 입력해보면 16으로 바뀌는데 이는 px 단위로 바뀌는 것이다. px이 아닌 단위도 입력이 가능하고 최종적으로 px로 변환되는 방식이다. 박스 모델에서 값을 변경해보고 싶을 때 Compute.. 2021. 5. 5. computed getter, setter js의 computed에 보면 reversedMsg가 있다. get, set 함수가 존재하는 것을 의미한다. get은 reversedMsg라는 이름을 썼을 때 사용할 값을 리턴해주면 된다. 즉, get의 리턴값이 reversedMsg라는 이름을 통해 사용할 값이다. 이 값은 msg가 변경될 때 최초 1회만 계산한다. msg가 변경되고 나서 여러 번의 reversedMsg를 사용해도 reversedMsg 값은 msg 변경 후 계산된 그 값을 계속 사용한다. set은 reversedMsg = "" 와 같이 값을 변경할 때를 위해 정의해야 한다. 2020. 7. 8. 이전 1 다음
