{"componentChunkName":"component---src-templates-blog-post-js","path":"/language/201123-함수형-프로그래밍/","result":{"data":{"site":{"siteMetadata":{"title":"Junbyeol Blog","author":"Junsung Yoon","siteUrl":"https://junbyeol.github.io","comment":{"disqusShortName":"","utterances":"junbyeol/junbyeol.github.io"},"sponsor":{"buyMeACoffeeId":"junbyeol"}}},"markdownRemark":{"id":"77d678a8-fef1-5dd6-a65c-b0aa5391558b","excerpt":"이 글은 윤준성의 개발꼬맹이 시절, 혼자 노션에 공부하며 정리해둔 것 중 괜찮은 것을 추려올린 글입니다.\n기술블로그 글 기고 목적으로 작성되지 않아, 가독성이 좋지 않거나 알 수 없는 워딩이 있을 수 있습니다. 번역 - 함수형 프로그래밍이란 무엇인가? 함수형 프로그래밍이란? 순수함수(pure function)를 조합하고 공유 상태(shared state), 변경 가능한 데이터(mutable data)를 피하는 선언형(declarative)의 프로그래밍 방법 순수 함수(Pure Function…","html":"
\n

이 글은 윤준성의 개발꼬맹이 시절, 혼자 노션에 공부하며 정리해둔 것 중 괜찮은 것을 추려올린 글입니다.\n기술블로그 글 기고 목적으로 작성되지 않아, 가독성이 좋지 않거나 알 수 없는 워딩이 있을 수 있습니다.

\n
\n

번역 - 함수형 프로그래밍이란 무엇인가?

\n

함수형 프로그래밍이란?

\n
    \n
  1. 순수함수(pure function)를 조합하고
    2. \n
  2. 공유 상태(shared state), 변경 가능한 데이터(mutable data)를 피하는
    3. \n
  3. 선언형(declarative)의 프로그래밍 방법
    4. \n
\n

순수 함수(Pure Function)

\n
    \n
  1. 같은 입력이 주어지면, 같은 출력을 반환하고,
    2. \n
  2. 부작용(side effect)가 없다!
    3. \n
\n

부작용(Side Effects)

\n\n

공유 상태(Shared State)

\n

공유하고 있는 범위(scope) 내에 있는 변수, 객체, 메모리 공간

\n

공유 상태에 관련된 두가지 문제

\n
    \n
  1. \n

    경쟁 조건(race condition)에 관한 문제

    \n\n
    2. \n
  2. 함수 호출 순서에 관한 문제
    3. \n
\n
const x = {\n\tval: 2\n};\n\nconst x1 = () => x.val += 1;\nconst x2 = () => x.val *= 2;\n\nx1();\nx2();\n\nconsole.log(x.val); // 6\n\n//만일 호출 순서가 달랐다면?\n\nx2();\nx1();\n\nconsole.log(x.val); // 5
\n

⇒ 함수형 프로그래밍스럽게 바꾼다면?

\n
const x = {\n\tval: 2\n};\n\nconst x1 = x => Object.assign({}, x, { val: x.val + 1 });\nconst x2 = x => Object.assign({}, x, { val: x.val * 2 });\n// 전역변수 x의 속성 값을 직접 바꾸는 것이 아닌, 아예 새로운 객체를 반환!\n\nconsole.log(x2(x1(x))).val); // 6
\n

⇒ 이로써 공유상태의 불변성을 유지하는 것이 아주 중요하다!

\n

⇒ 명령형 흐름 제어 보다는 합성함수를 이용하자!

\n

선언형 vs 명령형(Declarative vs Imperative)

\n\n

명령형

\n
const doubleMap = numbers => {\n  const doubled = [];\n  for (let i = 0; i < numbers.length; i++) {\n    doubled.push(numbers[i] * 2);\n  }\n  return doubled;\n};\n\nconsole.log(doubleMap([2, 3, 4]));
\n\n

선언형

\n
const doubleMap = numbers => numbers.map(n => n  * 2);\n\nconsole.log(doubleMap([2, 3, 4]));  // [4, 6, 8]
\n\n
2 * 2\ndoubleMap([2, 3, 4])\nMath.max(4, 3, 2)
","frontmatter":{"title":"함수형 프로그래밍","date":"November 23, 2020"}}},"pageContext":{"slug":"/language/201123-함수형-프로그래밍/","previous":{"fields":{"slug":"/language/201027-타입/"},"frontmatter":{"title":"타입"}},"next":{"fields":{"slug":"/web/201217-Javascript-표준/"},"frontmatter":{"title":"Javascript 표준"}}}}}