IT공부/JavaScript

[JS] 배열의 매서드 forEach 이해하기

배열의 매서드 forEach 이해하기 forEach란? 순서도(플로우 차트) 예시 배열의 메서드 forEach란? forEach()란 매개변수의 값으로 배열의 요소를 순서대로 하나씩 입력하여 실행할 내용을 반복하는 문법입니다. for문과의 차이점은 for문의 () 안에 초기 상태, 조건, 수정되어 적용할 내용을 작성하지 않고 확인할 배열뒤에 단순히 메서드로 이용할 수 있어 편리하다는 점이 있습니다. 배열 명.forEach((매개변수) => { 실행할 내용 }); 1. 배열의 첫번째 요소인 배열명[0]의 값을 가져옵니다. 2. 가져온 값을 매개변수로 입력하여 실행할 내용을 실행합니다. 3. 배열에 남은 요소가 있는지 확인합니다. 4. 배열의 남은 요소가 있으면 배열의 다음 index에 저장된 값을 가져옵니..

[JS] 객체가 무엇인지 이해하기

객체가 무엇인지 이해하기 객체란 무엇인가? 객체 선언 방법 객체의 속성은 무엇인가? 객체의 메서드는 무엇인가? 예시 객체란 무엇인가? 객체란 키와 값으로 이루어져 있으며 키는 값을 부르기 위한 이름이며 값은 속성과 메서드를 의미합니다. 속성은 객체가 가지고 있는 수치 혹은 값을 의미하고 메서드는 객체가 가지고 있는 함수 혹은 기능이라고 비유할 수 있겠습니다. 객체를 사용하는 이유는 함수를 이용하는 이유처럼 코드의 단순화와 재사용성을 높이기 위하여 사용합니다. 예를 들자면 프로그래밍에서 자동차를 설계한다고 하면 바퀴의 수, 차의 모형, 차의 기능 등을 하나하나 따로 선언하고 자동차가 필요할 때마다 변수를 계속 사용하여 바퀴를 정하고 모형을 정하는 것이 아닌 자동차라는 객체를 선언함으로써 코드를 단순화할 수..

[JS] 재귀함수 이해하기

재귀 함수 이해하기 재귀 함수란? 순서도(플로우 차트) 예시 예시의 순서도(플로우 차트) 재귀 함수란? 만든 함수 안에 자기와 똑같은 함수를 불러와 함수 안에 함수가 있는 구조입니다. 러시아 전통인형인 마트료시카 같은 구조입니다. 재귀라는 말의 뜻인 '되돌아오다'처럼 함수 안에서 자기 자신을 또 실행하는 구조입니다. function 함수이름1(매개변수1){ 실행할 내용1 함수이름1(매개변수2) 실행할 내용2 } 1. 함수 이름 1을 실행합니다. 2. 실행할 내용 1을 실행합니다. 3. 함수 이름 1을 만났으므로 함수 이름 1을 실행합니다. 4. 3번에서 실행한 함수 이름 1안의 실행할 내용 1을 실행합니다. 5. 3번에서 실행한 함수 이름 1안에 함수 이름 1을 실행합니다. 6. 위의 내용을 반복합니다...

[JS] 함수 function 이해하기

함수 function 이해하기 함수 function이란? 예시 함수 function이란? function은 일련의 작업을 수행하도록 구성한 코드를 불러오기 편하게 이름 지어 준 것을 함수라고 합니다. 예를 들어 어떠한 작동을 하는 코드가 총 100줄이 되는데 이 기능을 사용할 때마다 100줄을 작성하는 것이 아닌 함수의 이름을 불러옴으로써 1줄로 이용할 수 있게 해 줍니다. 코드의 반복이 줄고 재사용성이 높이는 방법입니다. function 함수이름(매개변수){ 실행할 내용 return 반환할 값 } 매개변수는 함수를 실행 시 실행할 내용에서 필요로 하는 입력값입니다. 따라서 실행할 내용에 따라 매개변수가 필요할 수도 있고 매개변수가 필요하지 않을 수 있습니다. 실행할 내용에 따라 반환할 값이 존재하지 않..