Vus.js 설치 및 프로젝트 생성 1. Vue.js 설치: https://cli.vuejs.org/guide/installation.html 2. 터미널에 프로젝트 생성 명령 입력 vue create project 3. Manually 선택 Vue CLI v5.0.1 ? Please pick a preset: (Use arrow keys) Default ([Vue 3] babel, eslint) Default ([Vue 2] babel, eslint) // 현재 유용한 패키지들이 Vue 2를 지원하고 있어 현업에서 주로 사용 중 > Manually select features // 커스텀 생성 4. Babel 등 선택(스페이스바로 선택) Vue CLI v5.0.1 ? Please pick a prese..

"임호진. (2022). 이기적 정보보안기사(산업기사) 필기 이론서+기출문제. 영진닷컴", 수험서를 접하게되었다. 본서는 영진닷컴의 이기적 시리즈 중 하나이다. "이기적"은 이렇게 기막힌 적중률의 줄임말로 발상이 재미있고 개인적인 경험으로도 허튼 말은 아닌 것 같다. 컴퓨터활용능력 1급을 이기적 시리즈로 공부하여 취득한 경험이 있기 때문이다. 영진출판사의 이기적 정보보안기사(산업기사) 필기 수험서는 이론서, 기출문제 두 권이 한 세트이다. 따라서 공부의 목적에 맞는 책을 선택해 휴대하기가 용이하다. 영진닷컴 홈페이지(https://license.youngjin.com/#)에서 기본적으로 [그림 4]와 같이 동영상 강의를 제공한다. 또한 [그림 3]과 같이 스터티 카페(https://cafe.naver.c..

부트스트랩 #4 https://getbootstrap.com/ 1. Static backdrop 모달 가져오기 1.1 Static backdrop 적용 https://getbootstrap.com/docs/5.1/components/modal/#static-backdrop Modal title ... Close Understood 1.2 Modal - Passing options https://getbootstrap.com/docs/5.1/components/modal/#passing-options 모달을 띄우거나 숨긴다. var myModal = new bootstrap.Modal(document.getElementById('myModal'), { keyboard: false }) 1.3 id="cus..

부트스트랩 #3 https://getbootstrap.com/ 1. Starter template 가져오기 https://getbootstrap.com/docs/5.1/getting-started/introduction/#starter-template Hello, world! 2. 네비게이션바 가져오기 https://getbootstrap.com/docs/5.1/examples/carousel/ 부트스트랩 실습 Home Link Disabled Search Name Gender 남자 여자 Company Email Phone Address 주소찾기 저장 목록

부트스트랩 #2 https://getbootstrap.com/ 1. Starter template 가져오기 https://getbootstrap.com/docs/5.1/getting-started/introduction/#starter-template Hello, world! 2. 네비게이션바 가져오기 https://getbootstrap.com/docs/5.1/examples/carousel/ 부트스트랩 실습 Home Link Disabled Search 성별선택 전체 남자 여자 Username 조회 생성 삭제 Name Company Gender Email Phone Addres

부트스트랩 #1 https://getbootstrap.com/ 부트스트랩은 트위터에 만든 CSS 프레임워크이다. 반응형웹을 간편하게 구현할 수 있어 많이 사용된다. 부트스트랩의 클래스명을 외울 필요는 없다. 부트스트랩 테마를 구매하여 개발에 빠르게 적용하면 되기 때문이다. 그리드 시스템은 부트스트랩의 핵심이다. 12 그리드 시스템을 사용한다. 실무에서는 다음의 코드와 같은 방식을 많이 사용한다. A B C D E F G 접근가능한 리치 인터넷 어플리케이션(Accessible Rich Internet Applications, ARIA)은 시각장애인을 위한 웹접근성을 위한 것이다. 매우 중요한 부분이다. 아래 코드는 aria를 통해 input 태그와 span 태그가 관련있음을 보여준다. Password Mu..

JavaScript 주요 포인트 #22 required 메시지 이벤트 setCustomValidity input type이 required일 때 form submit에서 커스텀 메시지를 줄 수 있다. Email: PW: Tel: 로그인 alert과 정규식 alert와 정규식을 이용해서 커스텀 메시지를 줄 수 있다. if 문을 사용하므로 setCustomValidity 보다 코드가 복잡해진다. Email: PW: 로그인 checkValidity checkValidity로 form 태그가 아닌 일반 div 안에서도 필수 입력 메시지를 제어할 수 있다. 이메일 비밀번호 로그인

JavaScript 주요 포인트 #21 데이터 그리드 정렬 컬럼 클릭 시 정렬 기능 구현 Name Company Gender Age Email Phone Addres 필터 페이징