CheolCheol Dev Note

로깅(Logging) 로그(Log)란 프로그램 개발이나 운영 시 발생하는 문제점을 추적하거나 운영 상태를 모니터링하기 위한 텍스트다. 지금까지 우리는 System.out.println();문을 사용하여 로그를 기록했다. 이것이 로그를 남기기 위한 가장 쉬운 방법이다. 이보다 로그를 기록하는 클래스를 만들어 사용하는 게 더 나은 방법이다. 다음 클래스는 사용자 정의 로그 클래스이다. Log Level 로그 레벨은 아래와 같이 계층적으로 구성되어 있다. TRACE > DEBUG > INFO > WARN > ERROR > FATAL INFO로 셋팅하면, INFO, INFO, WARN, ERROR, FATAL은 기록된다. FATAL : 프로그램이 중지될 수도 있는 치명적인 에러 이벤트ERROR : 프로그램이 중..

angular에서bind로인해서맨처음dom이초기화되고그다음에component에서적용한css가먹혀서 가끔씩안먹히는경우가있다 예를들어다음과같이작성했는데 실제로는jquery로인해서밑처럼확장이된다. 보면 _ngcontent-c1 이게그경우인데 이런경우에styleUrls 이나style로css를적용하고싶은겅우에는 참고사이트처럼/deep/ 이나 >>> 를사용하면적용이된다.-> 라우터로이동시문제 ------------------- 수정------------------------------- 쉐도우dom 스타일이라고부름 이름사용법의미host:host현재컴포넌트에대한쉐도우dom 선택host-context:host-context템플릿외부엘리먼트의클래스조건에따라현재컴퓨넌트의엘리먼트를선택deep/deep/ | ::ng-deep..

1. 확장에서 'Debugger for Chrome' 검색하여 설치 한다. 2. 디버그 화면으로 이동하여 구성추가를 누르면 launch.json 파일이 생성된다. 3. Launch.json 파일에 아래 설정을 추가 한다. . { "version": "0.2.0", "configurations": [ { "name": "Launch localhost with sourcemaps", "type": "chrome", "request": "launch", "url": "http://localhost:4200/home", "sourceMaps": true, "webRoot": "${workspaceRoot}" } ] } 4. tsconfig.json 파일에서 "sourceMap": true 설정을 추가하거나 수정..

앵귤러에서 ResVo로 받은 것을 ReqVo로 속성값을 복사하고 싶을 때 Object.assign()를 사용하면 된다. Object.assign(this.reqVo, response);

Angular의 대표적인 이벤트 바인딩의 종류들 ( https://developer.mozilla.org/en-US/docs/Web/Events ) (focus)="myMethod()" // An element has received focus (blur)="myMethod()" // An element has lost focus (submit)="myMethod()" // A submit button has been pressed (scroll)="myMethod()" (cut)="myMethod()" (copy)="myMethod()" (paste)="myMethod()" (keydown)="myMethod()" (keypress)="myMethod()" (keyup)="myMethod()" (mou..