본문 바로가기

전체 글60

회원가입 기능 구현 진행하는 프로젝트는 React로 웹단을 만들고 Spring Boot로 서버를 하기로 했다 통신은 axios를 사용했다 먼저 스프링부트에서는 UserVO / UserController - UserService - UserMapper 이렇게 있고 마이바티스 형식으로 진행했다 UserVO.java package com.josam.clink.user; import lombok.Data; @Data public class UserVO { private int userNO; private String userId; private String userName; private String nickname; private String pwd; private String email; private String phoneN.. 2023. 7. 17.
xml, 어노테이션 xml방식 1. 안에 있는 servlet을 타고 위로 올라감 2. 안에 있는 servlet 이름 일치하는걸로 가서 webapp.Greet webapp파일 안에 있는 Greet파일로 감 어노테이션 방식 보통 어노테이션 방식이 편해서 이걸로 쓰지만 내가 작성한 파일이 아닌 경우에는 xml방식을 써야한다~~ 2023. 4. 17.
useState 사용 시 화살표함수를 사용해야 하는 이유 setState를 할 때는 계속해서 리렌더링이 일어나기 때문에 화살표함수를 사용해서 계속해서 렌더링 되는 것을 막아주어야 한다고 한다 참고링크 https://anerim.tistory.com/161 [리액트 에러 React Error] Too many re-renders. React limits the number of renders to prevent an infinite loop. 안녕하세요. 디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다. 이번 포스팅에서는 오늘 리액트 작업 중에 발생한 에러에 대해 다뤄보겠습니다. 발생한 에러 내용은 이렇습니다. Too many re-renders. anerim.tistory.com 2023. 4. 9.
비밀번호 검증(배경색)- 클래스형 컴포넌트 css .success { background-color: lightgreen; } .failure { background-color: lightcoral; } js import React, { Component } from 'react'; import './VaildationSample.css'; export class VaildationSample extends Component { state = { password: '', clicked: false, vaildated: false, }; handleChange = (e) => { this.setState({ password: e.target.value, }); }; handleButtonClick = () => { this.setState({ cl.. 2023. 4. 5.