2021-04-21TIL

• 오늘 한 것
  1. 학원 대면수업 (15:30~22:00) 프로젝트 기간
  1. 어드민 설정 페이지 마크업 - 메인 페이지의 배너, 회원가입 페이지의 약관을 동적으로 바꾸기 위한 관리자의 설정 페이지 마크업을 완료했다. 배너 관리 페이지의 input type=file 태그의 파일 찾기를 누르면 업로드한 파일의 썸네일 미리보기 기능이 구현이 되어야했다. 이를 위해 jasny-bootstrap 라이브러리를 이용했다.
  2. 공지사항, 뉴스, QnA 정렬 기능 추가 - 정렬 기능을 추가해달라는 팀원들의 요구에 맞춰 정렬 기능을 추가했다. select box가 선택될 때마다 onchange 이벤트가 발생하는데 그 때마다 서버에 정렬된 데이터를 요구하는 것은 성능상 좋지 않다고 판단해서 클라이언트 단에서 해결하기 위해 고민을 해봤다. 페이지에 접속하면 처음 한 번은 무조건 서버에서 데이터를 받아오기에 이를 전역 변수에 저장해놓고 객체 배열을 복사하여 정렬된 배열을 다시 화면에 뿌려주는 방식으로 해결했다. 정렬은 sort 내장 메소드를 이용했다.

• 내일 할 것
  1. 학원 대면수업(15:30~22:00) 프로젝트 기간
  2. 어드민 페이지 백엔드 연동 시작
  3. 전체 페이지 리팩토링 및 반응형 준비

• 끝으로

어드민 마크업 끝. 이제 죽어라 연동만 해야한다

오늘의 한 줄 총평 : 어드민의 진짜 시작은 지금부터

2021-04-20 TIL

• 오늘 한 것
  1. 학원 대면수업 (15:30~22:00) 프로젝트 기간
  1. 어드민 게시판관리 마크업 - 이벤트 관리, 공지사항 관리, 뉴스 관리, faq 관리, qna 관리 페이지의 마크업을 끝냈다. 새 글을 등록하는 모달도 만들었고, qna 관리 같은 경우에는 댓글을 볼 수도 있고 댓글을 등록, 삭제할 수도 있다. 새 창으로 이동하지 않고 모두 한 html 안에서 모달로 작업을 수행하는것이 맞는 방법인지는 모르겠다.
  2. QnA 게시판 비밀글 기능 및 AJAX 요청 - QnA 게시판의 게시글을 클릭하였을 경우 비공개글이면 비밀번호 입력창이 팝업되고 사용자가 입력한 비밀번호를 AJAX 요청시 데이터에 넣어서 보낸다. 서버에서는 비밀번호를 대조하는 작업을 수행하게 된다.
  3. QnA 게시판 댓글 등록 마크업 - 댓글찍는 테이블은 만들었는데 댓글 등록하는 테이블은 안만들었었다. ㅋ

• 내일 할 것
  1. 학원 대면수업(15:30~22:00) 프로젝트 기간
  2. 어드민 설정 페이지 마크업
  3. QnA 게시판 댓글 동적 구성

• 끝으로

어드민 마크업 오늘 끝낸다. UI 수정, 백엔드 연동은 차차 하기로하고 큰 틀 안에서의 마크업은 오늘 끝내야지

오늘의 한 줄 총평 : 이번 주 어드민의 주

2021-04-19 TIL

• 오늘 한 것

  1. 학원 대면수업 (15:30~22:00) 프로젝트 기간
  2. 어드민 판매현황 마크업 - 매출현황 페이지, 베스트 현황 페이지 마크업 완료.
  3. QnA 게시판 동적 구성 - 아직 댓글 기능은 구현이 되지 않았지만 나머지 부분은 백엔드와의 연동을 끝냈다. QnA 등록 게시판에서 잘못된 접근 오류가 떠서 스프링 시큐리티를 담당한 팀원과 같이 삽질을 좀 했다. 로그인 정보를 서버에 전송하는데 token이 계속 null 값이 나오는 것이 아닌가. 똑같인 로직이 다른 페이지에서는 정상작동했다. 문제의 원인은 이미지 업로드를 위해 form 태그의 enctype을 multipart로 지정해놓은 것에서 발생했다. 그래도 무엇이 문제인지는 알았으니 나머지는 시큐리티 담당이 해결하겠ㅈ..
  4. 어드민 통계 페이지 마크업 - 판매기간 검색에 따른 통계 그래프 출력이 되는 페이지.

• 내일 할 것
  1. 학원 대면수업(15:30~22:00) 프로젝트 기간
  2. 어드민 게시판 관리 및 설정 페이지 마크업

• 끝으로

상상도 못한 이슈들이 발생해서 시간을 잡아먹네

오늘의 한 줄 총평 : 어드민 마크업의 끝이 보인다

2021-04-18 TIL

• 오늘 한 것

  1. 어드민 페이지 구현 - 상품관리 탭, 주문관리 탭을 구현했다. 상품관리쪽은 메뉴와 같은 식이라 돌려쓰기로 끝냈다. 주문관리도 리스트 형태라 형식은 같은데, 문제는 그 안에 대체 어떤 항목이 들어가느냐였다. 관리자 페이지를 실제로 본 경험도 적고 참고를 한다고 해도 페이지 성격들이 다 다르니 우선 좋은 자료를 찾는게 우선이었다. 여기저기서 긁어모은 자료들로 짜집기를 해서 만들었다. 실제로 백엔드와 연동을 하면서 많은 부분이 수정될 수도 있다. 이제 관리자 페이지는 70% 정도 마크업이 끝난듯하다. 나머지 페이지들은 돌려쓰기를 못하는 페이지들이라 더 많은 고심을 하고 만들어야한다. 내일 이어서 계속하자.

• 내일 할 것
  1. 어드민 페이지 구현
  2. 학원 대면수업(15:30~22:00) 프로젝트 기간

• 끝으로

머리 자르니 시원하다. 예상보다 많이 짧아진 감도 있지만 뭐 머리야 계속 자라니까..

오늘 공장을 많이 못돌린만큼 내일은 배로 열심히하자.

오늘의 한 줄 총평 : 주말 끝

2021-04-17 TIL

• 오늘 한 것

  1. 어드민 페이지 구현 - 주말동안 어드민 페이지 완성을 목표로 열심히 공장을 돌렸다. 리스트 페이지는 거의 돌려쓰기 식이라 크게 고칠 부분은 없었지만, 등록 페이지나 리스트를 눌렀을 때의 상세 페이지는 하나하나 만들어야했다. 오늘은 회원관리, 멤버십관리, 운영자관리, 메뉴관리 탭의 상세페이지들까지 만들고 영업종료를 해야했다. 상당히 많은 양의 페이지를 만들었지만 이제 50%정도를 끝낸 셈이다. 마크업만 했을 뿐이지 나중에 동적으로 서버에서 데이터를 받아서 뿌려주는것까지 생각하면 그 양은 곱절로 늘어난다. 내일도 이어서 공장 돌리자..

• 내일 할 것
  1. 어드민 페이지 구현
  2. 머리하러 가기

• 끝으로

8개월동안 길러온 머리를 자르려고 한다.

단발을 목표로 길러왔지만 이제 곧 여름이고, 무엇보다 거추장스러워서 못견디겠다.

오늘의 한 줄 총평 : 안녕 나의 8개월..