coding with cong

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 : 확인만 가능한 창

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

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 사용

함수의 파라미터(매개변수) : 함수의 파라미터(매개변수) 는 변수명을 지정해서 함수 영역 내부에 전달하는 역할을 함 특징 파라미터의 개수는 제한이 없으나 많으면 관리가 힘듬 파라미터 타입은 제한은 없지만, 전달된 타입을 그대로 받아 사용 파라미터로 전달되는 값의 순서, 개수, 유무 확인해 작성 파라미터의 변수명을 지정할 때, 외부의 변수명과 중복되어도 영향을 받지 않음 가급적으로 중복되지 않은 이름을 쓰는 것을 가독성을 위해 권장 사용 예시 1. 외부변수 / 내부변수 / 받은 변수로 출력하기 함수 파라미터 2. 파라미터로 이름과 취미 받아서 => 콘솔에 출력하기 3. 함수안에 함수 사용하기

return 리턴 : 함수는 리턴 유무에 따라 값을 돌려받을 수 있고, 함수실행의 종료시점을 정할 수 있음 사용 예시 더하기 빼기 여러 자료형 반환

function 함수 function이라는 키워드를 사용하여 선언 function 함수명 = 기능을 압축설명하는 의미로 작성 function 함수명 ( ) = 파라미터(매개변수) 선택적 자바스크립트에서는 파라미터 타입의 형식은 자유도가 높음 = 다양한 형태로 사용 가능 function 함수명 () { 로직 작성 } return : 함수의 실행을 종료하는 역할 + 동시에 특정 결과값을 호출한 위치로 반환 호출 방법 1. 선언 후 바로 호출 2. 선언 후 다른 위치에서 호출 3. 외부에서 선언 후 src로 연결한 후 호출 03_function.js 에서 생성 function myOuterFunc(){ console.log('내가 밖에서 만들어 온 함수'); } 03_function.html에서 호출

dataType : 변수나 상수에 할당할 수 있는 값의 종류 Number 숫자 정수, 실수, NaN(not a number: 숫자가 아님 이라는 값) let num = 1234; console.log(`num: ${typeof num}`); // 출력 ) num: number console.log(`nan: ${typeof NaN}`); // 출력 ) nan: number 문자 string " ", ' ', ` ` 으로 감싼 값들 let str = "문자"; console.log(`str: ${typeof str}`); // 출력 ) str : string 불리언 Boolean true / false let bool = true; console.log(`bool: ${typeof bool}`); // 출..