freeCodeCamp/curriculum/challenges/korean/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.md

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
587d7b8e367417b2b2512b5e	함수형 프로그래밍으로 변형과 부수 효과 피하기	1	301228	avoid-mutations-and-side-effects-using-functional-programming

--description--

아직 알아채지 못하셨을 수도 있겠지만 이전 과제에서 문제는 tabClose() 함수 안에 splice에 있었습니다. splice는 이 메소드를 호출하는 본래의 배열을 변형시킵니다. 그래서 두 번째 호출은 변형된 배열을 사용하여 예상치 못한 결과를 줬습니다.

이는 더 큰 유형의 일부 예시입니다. 변수, 배열 혹은 객체에 함수를 호출하고 그 함수가 객체 안에 있는 변수 등을 변형시킵니다.

함수형 프로그래밍의 주요 원칙 중 하나는 어느 것도 변형시키지 않는 것입니다. 변형은 버그를 만들 수 있습니다. 함수들이 함수 인자 혹은 전역 변수 등 어떤 것도 변형시키지 않는 다는 것을 안다면 버그를 예방하는 것은 쉬워집니다.

이전 예시에서는 복잡한 연산이 동반되지 않았음에도 splice 메소드는 본래 배열을 변형시켰고 버그를 만들었습니다.

함수형 프로그래밍에서 변형시킨다는 것은 변형(mutation)이라고 불리고 그 결과는 부수 효과(side effect)라고 불린다는 것을 기억하실 겁니다. 함수는 이상적으로 순수 함수(pure function)이어야 합니다. 이 말은 이 함수는 어떤 부수 효과도 일으키지 않는다는 의미입니다.

이 규칙을 체득하고 코드에서 변수나 객체를 변형시키지 않으려는 노력을 해야합니다.

--instructions--

전역 변수인 fixedValue에 1이 증가된 값을 반환할 수 있도록 incrementer 함수를 위한 코드를 작성하시오.

--hints--

incrementer 함수는 fixedValue의 값(4)을 변형시키지 않아야 합니다.

incrementer();
assert(fixedValue === 4);

incrementer 함수는 fixedValue 값보다 1이 큰 값을 반환해야 합니다.

const __newValue = incrementer();
assert(__newValue === 5);

incrementer 함수는 전역 변수 fixedValue 값에 기반한 값을 반환해야 합니다.

(function () {
  fixedValue = 10;
  const newValue = incrementer();
  assert(fixedValue === 10 && newValue === 11);
  fixedValue = 4;
})();

--seed--

--seed-contents--

// The global variable
let fixedValue = 4;

function incrementer() {
  // Only change code below this line


  // Only change code above this line
}

--solutions--

let fixedValue = 4

function incrementer() {
  return fixedValue + 1
}