$$config title: 투자 커뮤니티 사이트 team 프로젝트 FrontEnd 구현(계정관리 - 회원정보(패스워드) 변경) keywords: - IT - React - Springboot $$ # [팀프로젝트 메인 페이지](https://slog.gg/b/11146/11146) # 팀원 / 담당(주요 기술스택) 1. 이용민 / 프론트엔드(React, JS, Node.js, CSS/HTML) 2. 염현섭 / 프론트엔드(React, JS, Node.js, CSS/HTML) 3. 박종범 / 백엔드(SpringBoot, JAVA, MySQL) 4. 노상운(본인) / 백엔드(SpringBoot, JAVA, MySQL) # 깃허브 링크 [FrontEnd](https://github.com/kei781/CoinSite_FrontEnd_Lee) [BackEnd](https://github.com/kei781/CoinSite_BackEnd_Noh) # FrontEnd, 계정관리 - 회원정보(패스워드) 변경(src/papes/set/Privacy.jsx) - UI ![](https://cdn.discordapp.com/attachments/1052094512140394588/1052866614279802940/1.PNG) - JavaScript ```jsx async () => { const lonned = await axios({ url: `${BACK_URL}account/pwReset`, method: "patch", data: { userId, userName, usePassword, password, confirmPassword, }, }); if (lonned.data == true) { setLonned(lonned.data); console.log(lonned.data); alert("비밀번호 변경완료"); setLonned(false); sessionStorage.clear(); navigate("/"); window.location.reload(); } else if (lonned.data == false) { setLonned(lonned.data); alert("비밀번호를 확인해주세요"); } } ``` - Markup(HTML) ```jsx

회원 정보 변경

이름

{check}

아이디

{userId}

비밀번호 (현재) { setUsePassword(e.target.value); console.log(usePassword); }} />

현재 비빌번호를 입력해주세요.

비밀번호 (변경) { setPassword(e.target.value); }} />

변경할 비밀번호를 입력해주세요

비밀번호 (변경) { setConfirmPassword(e.target.value); }} />

비밀번호를 확인하십세오

```

게시글 상세