2018. 2. 6. 13:08 JavaScript/개인 스터디
자바스크립트에서 함수가 선언되었을 경우 해당 함수가 글로벌하게 선언이 되어있을 경우
자동적으로 브라우저의 window 객체에 이름과 함수가 선언이 된다.
[Chrome Console 창]
| [JavaScript] 함수 유효범위 - 호이스팅(hoisting) (0) | 2018.03.06 |
|---|---|
| [JavaScript] 함수 유효범위 (0) | 2018.02.27 |
| [JavaScript] 함수의 이해 - 브라우저의 동작 (0) | 2018.02.20 |
| [JavaScript] 함수의 이해 (0) | 2018.02.20 |
| [JavaScript] 비동기 테스트 기본 (0) | 2018.02.13 |
2018. 1. 29. 19:44 브라우저/크롬(Chrome)
안녕하세요 오늘은 Chrome 64 업데이트 노트 에 대해서 확인해보려고합니다.
** 해당 내용은 아래의 URL에 전부 다 나와있는 내용입니다.
Update Release Note URL
https://developers.google.com/web/updates/2017/11/devtools-release-notes
2018년 1월 19일 에 업데이트 되었으며 크게 바뀐점은
1. Performance Monitor : 페이지 성능을 실시간으로 확인
2. Console Sidebar : 콘솔에 필요없는 것들은 줄이고 중요 한 메시지들에 집중
3. Group Similar Console message : 유사한 콘솔 메시지들에 대한 그룹화
** chrome://version/ 을 url에 입력하면 Chrome 버전에 대한 정보가 나타납니다.
확인 후 진행시 가장 최 상단에
| Chrome | 64.0.3282.119 (공식 빌드) (64비트) (cohort: 64_119_win) |
이와 같이 나타납니다.
1. Performance Monitor
성능 테스트를 하고 싶은 페이지를 Chrome으로 접속 후 F12(개발자 도구창)
을 연 후에
Ctrl + Shift + P 를 누릅니다.
해당과 같은 창이 나타나게 되는데 이부분에서 Performance Monitor를 검색하게 되면
해당메뉴가 나타나며 엔터를 치게 되면 개발자 도구창 하위에
해당과 같은 성능 모니터링이 나타나게 됩니다.
현재는 무난하지만 특정 이벤트를 마구 지정해보겠습니다. ( 해당 사이트에 )
특정 데이터를 실시간으로 받아서 차트 2개를 그리는 작업을 하였습니다.
CPU Usage 가 순간적으로 올라가는 것이 확인됩니다. 아직 무리가 되는 작업은 아닌것으로 보입니다.
앞으로 Chrome 브라우저에서의 성능은 이것으로 확인하면 될것 같네요
**
Ctrl + Shift + P 를 누른 후에
FPS를 입력하게 되면 해당 페이지 창에서 해당과 같은 화면도 같이 확인이 가능합니다.
2. Console SideBar
개발하다보면 Console.log Console.warn Console.error 등을 많이 사용하게 되는데
해당사용에 대한 편리함을 제공 해줍니다.
해당 빨간줄을 클릭하게되면
해당과 같이 콘솔 사이드 바를 통해서 원하는 콘솔 오류만 골라서볼수 있게 됩니다.
3. Group Similar Console messages
많은 유사 메시지들이 나타나는 것들에 대해서 묶어서 보여주게 되는 기능이며 아래 와 같은 체크 메뉴로 enabled disabled 가 가능합니다.
enabled 시에 묶여있는 메시지들을 클릭시에 Expand 도 가능하니 참고 바랍니다.
** CSS3 Hover Effects
transition :box-shadow 0.2s; 참조
2018. 1. 24. 13:28 Jenkins 젠킨스/TestLink 연동
3장 이라고 뭔가 거창하게 말하지만 큰 의미는 없습니다. 그냥 카테고리를 나누고 싶었을 뿐
이번장에서는 앞에 설정한 것들을 가지고 간단하게 testlink 연동되는 점 확인 및
testLink 에서 가져올수 있는 파라미터들에 대해서 설명하고자 합니다.
현재 준비된 상태 :
testLink ( Test management Tool )
Jenkins ( CI Server)
testlink-plugin
junit-plugin
testLink Installation -> target testLink Install (현재 이 작업은 확인된건지는 파악이 안됩니다. 빌드를 가셔야 지 확인 가능)
우선 Jenkins 의 메인 페이지에서
새로운 Item 을 선택합니다.
** 해당 작업은 Jenkins의 admin 계정으로 하셔야 합니다.
그리고 item name을 입력하고 Freestyle Project를 선택후 OK를 누릅니다.
그리고 나타나는 메뉴들이 탭형식으로 되어있지만 결국은 하나의 페이지이며 탭으로 해당 페이지까지 스크롤되는 기능입니다.
순서대로 내려가지만
기본적으로 있는 탭 메뉴들입니다.
General
소스코드 관리
빌드 유발
빌드 환경
Build
빌드 후 조치
| 2. Target TestLink Installation (Jenkins) (0) | 2018.01.22 |
|---|---|
| 1. Testlink plugin 설치 (0) | 2018.01.16 |
