본문 바로가기
반응형

Web/Javascript6

나머지 매개변수, 전개 연산자 차이점 함수에 접근하는 방법 2가지  - 1, argument ,  2 나머지 매개변수1.  argument (인수)  :  함수를 호출할 때 이때 사용하게 되는 일련의 값함수로 넘어온 모든 인수에 접근함수 내에서 이용가능한 지역 변수 index/length, array형대의 객체 단 배열 내장 메서드 없음(forEach, map)function showName(name){ console.log(arguments.length);// 2 console.log(arguments[0]);// mike console.log(arguments[1]);//mtom}showName('mike','mtom') 2, 나머지 매개 변수 : 함수가 정해지지  않은 수의 매개변수를 배열로 받는다. -  쉽게  말해서.. 2024. 8. 15.
이벤트( Event) ? 이벤트(Event) :   웹 페이지에서 발생하는 대부분의 일을 의미 // 사용자가 버튼을 클릭, 웹 페이지가 로드,  input 필드에 입력하는 것 등웹 페이지 사용자가 버튼  클릭-이벤트 웹 페이지 사용자가 키보드 눌림  키다운-이벤트  입력품의 내용을 제출했다 -제출 이벤트 각 이벤트 들은 핸들러를 가질 수 있다 const handleClick = function(){ window.alert("환영 합니다^^");}const button =document.querySelector('button');button.onclick =handledClick//!!!!!! -구조- : 타켓.on이벤트 명 = 이벤트 핸들러 함수 ()주의 함수명만querSelector :  제공한 선택자 또는 선택자 뭉치와.. 2024. 8. 8.
객체(Object)란 무엇인가??? 객체 :관련된 데이터와 함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티와 메소드라고 부릅니다)의 집합입니다.  객체의 구조   객체 지향 프로그램의 객체 -- 고유한 특성과 동작을 가지는 것  특성 (속성, 프로퍼티) - 변수,  기능 (동작, 메서드) - 함수특성: 객체를 구성하는 정보의 일부, 해당 객체의 상태 지표가 됨  -사람 -  이름, 나이, 성별, 직업, 주민등록번호, 키, 몸무게.... 기능 :객체가 수행할 수 있는 행동이나 기능을 정의                                                                                                         -사람 - 공부하다, 걷다, 먹.. 2024. 8. 7.
콜백 함수 콜백 함수(Call back func) :다른 함수에 인자로 전달되어  그 함수의 내부에서 실행되는 함수- 나중에 불려지다.주의할 점 : 메서드 (메서드 () )이렇게하면 안에 있는 메서드를 즉각 호출하기 때문에 원하는 결과가 안 나온다.  메서드명(콜백함수 )  작성 해야 한다. 콜백 함수의 중요성 : 비동기 처리 가능 , 동기 처리 가능 동기적 수행 : 한번 하나씩 처리 - 순서대로 (하나가 끝날 때까지 다음작업은  할 수 없다.) = 블록킹 console.log('작업1');1print() //console.log('작업2');console.log('작업3');3function print(){ console.log('작업2');2}//자바 스크립트는 동기적으로 처리하는 프로그램중 하나인데 선.. 2024. 8. 6.
삼항 연산자 삼항 연산자 : 이름 그대로 세 개의 항을 이용해 결과를 반환하는 연산자이다.(if문의 단축 형태로 사용한다.)             표현식 :" 조건 ? 참일 때의 값 : 거짓일 때의 값 " example)let number = 4;let result = (number % 2 === 0) ? "짝수"(참 ) : "홀수"(거짓);console.log(result); // "짝수" let isLoggedIn = true;let message = isLoggedIn ? "환영합니다!"(참) : "로그인이 필요합니다."(거짓);console.log(message); // "환영합니다!"중첩 삼항 연산자 let score = 85;let grade = (score >= 90) ? "A" :참이면 A 거짓이면 5.. 2024. 8. 5.
원시형 자료형 , 참조형 자료형 자료형(Data Type) :프로그래밍 언어로 조작할 수 있는 값의 유형을 말한다.  종류 - 원시 타입(Primitive Type) , 참조 타입(Reference Type, Object Type): 원시 타입을 제외한 모든것은 참조 타입이라 볼 수 있다. 원시 타입(Primitive Type) :정수, 실수, 문자 논리 리터럴등의 실제 데이터 값을 저장하는 타입                  특징 - 값을 변경할 수 없다.        -한정된 메모리 공간을 효율적으로 사용할 수 있다.종류원시 타입 데이터 타입 표현 범위    크기(byte/bit) 정수형Number9,007,199,254,740,993                 ~ 9,007,199,254,740,99164비트 정수형BigIn.. 2024. 7. 31.
반응형