"고경희. (2021). Do it! 자바스크립트 입문. 이지스퍼블리싱", 자바스크립트의 기초를 다시 다진다는 생각으로 보고 있는 책이다. 3장을 읽어 보고 그간 어렴풋 알고 있었던 점과 새롭게 알게 된 점을 다음과 같이 정리하였다. 0.1+0.2=0.3이 아닌 0.30000000000000004이다. 자바스크립트는 2진수로 변환해서 계산하기 때문이다. 컴퓨터는 값이 처음부터 없었던 경우(undefined)와 더는 유효하지 않게 되는 경우(null)를 구별한다. 따라서 변수를 초기화할 때 null을 많이 사용한다. 증감 연산자는 피연산자 뒤에 있을 때 전체 수식의 처리가 끝난 다음 적용되고, 앞에 있을 때 전체 수식을 처리하기 전에 적용된다. 템플릿 문자열은 백 쿼트(`)로 묶고, 값은 ${}의 중괄호 ..

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

JavaScript 주요 포인트 #20 DOM event event 1 조회1 조회2 event 2 스크롤 이벤트를 다룬다. Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragrap..

JavaScript 주요 포인트 #19 DOM 패턴 - 모달과 고객정보 수정 Step 1 전체 남자 여자 조회 생성 삭제 Name Company Gender Email Phone Addres 고객정보 수정 Name Gender 남자 여자 Company Email 올바른 형식의 이메일을 입력하세요. Phone 올바른 형식의 연락처를 입력하세요. Address 주소찾기 저장 닫기 Step 2 전체 남자 여자 조회 생성 삭제 Name Company Gender Email Phone Addres 고객정보 수정 Name Gender 남자 여자 Company Email 올바른 형식의 이메일을 입력하세요. Phone 올바른 형식의 연락처를 입력하세요. Address 주소찾기 저장 닫기 Step 3 input type..

JavaScript 주요 포인트 #18 DOM 패턴 Step 1 추가 저장 삭제 Name Company Gender Email Phone Address Step 2 // dom_add.html 추가 저장 삭제 Name Company Gender Email Phone Address Step 3 추가 저장 삭제 Name Company Gender Email Phone Address Step 4 추가 저장 삭제 Name Company Gender Email Phone Address

JavaScript 주요 포인트 #17 생성 생성 1 값을 입력받는다. Name Gender 남자 여자 Company Email Phone Address 저장 생성 2 입력된 값을 서버로 보낸다. 생성 3 입력 형식을 지정한다. 생성 4 정규식 등을 이용해 Email, Phone 입력 형식을 체크한다. Name Gender 남자 여자 Company Email 올바른 형식의 이메일을 입력하세요. Phone 올바른 형식의 연락처를 입력하세요. Address 저장 생성 5 주소 찾기 기능을 추가했다. 다음 우편번호 서비스 API(https://postcode.map.daum.net/guide)를 사용한다. 그 밖의 기능들을 추가했고 주석을 달았다. Name Gender 남자 여자 Company Email 올바..

JavaScript 주요 포인트 #16 json 샘플 데이터를 생성해주는 사이트를 이용해 실습에 사용될 db.json 파일을 준비한다. JSON GENERATOR: https://json-generator.com/ 조회 조회 1 조회 Name Company Gender Email Phone Addres 조회 2 전체 남자 여자 조회 Name Company Gender Email Phone Addres 반복적인 코드 정리 조회 3 전체 남자 여자 조회 Name Company Gender Email Phone Addres 삭제 전체 남자 여자 조회 삭제 Name Company Gender Email Phone Addres 최종코드 전체 남자 여자 조회 생성 삭제 Name Company Gender Email..

JavaScript 주요 포인트 #15 HTML DOM Vue.js 없이도 DOM(Document Object Model)을 콘트롤 할 수 있어야 한다. DOM Element HTML 요소의 id, 태그명, 클래스명, CSS 선택자를 이용해 HTML 요소를 찾을 수 있다. 실무에서는 querySelector, querySelectorAll을 주로 사용한다. 사용자ID 비밀번호 로그인 HTML CSS JS 저장 사용자ID 비밀번호 로그인 HTML CSS JS 저장 DOM Attribute DOM 요소에 접근한 후 그 다음 할 일은 속성 정보를 제어하는 것이다(정보를 가져오거나, 정보를 설정하는 것). 서울 부산 제주도 제주시 서귀포시 가져오기 설정하기 저장하기 DOM Events 아래 코드는 DOM 이벤트..