I T H

이번 챕터는 마이페이지의 이미지 파일 업로드에 대해 다뤄보고자 한다. 마이페이지에서 사용자가 원하는 이미지를 등록할 수 있고, 이미지를 제거 할 수 있다. Frontend [ pages / Mypage / index.tsx ] - 아래 코드를 추가해준다. - "이미지 업로드 컴포넌트 UserImageFile"에 props로 myData의 userImage와 함수 handleUmageChange를 보내준다. //이미지 업로드 함수 const handleImageChange = (updatedImage: string) => { setMydata((prevState) => ({ ...prevState, userImage: updatedImage, })); }; 이미지 [ pages / Mypage / User..

관리자 페이지용으로 단일 이미지 업로드 테스트를 위한 페이지를 구현하고자 한다. [ 테이블 생성 ] 프로필 정보를 저장하기 위한 데이터베이스 테이블을 1개 생성한다. CREATE TABLE TBL_PROFILE_INFO ( PROFILE_ID varchar(10) NOT NULL PRIMARY KEY, PROFILE_NAME varchar(20) NOT NULL, PROFILE_JOB varchar(100) NOT NULL, PROFILE_EMAIL varchar(100) DEFAULT NULL, PROFILE_IMG varchar(100) DEFAULT NULL ) [ Dependency 추가 ] 파일 업로드를 위한 라이브러리를 참조하기 위해 pom.xml 파일에 아래 내용을 추가한다. 참고 > htt..