$$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/compornents/board/BoardDetail.jsx) - UI ![](https://cdn.discordapp.com/attachments/1052094512140394588/1052860216636620911/1.PNG) - JavaScript ```jsx const compost = async () => { if (sessionStorage.getItem("logined") || false) { try { const data = await axios({ url: `${BACK_URL}board/${lcategory}/${mcategory}/post/comment`, method: "POST", data: { contents: comment, author: sessionStorage.getItem("userid"), id: boardid, }, }); if (data.data === true) { alert("댓글 작성 완료"); window.location.reload(); } else if (data.data === false) { alert("관리자가 아닙니다."); } } catch (e) { console.log(e); } } else if (sessionStorage.getItem("logined") || true) { alert("로그인 해주세요"); } }; ``` - Markup(HTML) ```jsx

{comList.map((list) => (

{list.author} {list.date}

{list.contents}

{sessionStorage.getItem("userid") === list.author || sessionStorage.getItem("role") === "ADMIN" ? ( <> ) : ( <> )}

))}

{ setComment(e.target.value); }} />

```

게시글 상세