coding with cong

DOCTYPE html> function 함수 // 선언 function myFirstFunc(){ console.log('이 함수는 내가 처음으로 만든 함수!'); console.log('예쁘게 봐주십쇼'); } // 호출 myFirstFunc() 여기는 body function mySecondFunc(){ console.log('두번째 생성 함수'); } myFirstFunc(); mySecondFunc(); myOuterFunc(); function.js function myOuterFunc(){ console.log('내가 밖에서 만들어 온 함수'); }

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: ..

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(..

랜덤 숫자 생성 버튼 다시하기 정답! " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스    DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta http-equiv="X-UA-Compatible" content="IE=edge">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>업다운 게임title>head> body>      h1>        button type="button" id="ranB..

데이터 구조화 (구조화된 텍스트) : 많은 량의 데이터가 실시간으로 전달되어야 하는 경우, 가장 효율적 방식 구조화된 텍스트를 만들기위해 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: ..

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

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

배열 순환 : 배열의 순환할 수 있는 구조를 이용하여 특정 기능을 할 수 있는 메서드가 제공 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..

array.reduce(callback function ( total, value, index, self ), [init value] ) 연산의 누적값 리턴 array.reduceRight (callback function ( total, value, index, self ), [init value] ) 배열의 값을 우측에서 좌측방향으로 대입 array.every(callback function ( total, value, index, self )) 콜백함수의 리턴 조건에 모든 배열의 값이 만족하면 true / 아니면 false 리턴 - 배열의 and 개념 array.some(callback function ( total, value, index, self )) 콜백함수의 리턴 조건에 만족하는 배열값이 ..

sort( ) 오름차순 정렬 / reverse( ) 내림차순 정렬 array.sort() : 문자기준 오름차순 정렬 (ascending) 가, 나, 다... / 1, 2, 3... array.reverse() : 문자기준 내림차순 정렬 (descending) 라, 다, 나... / 5, 4, 3... 정렬할 배열의 원소가 숫자인 경우 : 콜백함수를 이용하여 내부 연산하여 정렬 (콜백 함수 : 바로 사용하는 함수) 순차 정렬 (오름차순) array.sort ( function(a,b){ return a- b; }) 역 정렬 (내림차순) array.sort( function(a,b) { return b - a; }) 사용 예 1) 1~45까지의 랜덤 숫자 6개를 생성해 배열에 넣고 콘솔에 출력 사용 예 2)..