Slowly, Steadily, Surely 👩‍💻

Xplatform에는 filter 함수는 정말 말 그대로 필터를 걸고, 해제하는 역할을 했었다. React에서 같은 역할을 하는 게 있을까, 하며 검색을 해봤지만 아무리 찾아봐도 조금 다른 filter 함수밖에 나오지 않았다.... 뭐 어쩌겠어 써야지. 내가 필요했던 기능을 다른 것에 비유해서 적어 보자면 학생별 성적관리 화면의 조회조건에 학교 / 학년 / 반 / 학생 콤보박스가 있다. 학교, 학년, 반 콤보박스를 클릭할 때 마다 학생 콤보박스 값이 달라져야 한다. 학교 / 학년 / 반 으로 학생을 조회하는 기능이 아니기 때문에 submit을 계속 날리는 건 좋지 않다고 느꼈다. 그래서 학생 리스트를 화면 켜질 때 가져온 후에 필터를 계속 걸어서 보여지는 로직을 생각했다. 그리고 filter은 해제할 수..

useEffect(() => { getCodeList(); }, []); React Hook useEffect has a missing dependency: 'getCodeList'. Either include it or remove the dependency array react-hooks/exhaustive-deps 이런 warning이 뜬다. useEffect(() => { getCodeList(); // eslint-disable-next-line react-hooks/exhaustive-deps }, []); 이렇게 주석 달아주면 warning이 뜨지 않는다.

출처 : https://react.vlpt.us/basic/07-useState.html https://react.vlpt.us/basic/09-multiple-inputs.html 9. 여러개의 input 상태 관리하기 · GitBook 9. 여러개의 input 상태 관리하기 지난 튜토리얼에서 우리는 input 상태를 관리하는 방법에 대하여 알아보았는데요, 이번에는 input 이 여러개일때는 어떻게 관리해야 하는지 알아보겠습니다. 우선 react.vlpt.us import React, { useState } from 'react'; 이 코드는 리액트 패키지에서 useState를 사용할 수 있도록 해준다. const [number, setNumber] = useState(0); const [상태 값 저장..

참고 : https://learnjs.vlpt.us/basics/05-function.html#%ED%99%94%EC%82%B4%ED%91%9C-%ED%95%A8%EC%88%98 화살표 함수 자바스크립트에는 화살표 함수라는 게 있다. 예제함수를 보며 생각을 해보자. const add = (a, b) => { return a + b; }; 이 예제 함수를 보면 느낌상, 함수명 : add 파라미터 : a,b 일 것 같다. public int add (int a, int b) { return a + b; } java로 생각해보면 이런 함수겠지? var/let/const 함수명 = (매개변수) => {실행문} 이런식의 문법이라는 것을 알 수 있다. java 위주로 했던 사람이라 참 생소.. ㅠㅠ 계속 보다보면 ..