coding with cong

오늘 날짜 생성 오늘 날짜의 연도 오늘 날짜의 월 오늘 날짜의 일 오늘 날짜의 요일 현재 날짜 현재 시간 현재 날짜와 시간

이름 : 주민번호 : 확인 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스    이름 : 주민번호 : 확인

stringMethod : string = 가장 많이 다루는 데이터 타입 index 있음. (0부터 시작) 문자열 데이터 값 내에서는 개행 하는 것은 비추천 new String(); 객체타입 선언은 가능하지만 이후 비교에 어려워 비추천 .length : 문자열의 총 길이 index의 마지막 번호 : lenth-1 문자관련 메서드 : java애서 사용하는 String 메서드와 비슷 (타 프로그래밍 언어도 비슷) 문자 추출 관련 메서드 substr(index, count) : index번지 부터 count개 추출 let str = "apple, banana, orange"; console.log(str.substr(0,5)); //apple // 0번지부터 5개 추출 substring(시작번지,끝번지) & ..

prompt / confirm / alert : 상담에 창이 뜨는 이벤트 prompt : 입력 값을 받을 수 있는 창 실행 시 바로 나옴 // 결과 : 입력값, 안녕! confirm : 확인/취소를 선택하는 창 확인 ) true 반환 취소 ) false 반환 alert : 확인만 가능한 창

성적 계산기 이름, 과목, 계산 버튼이 있는 화면 생성. 이름과 각 과목의 점수를 받고, 형변환을 해 총점과 평균을 구한다. 리스트를 만들 ol-li 태그의 자리를 만든다. 계산버튼을 클릭하면, li태그에 저장하고 출력하는 함수 생성 if문으로 pass와 오류문 생성

event_input 데이터 받기 : form 태그를 통해 데이터 받기 input, textarea, select, html, element의 속성으로 받아오기 form태그의 데이터는 value 속성으로 값이 매핑되어 있음 = value 속성을 호출 select option, radio, checkbox value는 선택된 값을 가져와야함 = 속성에 value 값을 추가하는 작업이 필요 value 속성의 데이터는 모두 string 처리됨. 사용예시 전송 버튼을 누르면, 입력 값이 h3의 info 부분에 하나씩 출력 리스트로 출력 버튼을 누르면, 입력 값이 ol의 li에 추가되어 출력

event 객체 : 전역객체, 모든 태그에 객체 참조가 가능 a태그와 butto태그에 주로 참조시켜 => 클릭에 대한 반응을 기대할 수 있도록 만드는 구조가 일반적 a태그 : href 속성에 의해 자체 이동이 구현되어 있음 = 이동을 막는 코드 필요 button태그 : 자주 사용 부여하는 방법 : 각자 목적과 작동방식이 다름 화면 출력영역 : document 영역 (객체) 태그 = html element / 속성 = attribute / 텍스트 = textNode 출력하는 방법 1. html 태그로 출력 : innerHTML이라는 property 사용 2. text로 출력 : innerTEXT라는 property 사용 객체의 값을 가져오는 경우 id의 값 : getElementById('id명') cla..

// 객체 생성 : 좋아하는 뮤지션(가수)의 플레이 리스트 3곡 // 이름, 나이, 플레이리스트(객체로), 함수(플레이리스트의 곡3개 출력함수) const singer = { name : '헤이즈', age : 31, playlist : { list1 : '널 너무 모르고', list2 : '저 별', list3 : '첫눈에' }, into : function(){ console.log(`${singer.name}의 노래 : 1.${singer.playlist.list1}, 2.${singer.playlist.list2}, 3.${singer.playlist.list3}`); return `노래: ${this.playlist.list1}, ${this.playlist.list2}, ${this.playl..

Object 객체 : 식별할 수 있는 것을 상세 특징으로 표현하려한 형식 (코드 타입) const 상수로 선언하는 것이 일반적 객체의 지속성을 유지하고 확보하기 위함 기본형 { 속성명 : 속성값, 속성명2 : 속성값2 ... } 으로 표현 예) 속성명 : 객체 내에서 중복되면 안됨 (고유 키) 객체 내부의 속성 값으로 사용할 수 있는 데이터 타입은 제한이 없음 객체의 속성값으로 익명함수를 정의하면 그 함수 = 메서드 (메서드명은 속성명) const car=100; 으로 재할당이 불가능! (car의 지속성을 확보하기 위해) 사용예

arrow 화살표 함수 : ES6부터 사용이 가능한 함수 정의법 가독성은 낮으나 코드량을 줄일 수 있는 방법 표현식 함수처럼 변수화를 사용할 수 있음 const arrowFunc = (param1, param2) => { // 스크립트 코드 작성 let result = param1 + param2; return result; } let result3 = arrowFunc(10,20); console.log(result3); // 30 사용