JavaScript - 함수가 필요한 이유는?

김민재·2021년 7월 27일
0

TIL, Deep Javascript

목록 보기
6/22
post-thumbnail

(이미지 출처: )

*🔐Study Keyword :

✅함수 이 녀석 당최 🔑왜 필요한지 심도있게 파헤쳐보잣!

- 대체 왜 함수가 필요하냐고?

  • ※ 우선 직사각형의 면적을 계산해주는 프로그램을 만들어보자❕💁‍♂️

-직사각형의 면적을 계산하기 위해서는 일련의 단계가 있는데
1.먼저 직사각형의 폭을 측정하고
2.그리고 직사각형의 높이를 측정한 뒤
3.측정한 직사각형의 폭과 높이를 곱하면 직사각형의 면적이 계산된다.

  • 그럼 이제 직사각형의 면적을 구하는 코드를 한 번 그럼 작성해보자!👨‍💻
<script>
const width = 10; //넓이 
const height = 6; // 높이
const area =  width * height; //면적 = 넓이 * 높이
console.log(area); // Output: 60 // 면적의 값
</script>
  • 😈 : 이번엔 서로 다른 크기의 직사각형 100개를 줄테니 면적을 계산해주는 프로그램을 작성해봐!
  • 🤷‍♂️ : 우리는 이 모든 코드를 일...일..이 하드코딩해야할까...ㅜㅜ❔❕

🙅‍♂️ NOPE!❌ 우리에겐 함수가 있다!

  • 동일한 코드를 여러 번 작성하는 방식보다 🔑코드를 블록으로 그룹화하여 하나의 작업과 연결하여 재사용을 하는 방식이 효율적이다.
    ->우리는 이러한 작업을 함수를 만들어 구현낼 수가 있다.🙆‍♂️
  • WHAT IS❓
  • 함수일련의 과정을 문(statements)로 구현하고 코드 블록으로 감싸서 하나의 실행단위로 정의한 것이다.
  • WHY & WHEN USE❔❕
  • 프로그래밍에서🚫특정 작업을 여러번 실행해야 할 상황을 마주했을 때🚫
    함수를 떠올리자.
  • 함수는 필요할 때 마다 실행 시점을 개발자가 결정하여 호출하여 재사용이 가능하다.
  1. 미리 정의된 함수를 여러번 호출 할 수 있어 코드의 재사용 면에서 큰 유용성을 지닌다.
  2. 코드 중복을 억제하고 재사용성을 높여 유지보수의 편의성을 높여준다.
  3. 중복해서 써야하는 코드에 비해 개발자의 실수를 줄여 코드의 신뢰성을 높여준다.
  4. 객체 타입의 값으로서 식별자로서 함수의 역할 파악을 도와 코드의 가독성을 향상시킨다.
  • HOW TO USE❕❓
  • 함수의 인자로 직사각형의 넓이와 높이 값만 넣어주면 끝!
<script>
function rectangleArea(width, height) { // 함수 선언
  	const area =  width * height // 직사각형의 넓이 * 높이
  	return console.log(area)
}
rectangleArea(10, 6) // Output: 60
rectangleArea(30, 3) // Output: 90
rectangleArea(20, 6) // Output: 120 > 재사용도 가능하당
</script>

*💡conclusion

함수를 왜 쓰는가? - 🔑함수를 쓰면 반복적인 작업(코드 중복 사용하는)을 대체하여 이러한 일련의 과정을 문으로 구현해 코드블록으로 감싸 하나의 실행단위로 정의하여 사용 할 수 있기 때문에 너무 좋당.
🔑함수는 0. 코드의 재사용 뿐만 아니라 1. 유지보수 편의성 2. 코드의 신뢰성 3. 코드 가독성에 있어서도 휼룡하당.

#📑Study Source

  1. Deep dive 자바스크립트 - 12.2 함수를 사용하는 이유
  2. 코드 아카데미 자바스크립트 - https://www.codecademy.com/courses/introduction-to-javascript/lessons/
profile
자기 신뢰의 힘을 믿고 실천하는 개발자가 되고자합니다.

0개의 댓글