윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 28강 - 리턴 > javascript

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 28강 - 리턴

페이지 정보

조회: 600

본문

※ 영상을 선명하게 보기 안내

유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
팝업목록에서 "품질" 선택하세요.
원하는 해상도를 선택해주세요.

※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.

윤인성님의 javascript강의 청각장애인을 위한 자막

안녕하세요 모던 웹을 위한 자바스크립트 제이쿼리 먼 3판

28 강력 이구요 이번 강의에서는 133 페이지에 있는 리턴 값에 대해서
살펴보도록 하겠습니다
사실 우리가 지난 강의에서 매개변수는 조금 길게 알아봤었는데 요 매개
변수는 현재 단계에서도 굉장히 많은 것을 살펴볼 수 있기 때문에 조금
길게 알아보았습니다
다만 리 통 과 같은 경우는 현재 단계에서는 그렇게 많은 내용을 알아볼
수가 없기 때문에 내용이 굉장히 짧습니다
그래서 일단 간단한 내용만 살펴보도록 하고 리턴값 와 관련된 자세한
내용이나 활용은 이후에 알아보도록 하겠습니다
본격적으로 오늘 강의를 시작해 보도록 하겠는데요 함수와 관련된 내용이
약간 외울 게 많고 호흡이 길기 때문에 복습을 또 하고 넘어가 보도록
하겠습니다
일단 함수는 두 가지 방법으로 선언하는데 한 가지는 성적 함 속 뭐
이름이 있는 함수 라고도 부르고 요
선언 어떻게 아냐 송산 늘 입력을 하고 이름을 입력을 하고
둥근 괄호를 열고 닫고 꾸란 괄호를 열고 닫고
익명 함수 어떻게 해서 말하려면
그냥 성 션을 입력을 하고 곧바로 둥근 괄호 열고 닫고 꾸 브라운 가로
열고 다꾸 해주시면 됩니다
이때 과로 내부에는 매개 변수를 입력할 수 있는데 m
뭐 매개변수는 쉼표 를 사용해서 여러 개를 입력을 해 주실 수 있습니다
뭐 요 관련된 내용은 선언적 함수나 익명 함수 나 둘다 마찬가지겠죠
어쨌거나 이렇게 선언을 하고 내부에서 파람 원이나 파람 투나 파람 쓰리
를 활용할 수 있으며 이러한 함수를 사용하는 것을 호출한다. 라고 표현을
하는데
호출을 할 때는 함수의 이름을 입력을 하시고 뒤에 괄호를 열고 닫아
주시면됩니다
이어서 내부의 지정한 것과 같은 매개 변수를 입력을 해주시면 됩니다
이어서 지난번 에서 가변 인자 매개변수 함수를 만들 때는 가변 매개 변수
함수를 만들 때는
내부에서 아기만 칠하는 객체를 활용한다.고 했습니다
기 먼치킨 액체는 매개 변수를 입력한 녀석들이 배열 처럼 들어가있다
라고 설명을 했었습니다
물론 이후에 자세하게 알아 보게 되지만 완벽한 배열은 아니에요 그래서
소인 만 복무는 적용을 할 수 없고 반드시 단순한 형태의 포 반복문을
사용해서 아기 먼지 객체의 반복을 돌려줘야 한다.고 설명을 했었습니다
저쨌거나 우리가 지지난 강의에 리턴 에 대해서 간단하게 살펴 봤었는데요
뭐 함수를 선언을 하고 리턴 x 곱하기 x 라는 형태를 사용을 하면 져
함수를 호출 했을때 u 위치로 돌아온다 고 했습니다
그래서 요 녀석을 변수로 받은 다음에 출력을 하게 되면 뭐 실행해 보지
않아도
25 가 출력 될 거라는 것은 모두 알 수 있을 거라고 생각을 합니다
어쨌거나 l 는 함수를 호출해 떤 위치로 돌아가라 는 의미입니다 암
현재 5를 입력을 해서 애플 라는 함수 토출 하게 되면 u 위치로 이동을
해서
함수를 위에서 아래로 차례대로 실행을 하게 됩니다
그러다가 리턴 이라는 키워드를 만나면 리턴 키워드 뒤에 있는 값을 들고
원래 위치로 돌아가게 됩니다
따라서 매개변수로 5가 입력이 되면 5 곱하기 5 25 가 되서
25 를 들고 돌아가서 아웃 투 쎄이 15 라는 값이 들어가게 되는
것입니다
뭐 굉장히 간단한 내용이라고 할 수 있겠는데요
리턴 을 만나게 되면 함수는 그 자리에서 곧바로 종료가 됩니다
따라서 위쪽에 에 입니다 빕니다 씨입니다 등을 출력을 하게 된다면
현재 같이 코드를 작성하게 되면 코드가 요렇게 시 위에서 아래도 실행이
되다가
5 를 만나서 애플을 실행을 하게 되고
에 입니다 를 출력을 하고 곧바로 리턴을 먹기 때문에 래쪽에 내용을
실행하지 않고 곧바로 함수가 종료되어 버립니다
현재 초록색 믿지도 떠 있는 것을 볼 수 있는데요
마우스를 올려 다도 오면 접근할 수 없는 코드가 있습니다 라는 말이 써
있습니다
이 위에서 리턴이 먹기 때문에 래 코드는 전혀 실행이 되지 않아서
이와 같은 경고가 뜨는 것입니다
어쨌거나 리턴 뒤에 아무것도 입력하지 않으면 자동으로 언 디파인 드가
들어간다고 그냥 기억을 해 주시면 되겠고요
뭐 책의 내용은 사실 이걸로 끝이에요 엄 135페이지 까지 진행을 했는데
몇가지 내용을 더 살펴보도록 하겠습니다
일단 함수를 사용하게 되면 브레이크 키워드에 사용이 굉장히 많이 줄어들게
되어 우리가 이전에 언급했던 것처럼 브레이크 키워드나 컨티뉴 키워드는
사용하지 않는 것이 거의 좋다고 말을 할 수 있을 정도로 조금 코드의
흐름을 꼭 에 되는데요
함수를 사용하게 되면 그럼 브레이크 키워드 등의 사용을 죽일 수 있습니다
예를 들어서 배열 1 2 3 5 6 7 2 있고 여기에서
파인드 넘버 라는 함수를 만들도록 하고 요 앞에 어레이를 넣고
두 번째 매개 변수에 예를 들어서 4라는 숫자를 넣게 되면 이 배열에서
4라는 숫자가 몇 번째 인덱스의 있는지 찾아서 리턴하는 함수를 만들어
보겠습니다
조금 정의를 말로 해서
이야기 힘드실 수 있으니까 첫 번째 매개변수는
배열이 0 두번째 매개변수는 숫자를 넣고
찾고 싶은 숫자를 넣는다
그리고 l 는 해당 숫자 의 인덱스 라고 지정을 하는 간단한 함수를
만들어 보도록 하겠습니다
함수 이름은 뭐 파인드 넘버 되겠구요
첫번째는 어 레일 놓고 두 번째는 넘버를 넣게 되겠죠
그래서 요러한 형태의 함수를 한번 만들어 보도록 하겠습니다
복사를 해서 붙여주고
만들면 되겠는데요 고 단순 퍼 반복문을 돌리도록 하겠습니다
어레이 에 냉 스를 돌려주면 되겠구요
이어서 어레이 에 i 번째 가
넘버 라면 곧바로 리턴
아이를 해주시면 인덱스를 찾을 수 있을 겁니다
또 다른 프로그래밍 언어의 같은 경우에는 리턴 에서 언 d 파인드 라는
것이 있는 게 없기 때문에 마지막에 못 찾았을 경우 - 1 같은 숫자를
돌려 줘서 찾지 못했습니다 를 알려주는 경우 일반적인데요
자바스크립트 같은 경우에는 리턴을 안하면 자동으로 언 디파인 드가 리턴이
되 버리기 때문에 뭐 따로 입력을 하지 않아도 모 코트 적으로 큰 문제는
없게 됩니다
추가적으로 현재 코드를 보시게 되면 배열을 넣었는데 1부터 7까지 반복을
전부 다 안 돌리고 중간에 리턴을 먹이기 때문에
1 2 3 하고 이 자를 찾는 순간 곧바로 함수가 종료 되게 됩니다
따라서 브레이크를 사용하는 것과 같은 효과를 가진다고 볼 수 있습니다
추가적으로 현재 코너를 보게 되면 배 10일 부터 7 까지 있는데
1 2 3 5 6 7 을 전부 다 도는게 아니라 중간에 리턴을 먹이기
때문에 우리가 원하는 를 찾고 나면 곧바로 리턴이 먹어서 딱 4번 만
반복을 돌게 돼서 최적화가 잘 되어 있다고 할 수 있습니다
우리가 이전에 브레이크 키워드나 컨티뉴 키워드를 사용할 때는 브레이크
키워드는 컨텐츠 키워드 의 사용이 코디에 흐름을 꿀 수 있기 때문에
사용을 자제하는 것이 좋다 라고 말을 했었는데요 그 리턴 키워드 같은
경우에도 사실 마찬가지 기는 해요
이렇게 함수를 호출하면 요 쪽으로 호출이 되서 또 리턴을 먹었을 때
돌아오게 되는데
브레이크 키워드나 컨티뉴 키워드와 다르게 리턴 키워드 같은 경우에는 이
함수가 끝이 났다는 것을 명확하게 알려 주게 됩니다
2 리턴 키워드가 끝나면 분명 에 돌아오는 부분은 뭐 이 코드의 다른
부분니라 함수를 호출해 떤 부분이기 때문에 그렇게 코드를 많이 꽂이
않게 됩니다
그래서 브레이크나 컨티뉴 키워드는 사용을 되도록 안하는 것이 좋다 라고
말을 했었는데요
리턴 키워드 같은 경우에는 필요한 경우 대부분의 경우에 이렇게 중간에
리턴 키워드를 쓰는 것도 그렇게 나쁘지 않다라고 들 이야기를 합니다
뭐 사실 연륜이 좀 있으신 개발자 분들은 l 는 무조건 적으로 마지막에
쓰라고 하는 경우가 있는데요 뭐 최근에는 필요한 경우에는 마지막에 필요
없고 중간에 써도 된다고 하는 경우가 많습니다
특히 자바스크립트 같은 경우에는 그런 경우가 굉장히 많은데요
예를 들어서 사용자가 어레이를 넣으라고 했는데 어레이 가 아닌 다른 자룡
을 넣었다면 이 코드는 문제가 생길 거 고요
두 번째 매개 변수에 넘버를 넣으라고 했는데 넘버를 안넣으면 또 문제가
생길 거예요 그래서 배열이 인지 확인을 하고 예를 들어 섬
이후에 배우 겠지만 어레이 점 이 절에 이 함수로
어레이 가 배열이 인지 확인을 하고 배열니라면 곧바로 리턴을 먹이고
넘버가 만약에
모욕 엄마는 약간 부족하긴 하지만 우리가 배운 범위에서는 타입을 사용해서
넘버 1 경우 니까 넘버가 아닐 경우에
리턴을 먹여서 아예 초기부터 반복문을 돌지 않게 만드는 경우도 있습니다
이런것을 앞에서 리턴을 먹인다고 해서 조기 리턴 이라고 부르는 기술이라고
하는데요 이러한 경우에서도 리턴을 굉장히 많이 활용 하기 때문에 일단
기억을 해 주시면 좋겠습니다
자 그럼 어쨌거나 l 과 관련된 기본적인 내용은 여기까지 살펴 보았구요
더 자세한 l 과 관련된 스킬은 이후에 언더 스코 점 js 코드를
분석하는 그런 강의를 별도로 준비 할 예정이니까 그럴 때 같이 함께
살펴보도록 하겠습니다
어쨌거나 오늘 강의는 여기까지 되겠구요 다음 강의에서 뵙도록 하겠습니다
감사합니다.