'Debugger'에 해당되는 글 2건

  1. 2016.07.21 [깨알팁] 특정 위치로 breakpoint 이동하기.
  2. 2013.07.24 메모리 힙 리코딩

크롬 개발자 도구에서 스크립트 디버깅을 하다보면 breakpoint 사용이 가끔 불편할 때가 있다. 대표적으로 breakpoint에서 멈출때 특정 위치로 점프하고 싶다면, 원하는 위치에 breakpoint을 설정하고 next을 눌러 이동하는 경우이다.


이게 생각보다 불편한다. 대부분 임시로 breakpoint을 설정한 경우라 그대로 두면 엄청 많아져서 관리도 안되기 때문에 나중에 원하지 않아도 계속 걸려 귀찮다. 그래서 다시 해제해야 하는데 이것도 귀찮다.


이 때, 사용하는 기능이 아래 링크에서 설명하는   "continue to here" 다. 이 기능을 사용하면 breakpoint을 설정하지 않고 원하는 위치로 이동하기 때문에 breakpoint가 많아지지 않고 다시 해제할 필요가 없다.


https://twitter.com/kaycebasques/status/755817600249044992




만약, 이 기능을 사용해보지 않았다면, 한번쯤 사용해보면 좋은 기능임을 알게될 것이다. 



[깨알팁 시리즈]

Posted by 전용우

댓글을 달아 주세요

크롬 카나리 버전을 보니 메모리 힙을 리코딩하는 기능이 나왔다.

기존에는 메모리 프로파일은 스냅샵을 찍는거라 찍는 순간에 메모리의 상황이나 스냅샷끼리의 변화 밖에 알 수 없었다. 하지만 크롬 카나리 버전에는 메모리 힙을 리코딩 하는 기능이 추가되어 메모리 힙의 상황을 시간에 흐름에 따라 확인 할 수 있어 프로파일링 하는데 좋아졌다.


사용방법은 간단하다.

프로파일탭(profiles)에서 힙 사용량 기록하기(Record Heap Allocations)을 아래와 같이 선택하고 누른다.




그리고 적절한 시점에 기록하기를 멈추면 아래와 같이 결과를 확인할 수 있다.




결과에서 파란바는 메모리 힙에 할당된 그래프이며 회색은 해제된 그래프이다.

파란바를 확인하여 증가된 메모리를 찾아 개선할 수 없는지 확인하면 된다.

(속성에 대한 자세한 내용은 구글 개발자 도구 문서[링크]에서 확인하면 된다.)



sorce. http://slid.es/gruizdevilla/memory


ps.아마도 향후에는 타임라인쪽과 연동이 되지 않을까 생각한다.

Posted by 전용우

댓글을 달아 주세요