전체 글 (11) 썸네일형 리스트형 Sequelize 를 통한 DB연결에 대하여 ORM - Object Relational Mapping 직역하자면 , 객체 관계 맵핑이다. ORM은 Object Relational Mapping(객체-관계 매핑)의 약자. 자동으로 DBMS의 데이터를 객체 형태로 변환해줘서 더 객체 지향적인 코드를 생산할 수 있도록 도와주다. 이를 통해 개발자는 데이터를 가지고 어떤 작업을 할지에만 집중할 수 있게 되고 또한 손쉽게 DBMS를 변경할 수 있어서 제품이 높은 이식성을 가질 수 있게 된다. 이를 통해서 쿼리문을 사용하지 않고, 쉽게 Database를 조작 할 수 있다. 우선 , Terminal에 들어가 mysql에 접속해준다. --> mysql -u id -p password back 서버에 server.js 파일을 만들고 dialect : 에는 사용할 .. Hook 수업 복습 //작성중 커스텀 훅을 쓰는 이유? 컴포넌트를 만들다보면 반복되는 로직이 자주 발생한다. 특히 회원가입과 같은 input을 관리하는 코드는 관리할때마다 꽤나 비슷한 코드가 반복된다. -함수형 프로그래밍 오늘의 구현 목표는 조건을 단 회원가입 이다. - ID칸에 아무것도 입력하지 않으면 '이메일이 입력되지 않았습니다.' 를 화면에 출력한다. - 마찬가지로 PWD칸에 아무것도 입력하지 않으면 '비밀번호가 입력되지 않았습니다'를 출력한다. 아이디에서는 이메일의 유효성을 검사한다. 패스워드에서는 8자 이상의 패스워드 조건을 만족하지 못하면 '8자 이상의 패스워드를 사용해야합니다' 라는 결과를 출력한다. 우선 UseInput 1.useInput 커스텀 훅 만들기 const useInput = (defaultValue) =>.. Custom Hook 과 내장 훅 우리가 오늘(2022-4-26)에 만든 커스텀 훅 const useInput = (defaultValue) => { const [value, setValue] = useState(defaultValue) const onChange = e => { setValue(e.target.value) } return { value, onChange } } 커스텀 훅은 최상위 코드에 호출해야한다. Form 안에 있는 useEffect()는 기존 리액트에서 내장(미리 만들어놓은 ) 훅을 가져와 사용했다. const Form = () => { useEffect(() => { if (submit) { console.log('나 회원가입 시켜줘') if (Object.keys(errors).length === 0) { al.. 이전 1 2 3 4 다음
