![]()
HTML 삽입 미리보기할 수 없는 소스 기초적인 스톱워치 소스에서 총 실행 횟수와 총 실행 시간 기능을 추가했다. 초기화 버튼을 누를 때마다 실행 횟수와 총 실행 시간이 업데이트되는 방식으로 설계했다. 누적 실행 횟수 : 0 회 누적 실행 시간 : 00:00:00 00:00:00 시작 일시정지 초기화 const stopWatch = document.getElementById("stopWatch"); const totalTimeText = document.getElementById("totalTime"); const cntText = document.getElementById("cnt"); let settingTime = 0; //경과 시간 let cnt = 0; // 누적 실행 횟수 let totTime..
![]()
좌측 그리드의 row를 클릭하면 오른쪽 그리드가 조회되는 화면을 만들었는데, 좌측 그리드의 값에 따라 조회하는 테이블이 각각 달라서 우측 그리드의 컬럼을 정적인 값으로 고정하기 힘들었다. 할 순 있었지만 애매한 단어 선택으로 사용자에게 혼란을 야기할 것이 분명했고, 이는 곧 수정 요청 사항으로 접수되기 마련이다(경험이다). 그래서 우측 그리드가 조회될 때마다 컬럼을 동적으로 세팅되도록 설계했다. 이 때 동적으로 세팅되는 컬럼 값을 조회해오는 컬럼 값 그대로 뿌려주니 전부 영어로 출력되어, 데이터를 알아보기 어려워서 각각의 테이블 컬럼 코드와 매핑된 컬럼 값을 가져와서 뿌려주기로 했다. SELECT * FROM ALL_COL_COMMENTS WHERE TABLE_NAME = '테이블명' OR SELECT ..
