https://codesmoothie.tistory.com/77이전 포스팅에서 회원가입(SignUp) API 라우트를 구현했습니다. 이제 프론트엔드에서 이 API를 호출하도록 연동합니다. 폼 제출(submission) 시, '로그인' 모드가 아닌 '계정 생성' 모드일 때 백엔드에 사용자 생성을 요청해야 합니다. 1. 폼 제출 핸들러: submitHandler 구현폼 제출 이벤트를 처리하기 위해 submitHandler 함수를 생성하고, 이를 요소의 onSubmit 속성에 연결합니다. 먼저 event.preventDefault()를 호출하여 폼 제출 시 발생하는 기본 동작(페이지 새로고침)을 방지합니다. submitHandler 내에서는 isLogin 상태값을 확인합니다.isLogin이 true (로그..
JS
🚀 시간복잡도 분석과 성능 비교 💡 시간복잡도란? 시간복잡도(Time Complexity)는 알고리즘이 입력 크기에 따라 실행 시간이 어떻게 증가하는지를 나타내는 지표입니다. O(1): 상수 시간 - 입력 크기와 무관하게 일정한 시간 O(n): 선형 시간 - 입력 크기에 비례하여 시간 증가 O(n²): 제곱 시간 - 입력 크기의 제곱에 비례하여 시간 증가 O(log n): 로그 시간 - 입력 크기가 증가해도 천천히 시간 증가 📊 성능 비교 차트 ..
forEach가 생겨난 이유함수형 프로그래밍은 순수 함수와 보조 함수의 조합을 통해 로직 내에 존재하는 조건문과 반복문을 제거하여 복잡성을 해결하고 변수의 사용을 억제하여 상태 변경을 피하려는 프로그래밍 패러다임이다. 조건문이나 반복문은 로직의 흐름을 이해하기 어렵게 한다. 특히 for 문은 반복을 위한 변수를 선언해야 하며, 조건식과 증감식으로 이루어져 있어서 함수형 프로그래밍이 추구하는 바와 맞지 않는다. const numbers = [1, 2, 3];const pows = [];// for 문으로 배열 순회for (let i = 0; i forEach 메서드는 for문을 대체할 수 있는 고차 함수다. forEach 메서드는 자신의 내부에서 반복문을 실행한다. 즉, forEach 메서드는 반복문을..