javascript 썸네일형 리스트형 [국민취업지원제도 일경험프로그램 52일차] 결재시스템 대리결제 (제이쿼리 팝업창 제어 window.open(), window.close()) 52일 차 특이사항 1. 대리결제 기능 요구사항 - 누르면 팝업 - 대리결제자 : 자기보다 2 직급 아래만 나온다. 이름만 나온다. - 대리자 : 로그인 정보 - 승인 누르면 ? 그 대리결재자 정보 표시가 된다. - 대리결재자가 된 사람은 대리결재자에서 사라진다. - 대리결재자가 되면 과장, 부장 대신 결재를 할 수 있다. - 대리결재자가 결재하면 결재자에 홍길동(최 과장) - 과장에게 결재권한을 부여받았다고 해도 모든 글을 볼 수 있는 것이 아니다. jQuery(제이쿼리)로 팝업창 띄우고 끄기 1. 대리결재 버튼을 누르면 팝업창이 띄워진다. 1) HTML 2) javascript : 대리결재 버튼을 누르면 window.open함수가 실행된다. 설정은 괄호 안에 들어있다. 'replace'부분은 연결되는.. 더보기 [국민취업지원제도 일경험프로그램 49일차] 결재시스템 중간점검⑨ 49일 차 특이사항 1. 사원1이 결재글을 올린다. 과장 1이 결제한다. - 그런데 과장 2가 이 과정을 볼 수 있다. 이게 문제다. - 사원의 계급이 과장인 경우 사원, 대리의 임시저장 글을 제외하고 모두 볼 수 있다. - 자신이 결제승인한 글만 조회되면 좋겠는데... - 접근권한이 없다는 유효성 검사를 추가해보자. - 위 시도도 실패 2. 임시저장, 결재, 반려 버튼 조건에도 문제가 있다. - 결재중인데 사원이 반려와 결재를 또 누를 수 있다. 고쳐야 됨. JSTL에 있는 데이터를 javascript에서 사용하기 1. apperName을 가지고 오기 위해서 JSON 객체를 이용했다. 아래 코드의 문제는 클릭 이벤트 발생 후 apperName 배열에 담긴 요소가 초기화되지 않아서 첫 번째 클릭에서만 유.. 더보기 [항해 플러스 코육대 토이프로젝트] 세뱃돈 계산기 만들기 계산기를 만드는 과정 0. SPRING, HTML, CSS, JAVASCRIPT를 사용하여 세뱃돈 계산기를 만들었다. 1. 계산기 뼈대는 table 태그를 사용했다. 1x4 테이블을 7줄 만들었다. display(입력) 병합 후 input 태그를 만들어줬고, result(결과) 부분도 병합후 input 태그를 만들어줬다. 각 테이블의 데이타를 클릭하면 onclick 이벤트가 발생하고 각 데이터에 맞는 문자(char)를 입력칸에 add 한다. AC C / 7 8 9 * 4 5 6 - 1 2 3 + 0 . = 2. reset1() - AC버튼, reset2() - C버튼 , add() - 입력, calculate() - 출력에 해당하는 javascript 함수를 만들어준다. 3. 가을 느낌의 계산기로 CSS.. 더보기 [국민취업지원제도 일경험프로그램 3일차] jQuery(제이쿼리)를 이용한 유효성 검사 일경험프로그램 3일 차 특이사항 1. 아침에 출근하고 일이 얼마나 진행됐는지 체크함. 2. 인사기록카드, 졸업증명서, 주민등록등본 제출 완료. 3. 자바스크립트 코드 작성 중. 주민번호 유효성검사에서 막힌 상태. 4. 점심식사(짜장수제비, 오리고기, 김치찜). 5. 오후 Javascript, Jquery 기초 이론 교육을 받고 유효성검사 코드 짜기. Javascript, jQuery 기초 이론 1. 스크립트를 사용하는 이유는 body태그 안에 있는 태그를 다루기 위함. 2. 제이쿼리는 스크립트 코드가 따로 있음. 3. input에서 value 값을 가져온다. 4. document.getElementById('txt1').value 5. 앞부분을 셀렉터라고 부른다. 쿼리셀렉터도 있다. 6. 제이쿼리는 $(.. 더보기 [Javascript 오류] Uncaught ReferenceError: PhoneNumberKeyUp is not defined at HTMLInputElement.onkeyup 오류의 원인 "Uncaught ReferenceError: PhoneNumberKeyUp is not defined" 오류는 JavaScript에서 해당 함수가 정의되지 않았을 때 발생한다. 오류 메시지에 따르면 이 오류는 HTMLInputElement.onkeyup 이벤트 핸들러 내에서 발생했다는 것을 알 수 있다. 원인 및 해결방법 원인은 보통 세 가지다. 1. 함수 이름을 정의하지 않음 - 'PhoneNumberKeyUp'라는 함수를 정의하지 않았거나, 오타로 인해 함수 이름이 잘못된 경우. 2. 함수가 스크립트에서 로드되지 않음 - 해당 함수를 포함하는 스크립트 파일이 로드되지 않았거나, 로드되는 순서가 잘못된 경우에도 발생할 수 있다. 3. 함수가 스코프 밖에 있음 - 함수를 선언한 위치가 이벤.. 더보기 [국민취업지원제도 일경험프로그램 2일차] Java 기초 지식 정리, Javascript 유효성 검사 코드짜기 일경험프로그램 2일 차 특이사항 1. 인사기록카드 작성. 호주와 본적은 뭐지? 호주는 폐지된 제도임. 세대 분리되어 있다면 자신의 이름을 쓰면 됨. 본적은 가족관계증명서를 보면 나와 있음. 정부24를 통해 문서 발급. 2. 회사에 제출할 학교 졸업증명서 PDF 보안파일을 3,500원 주고 신청했는데 서버가 다운됐다. 결제는 됐는데 문서가 들어오지 않았다. 이게 무슨 오류인가? 환불 요청했다. 3. 실외기 고장(?)으로 교육실이 찜통이다. 머리가 아플 정도... 4. 첫 구내식당 이용. 생각보다 맛이 좋았다. 점심식사가 11:30부터라서 아침을 먹기가 애매하다. 그냥 참았다가 가서 맛있게 많이 먹어야겠다. 공부 흐름도 1. Web은 URL요청이 있어야 한다. 네이버, 구글도 요청이 있어야 작동한다. 2. .. 더보기 동적 페이지 만들기. javascript 코드. 동적페이지 만들기 Javascript 코드 (function(){ const spanE1 = document.querySelector("main h2 span"); const txtArr = ['Web publisher', 'Front-End Developer', 'Web UI Designer', 'UX Designer', 'Back-END Developer']; let index = 0; let currentTxt = txtArr[index].split(""); console.log(currentTxt); function writeTxt(){ spanE1.textContent += currentTxt.shift(); if(currentTxt.length !==0){setTimeout(writeTxt, .. 더보기 정적 페이지 완성, 미디어 쿼리 적용 1. HTML, CSS만을 이용하여 정적 페이지는 완성했다. 2. 이제는 미디어쿼리를 이용하여 동적 페이지를 만들어보자. 미디어 쿼리는 특정 영역에만 CSS를 적용할 때 사용한다. if문과 비슷하다. 반응형 웹사이트를 만들 때 주로 쓰는데 화면크기가 줄어들면 거기에 맞춰 main, section 영역이 같이 줄어든다. @media screen and (max-width: 1140px){ main .contatiner{ width:992px; } section .container{ width:600px; } section .about-self .left{ width: 100% ; } section .about-self .right{ width: 100%; padding: 0; } section .do-me.. 더보기 이전 1 2 3 다음
