728x90

전체 글 503

247일차(모험 156일차) - Github, 페이징 코드 수정

Github pr을 얼마나 자주할 것인가에 대해 팀원과 얘기를 나누다가 아래와 같은 의문점이 생겼다. a가 파일을 올렸다. b는 작업중이다. b가 pr을 하기 위해 pull을 받는다. 이 때 b가 작업했던 파일이 이전파일로 덮어씌여지는 걸까? 문득 든 의문점을 해결하기 위해 직접 테스트 해봤다. 임의로 내 브랜치는 feature/me, 팀원 브랜치는 feature/team 이라고 생각한다. 1. feature/me에서 임의로 a파일에 주석 코드를 추가하여 commit 한 후 main 브랜치에서 pull을 받았을 때 a파일은 주석을 추가한 상태로 유지가 되었다. 2. 내가 feature/me에서 커밋한 a 파일을 main 브랜치에 pr을 했다. 팀원이 feature/team에서 b 파일을 commit 한 ..

TIL 2022.05.20

246일차(모험 155일차) - 기능 추가

css 수정해야할 부분 정리 - 게시글 상세보기 페이지 - 페이징 버튼 게시글 상세보기 모달 창 추가 + 해당 게시글 정보 띄워주는 것까지 완료 (디자인 미구현) 페이징 백 코드 추가 페이징 코드 여러 개 훑어 보다가 Page에서 기본으로 제공되는 메소드를 사용하기로 했다. 참고한 사이트 : Spring 개발 - 게시판 만들기 #페이징 처리 (1) , Spring Data JPA 페이징과 정렬 * 기존에 작성한 db는 게시글이 7개 이고, 띄워주는 게시글은 페이지당 6개로 test ajax에서 서버에서 받아오는 값 console로 띄우기 return new PagingResult(boards.getTotalPages(), endPage, prev, next); print로 출력하면서 코드를 수정했다. c..

TIL 2022.05.19

245일차(모험 154일차) - 페이징

기존에 페이징 버튼을 디자인 했는데 (물방울) 페이징 구현이 되는지만 확인하기 위해 임의로 디자인을 만들면서 (숫자) 2개의 페이징이 한곳에 붙여지면서 디자인 한 페이징 부분이 실행이 되지 않아서 이 부분을 수정하였다. 이전 버튼과 다음 버튼을 고정시켜두고 그 사이 디자인 버튼을 최대 5개 추가하는 것으로 수정했다. 수정하면서 css도 수정을 해야할 부분들이 생겼는데 이 부분은 기능 구현이 끝나면 하는 것으로 미뤘다. 현재 페이징을 구현하면서 해당 페이징 버튼은 5개만 보여지고 그 이후는 다음 버튼을 통해 6~10, 11~15 이렇게 진행을 하는게 우선으로 느껴져 이 기능을 먼저 구현하기로 결정했다. 구글링을 해보니 백에서 코드를 작성하고 있어 클론코딩으로 정리하면서 습득한 후에 프로젝트에 코드를 작성하..

TIL 2022.05.18

243일차(모험 152일차) - 게시글 기능 추가

mysql까지 연동 후에 다음 해야할 부분을 체크하다가 registry에서 게시글을 등록하고 해당 게시글을 클릭해서 띄워주는 페이지를 만들지 않아서 이번주는 registry 기능을 개선하기로 했다. 해당 게시물의 id값을 알고 있으므로 해당 id값에 맞는 db를 모두 가져오기로 했다. 예상 틀을 아래와 같이 진행하기 위해서 registry dto에 닉네임을 저장하는 것으로 수정했다. 작성자 : OOO 작성일자 : 0000-00-00 제목 : ___ 내용 : __________ 프론트는 미리 만들지 않고 임의로 button을 추가한 후 alert으로 출력이 잘 되는지 먼저 test를 진행했다. response를 alert로 출력해서 연결이 되는지 먼저 확인차 test를 해보려고 했는데 [object Obj..

TIL 2022.05.16

35주차

이번주는 프로젝트 위주로 진행했다. - 모든 페이지에 css, js 적용 안되는 문제 해결 - 접속자 수 띄워주기 (css 추가 수정 필요) - mysql 연동 - test 코드 수정 주말에는 registry test 코드 관련해서 의문이 든 부분을 해결했다. MYSQL을 연동시키고 테스트코드를 실행시켰더니 에러가 떴다. (게시글이 저장하고 잘 받아오는지 test하는 코드) 알고보니 REGISTRY 테이블 ID에는 AUTO_INCREMENT를 체크를 안해서 생긴 오류였다. 다시 실행시켜보니 RegistryRepositoryTest 에서 에러가 떴다. 기댓값은 1이었는데 실제 데이터는 4라고 에러가 떴다. 기존에 H2 콘솔창에 들어가보면 데이터가 없어서 @Rollback(false)로 작성해서 실행시켰는데..

WIL 2022.05.15

240일차(모험 149일차) - mysql 연동하기(port 변경)

기능을 추가할 때마가 모든 페이지가 실행이 잘 되는지 확인하는데 매번 실행할 때마다 회원가입하고 로그인을 진행하는 게 너무 번거로워서 h2 대신 mysql을 활용해서 회원가입을 진행 안하게 끔 했다. application.properties spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.datasource.url=jdbc:mysql://localhost:3306/test?serverTimezone=UTC&characterEncoding=UTF-8 spring.datasource.username=root spring.datasource.password=1234 나는 port번호가 3306은 전에 mysql 사용할 때 작성한 데이터들..

TIL 2022.05.13

239일차(모험 148일차) - 채팅 페이지

박스 밖으로 글씨가 넘어가는 현상 (오른쪽, 하단) 아래 코드 작성 (but 박스 안에 메세지가 가득 차면 더 이상 추가가 되지 않는 문제 해결 필요) overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 겹치는 현상 a가 길게 적고 b가 짧게 적으면 겹쳐지는 현상 발생 현재 메세지를 넣는 방법이 메세지를 입력할 때 마다 div로 띄워진다. let newMsg = document.createElement('div'); class를 넣어서 겹치지 않게 작성했다. newMsg.className = "chat-msg"; 출처 : [JavaScript] cla..

TIL 2022.05.12

238일차(모험 147일차) - 프로젝트

프로젝트 - session에 저장하는 변수와 받아오는 변수를 다르게 지정해서 못받아 오는 현상 해결 - 백에서 현재 접속자 수를 클라이언트로 넘기는 코드 작성 +) 입장했을 때의 숫자만 알 수 있고 이후에 인원 변동을 파악하지 못하는 현상 ➡️ 메세지를 전송할 때마다 접속자 수 업데이트 - 백엔드 github branch 정리 +) 슬랙에서 branch 삭제 되는 것도 알림에 뜬다. - 백에서 현재 접속자 수를 클라이언트로 넘기는 코드 작성 기존 프론트에서는 a가 먼저 입장하고 b가 뒤늦게 입장했을 경우 b는 a가 채팅을 시작해야 a가 있다는 사실을 인지할 수 있었다. 이를 해결하기 위해서 처음엔 자체 새로고침을 시도 했으나 아래와 같은 오류가 떴다. 2021.10.18 - [TIL] - 36일차 Unc..

TIL 2022.05.11

237일차(모험 146일차) - ⭐문제 해결⭐

중간 정리 팀원과 디코로 현재 상황 정리 후 앞으로 해야할 부분을 milestones로 올려뒀다. 일주일 동안 하나의 기능을 구현하는데 집중하기로 했다. ⭐ !!!!!!!!!!!!! 문제 해결 !!!!!!!!!!!!!! ⭐ 몇 일, 몇 주 계속 로그인 css 적용 안되는 문제 때문에 그동안 계속 삽질을 해오고 기록해왔는데 (찾아보면 엄청 많을 것 같다..) 오늘 ! ! ! ! ! ! ! ! 그 문제를 해결했다😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂 문제 Refused to apply style from 'http://localhost:8080/css/login.css' because its MIME type ('') is not a supported stylesheet MIME type, and strict MIM..

TIL 2022.05.10