useform 추가 데이터
·
React
useform으로 값을 넘길 때 register로 등록되지 않은 값을 추가로 넘겨야 할 때도 있다.react-hook-form 관련글 : https://minsun309.tistory.com/entry/react-hook-form-useForm userform에서 값을 최종적을 유효성 검사가 성공하면 데이터를 보내는 handleSubmit에 데이터를 인자로 받는 onSubmit함수에 데이터를 보내기 전에 특정 값을 추가해 주면 된다. 기본형 //...  데이터 추가const taemList = ["청팀", "백팀"];const [teamTxt, setTeamTxt] = useState("팀을 선택하세요");const [teamError, setTeamError] = useState(false);const..
Flux 패턴
·
Dev
React의 Flux 패턴에 대해 알아보았다. MVC 패턴MVC는 Model, View, Controller의 약자입니다. Model에 데이터를 저장하고, Controller를 이용하여 Model의 데이터를 관리(CRUD)합니다. Model의 데이터가 변경되면 View로 전달되어 사용자에게 보여집니다. 사용자가 View를 통해 데이터를 입력하면, Controller가 그 입력을 처리해 Model을 업데이트할 수 있습니다. 이 구조에서는 데이터 흐름이 양방향으로 일어날 수 있습니다.  문제는 애플리케이션의 규모가 커지면 아래와 같이 복잡해집니다.View가 다양한 상호작용을 위해 여러 개의 Model을 동시에 업데이트하고 Model 역시 여러 개의 View에 데이터를 전달하는 상황이 발생합니다. 규모가 커질..
Javascript 수학 계산
·
Javascript
자바스크립트를 활용한 계산, 숫자 관련 method 중 개인적으로 헷갈리는 위주로 정리했다.자바스크립트 사칙연산나눗셈에 대한 나머지 : %• 나눈 나머지의 값을 반환한다.let data = 5 % 2 // 결과 : data -> 1 자바스크립트 Math 메소드거듭제곱 연산Math.pow(number, number)거듭 제곱 연산자(**)첫번째 인수를 밑(base), 두번째 인수를 지수(exponent)로하여 거듭제곱을 반환한다.// Math.pow() 메서드Math.pow(2, 8); // 256// 거듭제곱 연산자(**)console.log(3 ** 3); // 27  Math.sqrt()인수의 제곱근을 반환한다.Math.sqrt(4); // 2Math.sqrt(16); // 4  Math.ra..
minsun309
minsun