이클립스 디버그

break point 설정하기

• 코드 왼쪽에서 마우스 왼쪽 버튼 [Toggle Break Point] 혹은 [Double Click]
• Break Point를 설정한 뒤 컴파일을 진행하면 지정된 Break Point에 멈춘다.
• Debug로 실행해야한다.

이클립스 위쪽 버튼

• [Skip All Breakpoints] : 모든 브레이크 포인트 건너 뜀
• [Resume] - (F8) : 다음 브레이크 포인트까지 진행함
• [Suspend] : 쓰레드를 일시정지하며 현재 수행문에 지정한 것과 같음
• [Terminate] : 쓰레드 종료
• [Step Info] - (F5) : 한 단계씩 수행
• [Step Over] - (F6) : 함수 단위 수행
• [Step Return] - (F7) : 호출한 곳으로 되돌아가기
• [Drop the Frame] : 선택한 스택 프레임의 첫 행으로 이동, 처음부터 다시 하고자 할 때

디버그창 [Window] -> [Show View] 추가

• [Varialbles] : 디버그 수행의 값과 타입 보여줌
• [Break points] : 현재 설정된 브레이크 포인트를 보여줌
• [Expressions] : 내가 알고 싶은 변수명을 입력하면 그 값을 확인할 수 있음, 오른쪽 버튼으로 변수 추가 가능

React UI 컴포넌트 라이브러리

1. Ant Design
   • 타입스크립트(Typescript) 기반으로 제작된 라이브러리
2. Material -UI
   • 리액트 기반 UI 라이브러리 중에 가장 인기 있고, 성숙한 라이브러리
3. React Bootstrap
   • UI 라이브러리로 전 세계에서 가장 많이 사용되는 Bootstrap을 리액트 기반으로 만든 라이브러리