본문 바로가기

JavaScript

[JS] 함수 생성, 함수 호이스팅, 클로저
study/Java Script 2023. 4. 16. [JS] 함수 생성, 함수 호이스팅, 클로저 스코프 = 블록 해당 함수, 변수를 사용할 수 있는 범위 블록 내부에 선언된 변수는 해당 블록 내에서만 사용가능 (지역변수 느낌) 반복문에 사용된 변수도 해당 블록에서만 사용가능 for(let i=0; i> 함수가 일회성이라 메모리에 저장을 안해서 메모리를 덜 사용함 : 변수에 함수를 할당함 let 함수명 = function() {}; let 변수명 = function(){ console.log("익명함수 생성"); } 변수명(); //익명함수 생성 이 출력됨 선언 함수 이름을 붙여 함수를 선언함 function 함수명() {} function 함수() { console.log("선언 함수 생성"); } 함수(); //선언 함수 생성 출력됨 화살표 함수 익명함수임 () => {} let 변수명 = ()=..
[JS] 배열 메소드, 반복문 | sort(), forEach(), for in, for of
study/Java Script 2023. 4. 16. [JS] 배열 메소드, 반복문 | sort(), forEach(), for in, for of 배열 메소드 concat() 배열3 = 배열1.concat(배열2); //배열3에는 배열1과 배열2가 합쳐진 배열이 됨 join() : 배열 안의 요소를 문자열로 만들어서 return 배열1 = [10, 20, 30, 40]; 배열3 = 배열1.join(","); //10,20,30,40 자체가 하나의 문자열이 됨 //즉 10 20 30 40을 , 로 이어줌 배열2 = 배열1.join(""); // 10203040 이 됨 console.log(typeof(배열3)); //string 출력 pop() : 맨 뒤 요소 삭제 push() : 맨 뒤에 요소 추가 reverse() : 배열 뒤집기 sort() : 배열 정렬 (요소를 모두 문자열로 인식해서 정렬함 → 100과 13을 13, 100 X 100, 13..
[JS] 입출력, 변수, 자료형, 초기화
study/Java Script 2023. 4. 16. [JS] 입출력, 변수, 자료형, 초기화 자바 스크립트의 입력 prompt() : 사용자의 입력을 받을 수 있음 , 팝업창 형태 리턴 값은 string 또는 null 값을 입력하고 확인 버튼을 누르면 string으로 반환, 취소 버튼을 누르게 되면 null이 반환됨 var name = prompt("이름을 입력하시오."); //입력 document.write(name); //출력 입력받은 이름은 name 변수에 저장 → name을 브라우저 화면에 출력함 출력 doucument.write() : 브라우저 출력 console.log() : 콘솔 출력 → 더 많이 씀 var name = prompt("이름을 입력하시오."); //입력 console.log(name); //콘솔창에 출력 alert() : 알림창으로 출력 var name = prompt..
[JS] 기초(1)
study/Java Script 2023. 4. 16. [JS] 기초(1) 자바스크립트로 할 수 있는 일 웹사이트를 동적으로 작성할 수 있음 마우스 드래그로 화면을 이동하거나 클릭에 따라 html, css 변화가 발생 웹브라우저에서 실행되는 프로그램을 작성할 수 있다. 서버를 구성하고 서버용 프로그램을 만들 수 있음. 자바스크립트 특징 모든 웹브라우저에서 작동함 웹브라우저에서 실행결과를 즉시 확인할 수 있음 풀스택 웹 개발, 다양한 용도의 프로그램 다양한 자바스크립트 공개 API를 사용할 수 있음 API : 데이터를 다른 사람이 손쉽게 가져갈 수 있도록 미리 준비한 체계 다양한 라이브러리와 프레임워크 사용 가능 자바스크립트를 외부 스크립트 파일 연결해서 씀 why ? 큰 규모의 프로젝트를 진행할 시 자바스크립트 소스를 분리하는 것이 효율적임 (.js) 파일을 따로 작성하고 ht..

티스토리툴바