단비의 코딩 공부 blog

1. html 댓글 많은 뉴스 $$_Title_$$_1 $$_Title_$$_2 $$_Title_$$_3 2.CSS 3.JS

1. html 댓글 많은 뉴스 $$_Title_$$_1 $$_Title_$$_2 $$_Title_$$_3 2.CSS 3. JS

1. 함수선언 DOCTYPE html> JS - 함수 //함수 : 코드의 집합 //1. 기본 함수 선언 function test01(a,b){ return a * b; } console.log(test01(10,5)); //2. 변수에 담는 함수(익명함수) const test02 = function(a,b){ return a * b; } console.log(test02(10,5)); //3. 생성자 함수(객체방식) const test03 = new Function('a', 'b', 'return a * b'); console.log(test03(10,5)); //4. 화살표함수 (ES6) const test04 = (a,b) => a * b; console.log(test04(10,5)); //5. 즉..

html DOCTYPE html> 네이버 회원가입창 - 정규표현식 NAVER 아이디 필수정보입니다. 비밀번호 필수정보입니다. 비밀번호 재확인 필수정보입니다. 이름 필수정보입니다. 본인 확인 이메일 필수정보입니다. 휴대전화 필수정보입니다. 가입하기 css @charset "utf-8"; *{ padding: 0; margin: 0; } body{ background-color: #f5f6f7; } li{ list-style: none; } a{ text-decoration: none; } .joinWrap{ width: 460px; margin: 0 auto; } .joinWrap h1{ width: 100%; padding: 60px 0 30px; } .joinWrap h1 a{ display: bloc..

1. 정규표현식 생성 DOCTYPE html> JS - 정규표헌식 //정규표현식(Regular Expressions) : 뮨자열 검색 패턴을 형성하는 일련의 문자를 의미 //간단한 문자 검색 : 이메일 방식, 아이디, 패스워드 검사할 때 사용 //기능 : 문자 검색, 변경, 추출 //문법1 - 변수 선언식 //variable 변수명 = 표현식/플래그; let regExp01 = /^abc/gi; //문법2 - 생성자함수식 //variable 변수명 = new RegExp(표현식,플래그); let regExp02 = new RegExp("^abc","gi"); 2. 정규표현식속성과 매서드 DOCTYPE html> JS - 정규표헌식 //속성 : 속성명; //1. flags : 플래그를 문자열로 반환 ex)..

1. for of 구문 DOCTYPE html> JS 에러 1~10사이의 숫자를 입력하세요. 테스트 //finally{ } : 결과와 관계없는 try catch구문 후에 코드를 실행하는 구문 //입력상자에 1~10사이의 숫자를 입력한 것이 아닐 때 오류 발생 //비어있음, 숫자가 아님, 숫자가 큰경우, 숫자가 작은경우 //문서객체 선택 const numBox = document.getElementById('numBox'); const btn = document.getElementById('btn'); const test = document.getElementById('test'); btn.addEventListener('click', function(){ //기존에 들어간 에러메시지 제거 test.tex..

1. 기본구문 DOCTYPE html> templete literals //` : grave accent = back accent //JS : 템플릿 리터럴 = 템플릿 스트링 = back tics let text = `안녕하세요`; alert(text); 2. 내부 따옴표처리 DOCTYPE html> templete literals //` : grave accent = back accent //JS : 템플릿 리터럴 = 템플릿 스트링 = back tics let text = `"안녕"하세요`; alert(text); 3. 여러줄 허용 DOCTYPE html> templete literals //` : grave accent = back accent //JS : 템플릿 리터럴 = 템플릿 스트링 = back..

1. 오류코드 DOCTYPE html> JS 에러 aalert('안녕하세요'); 2.try catch구문 DOCTYPE html> JS 에러 //try{ } : 오류를 테스트할 구문을 작성 //catch(에러객체){ } : 오류를 처리할 수 있는 구문 const test = document.getElementById('test'); try{ aalert('안녕하세요'); //틀린상태 } catch(err){ //message : 에러 객체의 속성 - 오류메세지를 문자열로 설정해서 반환 test.textContent = err.name; } 3. 에러 - 범위에러 DOCTYPE html> JS 에러 //에러객체의 속성 //1. name : 오류의 이름을 반환 //2. message : 오류 메세지를 문자열..