본문 바로가기

JavaScript45

[TIL]Javascript - Array Method 1. 추가/제거 1. 배열에 항목 추가, 제거하는 메서드 추가하는 메서드 : .push(...items) , .unshift(...items) 제거하는 메서드 : .pop(), .shift() .push(...items) 배열의 맨 끝에 항목 추가 여러 값을 한번에 추가할 수 있음 let todayArray = [2021, "8월", "6일"]; // 배열의 맨 끝에 요소 추가 todayArray.push("금요일", "더움", 1, true); console.log(todayArray); // [2021, "8월", "6일", "금요일", "더움", 1, true] .pop() 배열의 끝에서부터 항목을 1개씩 제거 let rgbArray = [ "red", "green", "blue", "brown"]; // 배열의 .. 2021. 8. 14.
[TIL]Javascript - Array (배열) Array(배열) 여러개 개의 데이터를 하나의 변수에 저장하는 데이터 타입 연관된 데이터를 모아 통째로 관리 하기 위해 사용한다. 대괄호([])를 사용하며, 콤마 ( , ) 를 이용해서 구분 // 방법 1 var 변수명 = [데이터 목록]; // 방법 2 var 변수명 = new Array(); var school = [ '학교 종이', '땡떙땡' ] console.log(school[0]) // 학교 종이 console.log(school[1]) // 땡땡땡 console.log(school[2]) // undefined ✅ 실제 서비스에서 배열로 사용할 만한 데이터는 어떤게 있을까? 궁금해졌다. (상상해 보았다.) 만약 "저장된 회원 정보 조회"에 사용한다면? 1. 회원 가입을 통해 받은 유저의 정보.. 2021. 8. 13.
[TIL]Javascript - 함수 호출과 테스트 선언한 함수를 실행시키기 위해서는 🔊함수 호출🔊이 필요하다. 함수의 호출 (function call) 호출을 통해야 지정된 함수의 계산이 수행 형식) //함수 호출 함수명(인수 리스트); 괄호'()' 없이 작성하면 변수로 인식함 인수(argument) 생략가능 인수 없을 때 // 함수 정의 function hello(){ console.log('Hello, World!'); } hello(); // 함수 호출 /* hello; // 변수로 인식 */ 인수 있을 때 //함수정의 function add(a, b){ console.log(a + b) } //함수 호출 add(1, 3) // 4 (출력) 👩‍💻백문견이 불여일타 ✔️함수를 정의만 하면? - 함수는 존재하지만 호출된 결과는 없다. ✔️호출된 함수에.. 2021. 8. 12.
[TIL]Javascript - 함수의 정의에 대하여 ✅ Javascript에서 함수는 어떻게 실행 될까? 함수의 호출 - 실행 루틴 1. 함수를 호출한다. 2. 호출된 참수를 찾아 계산을 수행한다. 3. 함수 수행이 완료면 원래의 루틴으로 돌아온다. ✅ '함수 리터럴'이란? 자바스크립트에서는 함수도 일반 객체처럼 값으로 취급된다. 객체 리터럴 방식으로 일반 객체를 생성할 수 있듯, 함수 리터럴을사용해 함수를 생성할 수 있다. // 함수 리터럴 function 함수명 (매개변수 리스트) { ..로직.. //함수 몸체 } function 키워드 : 자바스크립트 함수 를 선언하기 위한 시작 키워드 함수명 : 함수를 구분하는 식별자 함수 몸체의 내부 코드에서 재귀적호출 가능 매개변수 리스트 : 인수에 값을 넣으며 매개변수(인자)가 지정한 순서대로 할당 함수 몸체.. 2021. 8. 11.
[TIL]Javascript - Console.log로 간단한 디버깅해보기 Console.log() javascript를 익히면서 console.log()를 자주 사용하는 것을 보게 된다. 오늘은 그 콘솔 로그를 손에 익혀보기로 했다. ✅ 왜 사용하나요? 실무에서 경험한 바에 의하면 console.log()는데이터를확인하기 위해 사용한다. 그리고 그 데이터를 확인하며 디버깅을 해나간다. ✅어떻게 사용하나요? console.log('Hello, Dan:d World!'); 결과) 좀 더 다양한 형식의 데이터를 사용해 호출해보면 function hello(){ console.log('Hello, World!'); } function dan(){ let myName = 'DAN' // 문자 let myNum = 3; // 숫자 let myCity = ['Seoul', ['Busan'.. 2021. 8. 10.

티스토리툴바