🔥 목차 🔥

1. Side Effect
2. calc()

🧐 그렇다면 꼬! 🧐

💡 Side Effect

• 함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우 함수는 Side Effect가 있다고 이야기함
• React에서는 컴포넌트 내에서 fetch를 이용해 API 정보를 가져오거나 이벤트를 활용해서 DOM직접 조작할때 Side Effect가 발생 했다고 한다
• Pure Function (순수함수)
  • 오직 함수의 입력갑만이 함수의 결과에 영향을 주는 함수를 의미함
  • 함수의 입력이 아닌 다른 값이 함수의 결과에 영향을 미치는 경우에는 순수 함수라고 부를 수 없음
  • 순수함수는 입력된 전달값을 수정하지 않음
  • 네트워크 요청과 같은 Side Effect가 없음
  • 어떤 인자가 주어질 경우 항상 같은값이 리턴됨을 보장함
• React 컴포넌트에서 Side Effect
  타이머 사용 ( setTimeout )
  데이터 가져오기 ( fetch API, localStorage )

💡 calc() - CSS

• CSS 함수를 이용하면 CSS 속성의 값으로 계산식을 지정 할 수 있음
  • 연산은 표준 연산자의 우선순위를 따름
  • 피 연산자로는 length 구문의 아무값이나 사용 가능하고 원하면 서로 다른 단위끼리도 계산이 가능함
• 괄호를 사용해서 연산순서를 바꿀수도 있음