HTML.CSS.JS/JS 127

[JS] day07_datatype

DOCTYPE html> dataType 숫자 문자 블리언 객체 배열 알수없는값 미정된 값 데이터 타입 확인 명령어 let num = 1234; let str = "문자"; let bool = true; let obj1 = new Object(); // new Object : 자바스크립트에서 제공하는 내장객체 let obj2 = { }; let arr = [1, 2, 3]; let arr2 = new Array(); // 자바스크립트에서 제공하는 Array 객체 let undi = undefined; let nul = null; let nudi2; console.log(`num: ${typeof num}`); console.log(`nan: ${typeof NaN}`); console.log(`str: ..

HTML.CSS.JS/JS 2023.04.17

[JS] day07_let

DOCTYPE html> 변수사용 // var name = "hong"; // console.log(name); // var name = "kim"; // console.log(name); let name = "jung"; // console.log(name); // var name이 있기때문에 에러 name = "lee"; console.log(name); // 값 재할당 가능 // if(erer){ // let name = "hong"; // }; // 재선언 가능 (유효하지 않은 범위안) const tname = "hong"; console.log(tname); // tname = "kim"; // 불가능 console.log(typeof name); let age = 20; console.log(..

HTML.CSS.JS/JS 2023.04.17

[JS] 데이터 구조화

데이터 구조화 (구조화된 텍스트) : 많은 량의 데이터가 실시간으로 전달되어야 하는 경우, 가장 효율적 방식 구조화된 텍스트를 만들기위해 json 데이터를 많이 활용함 자바스크립트의 객체 형태를 갖고 있음 = 구조파악이 잘되며, 제작이 쉬움 특히! 웹 분야의 자바스크립트가 모든 프론트에 호환된다는 점을 활용 데이터수집, 출력용으로 거의 모든 플랫폼 서비스에서 사용중 사용 예시 ) 네이버 증권 폼 const top = { exchange: [ { name: '미국USD', price: 1313.10, updown: 6.10 }, { name: '일본JPY(100엔)', price: 980.11, updown: 2.80 }, { name: '일본JPY(100엔)', price: 980.11, updown: ..

HTML.CSS.JS/JS 2023.04.17

[JS] 정규표현식 Regular Expression

정규식 Regular Expression : 문자열에서 특정 내용을 찾거나 대체, 발췌하는데 사용 regex 단어로 많이 표현됨 특정데이터를 탐색, 확인, 존재여부 등을 쉽게 확인하기 위한 규칙 웹 분야 ) password 작성규칙, 첨부파일등에 사용 (자주사용x) 데이터 분석 분야 ) 반드시 알아야함 타 언어에서도 비슷한 형식 (알고있으면 편리) 작성규칙 / regexr / i // : 시작, 종료기호 regexr : pattern 패턴 i : flag flag옵션 i : 대소문자 구분x g : 전체 검색 m : 문자열의 행이 바뀌어도 검색 (행바꿈도 포함 검색) - 붙여서 2개사용도 가능 a-zA-Z : 영어 알파벳 전체포함 ㄱ-ㅎ가-힣 : 한글 전체포함 0-9 : 숫자 전체포함 . : 모든 문자열 ..

HTML.CSS.JS/JS 2023.04.17

[JS] 정규표현식 Regular Expression

정규식 Regular Expression : 문자열에서 특정 내용을 찾거나 대체, 발췌하는데 사용 regex 단어로 많이 표현됨 특정데이터를 탐색, 확인, 존재여부 등을 쉽게 확인하기 위한 규칙 웹 분야 ) password 작성규칙, 첨부파일등에 사용 (자주사용x) 데이터 분석 분야 ) 반드시 알아야함 타 언어에서도 비슷한 형식 (알고있으면 편리) 작성규칙 / regexr / i // : 시작, 종료기호 regexr : pattern 패턴 i : flag flag옵션 i : 대소문자 구분x g : 전체 검색 m : 문자열의 행이 바뀌어도 검색 (행바꿈도 포함 검색) - 붙여서 2개사용도 가능 a-zA-Z : 영어 알파벳 전체포함 ㄱ-ㅎ가-힣 : 한글 전체포함 0-9 : 숫자 전체포함 . : 모든 문자열 ..

HTML.CSS.JS/JS 2023.04.17

[JS] 배열 순환 forEach, map,filter (for in, for of)

배열 순환 : 배열의 순환할 수 있는 구조를 이용하여 특정 기능을 할 수 있는 메서드가 제공 array.forEach (callback function) : 일반 반복문과 유사한 형태 문자와 숫자가 섞여있는 배열에도 사용이 가능 기본형 numArr.forEach( function( elem_value, index, self ) { console.log(index, elem_value, self [ index ]); }) ; elem_value : 요소의 값 index : 배열의 요소값 self : 배열 (자신 = self) - 값은 항상 value, index, 배열순으로 입력 - 보통 index와 elem_value만 사용 (elem_value와 self [ index ] 값이 동일하니까!) const..

HTML.CSS.JS/JS 2023.04.17