function3 coustom hook보다 일반 function이 나을 수도 있다. 기술과제를 구현하던 중 열심히 만든 코드가 문득 눈에 들어왔다. api를 호출해 결과 값을 전역 상태에 넣는 커스텀 훅이었다. 생각이 드는 대로 코딩하다 보니, 그리고 동작하는 데 주안을 두다 보니 처음엔 알아차리지 못했다. 아래 사진이 그 코드다. // useGetEurInfo.tsx import { useCallback, useEffect } from "react"; import { useRecoilState } from "recoil"; import { EurInfoAtom } from "../store/eurInfo"; export const useGetEurInfo = () => { const [eurInfo, setEurInfo] = useRecoilState(EurInfoAtom); cons.. 2023. 1. 19. Recursive Functions 재귀 함수(Recursive Functions)는 자기 자신이 리턴 값인 함수다. 재귀라는 단어는 잘 사용하지 않는 단어라 영어 단어가 훨씬 더 직관적으로 보일 정도다. 한자어인 만큼 한자를 알면 사실 쉽다. 두 재 혹은 다시 재(再)와 돌아갈 귀(歸)다. 다시 돌아간단 뜻이다. 단어를 왜이렇게 길게 설명했느냐 묻는 다면, 이 함수는 이게 핵심이고 전부기 때문이다. 함수를 다시 리턴한다는 건 반복한다는 소리다. 즉, 반복문의 역할이라고 이해하면 좋다. 반복을 함수로 할 뿐인 셈. for문과 재귀함수를 비교하며 살펴보자. 반복의 대명사 팩토리얼로 비교했다. // for문을 이용한 팩토리얼 let n=4 let result=1 for (let i = n; i >= 1; i--) { result = resul.. 2022. 10. 22. 함수 선언식, 표현식, 화살표 함수의 공통점과 차이점 자바스크립트를 배우면 제일 먼저 맞딱뜨리는 것이 함수고, 제일 많이 쓰는 것이 함수다. 함수를 쓰는데 있어서 세 가지 방법이 있다. 함수 선언식, 함수 표현식, 화살표 함수. 함수 선언식은 전통적인 함수 선언 방법이고, 화살표 함수는 자바스크립트가 ES6로 업데이트되면서 새로 생긴 방식이다. 세 함수식 특징을 잘 알고 사용할 필요가 있기에 이들의 공통점과 차이점을 살펴보려 한다. 먼저 각 선언식이다. 함수 선언식 함수의 기본 선언식이다. function을 선언하고 함수명('func_declaration')을 기재하고 매개변수를 위한 소괄호와 로직을 위한 중괄호를 쓴다. function func_declaration(){ console("함수 선언식") } 함수 표현식 비슷한 듯 다른 함수 표현식. 변수를.. 2022. 8. 14. 이전 1 다음
