본문 바로가기

전체 글

 (268)
1월 2주차 1. Member & Board table 변경 (관계 컬럼) 2. 이번주 추가한 내용 글 작성 Springboot & vue 글 수정 Springboot & vue 글 삭제 Springboot & vue 3. after.. 게시글 조회수 (중복방지 기능 구현) 사용자 로그아웃 등 상태관리, 엑세스토큰 + 리프레쉬 토큰 적용? 마이페이지 프로필 사진 (답글기능은 필요가 없을 것 같음)
글 수정 & 삭제 2 (Springboot + Vue) 추가한 내용 Springboot board/edit board/delete matchInfo (boardJpaService) Vue board.Vue 에서 삭제와 수정 진행 Springboot - boardJpa Springboot에서 글 수정과 삭제 수행시 board DB에 있는 Member Id와 현재 사용자의 Id를 비교 두 Id가 일치하면 수정과 삭제를 실행, 일치하지 않으면(boolean =false) 에러메시지 출력한다. // boardJpaService // Board id 에 있는 member Id와 사용자의 member Id 비교 private boolean matchInfo(BoardRepository boardRepository, BoardDTO boardDTO){ int BoardI..
글 수정 1 (springboot - vue) 추가한 파일 boardEdit.vue 추가한 코드 (springboot) BoardJpaController - editBoard (vue) board.vue BoardEdit 1. 글 읽기 화면(board.vue) 에서 Edit 버튼을 누르면 board Id를 넘겨주면서 수정화면으로 넘어간다 2. mounted 를 사용하여 화면이 로드되면 v-model에 수정 전 제목과 내용을 할당하는 메소드 실행 (v-model="subject" 지정되어있고, subject값에 기존 제목을 저장한다.) detailUsers() { let bid = this.$route.query.bid console.log("bid ? : " + bid) this.$axios.get("boardjpa/"+ bid,) .then(res..
글 작성 (Springboot + Vue) 수정내용 컬럼 변경 내용 1. board table의 password 삭제 2. 기존 board id인 id 를 bid 로 변경 (member id를 참조키로 받기위해) 3. member table id -> mid 수정 DB table 관계변경 -> member mid를 board 에서 참조 springboot 수정내용 1. board id 를 bid 그리고 password 컬럼을 삭제했으므로 dto.BoardDTO & model.Board에 해당내용 적용 2. 위 내용의 변경사항에 따라 BoardRepository 수정 3 Member id -> mid로 수정했으니 MemberController, JwtTokenUtil, Member 파일 수정 4 수정파일 dto.BoardDTO model.Board..
2022/1월 1주차 할 일 마이페이지 완성하기 글 삭제 추가 완성하기 수정1 기존 불러오는 데이터에 id 추가 -> memberController에도 추가 수정2 member Controller 의 getUserInfo HashMap 제거하고 그냥 Member 리턴 수정3 1. Vue에서 수정할 정보를 MemberController에서 전달받아 해당정보 수정 2. Controller -> MemberRepository JPA업데이트 쿼리 작성 (Modifying & Transactional 어노테이션을 붙이지 않으면 에러발생) 3. 업데이트 성공시 메시지 출력 & Vue-userStore에 이전에 저장된 닉네임을 수정된 닉네임으로 변경 수정4 $router.push 로 이동시 mounted가 실행되지 않음. 인터셉터를 통해..
Store 수정 & 마이페이지 구현 (12.31~1.04) 1. UserStore 수정 기능이 뒤죽박죽 섞여있었던 userStore를 수정하였다 action에서 일어나는 일들을 mutations로 보내서 state를 수정한다. action에는 login 메소드와 getUserInfo 메소드가 있다. login action // Login.Vue의 로그인 버튼을 누르면 실행되는 메소드 일부 try { this.$axios.post("/authenticate", JSON.stringify(saveData), { headers: { "Content-Type": `application/json`, }, }) .then((response) => { this.$store.dispatch('login', response.data); //dispatch this.$router..
(signUp-3) 회원가입 마무리 1. passCheck passCheckNum 데이터를 만들어 비밀번호가 일치할때 0, 틀렸을때 1 값이 부여되도록 설정한다 passCheck(){ if(this.passwordCheck===""||null||undefined||NaN){ this.placeholder = "" }else if(this.password!==this.passwordCheck){ this.placeholder = "비밀번호가 틀렸습니다"; this.passCheckNum = 1; }else{ this.placeholder="비밀번호가 일치합니다"; this.passCheckNum = 0; } }, 2. doubleCheck 지난번에 만든 checkNum는 닉네임이 생성가능하면 0, 중복되면 1 값 을 부여한다 // Vue -..
(signup-2) 중복확인 수정한 파일 위치 Springboot-- springbootapi.member.Member springbootapi.member.MemberRepository springbootapi.security.controller.MemberController Vue.js-- views.signup plugins.axios 기존 Member의 컬럼에 이름과 닉네임을 추가했다. 회원가입시 "이메일, 패스워드, 이름, 닉네임" 을 입력해야한다 1. 닉네임 중복방지 구현 signup.vue 페이지에 doubleCheck 메소드를 생성해 닉네임 중복체크를 구현했다. text-field에서 닉네임을 입력 후 중복확인 버튼을 누르면 doubleCheck메소드를 통해 입력한 닉네임을 Post 방식으로 Springboot에 실어..

티스토리툴바