[내일배움캠프] TIL_230207

팀프로젝트 진행상황

현재 팀프로젝트 진행상황으로는 테스트코드와 일부 세세한 기능을 제외하고 모두 완료한 상태이다.
나는 주로 관리자페이지랑 css를 담당해서 진행했다.
타입스크립트도 너무 해보고 싶었지만 좀더 공부해서 최종프로젝트때 사용해야 할 것 같다.
이제 로직을 좀 이해하다보니 코드 짜는게 재밌고 어떻게 하면 더 자동화 시킬 수 있을지 고민하는게 재밌는것 같다.
그래서 내일 발표때 제출할 마음에드는 코드를 소개하려고 한다.

프로젝트 시연영상

• 아래 코드는 로그인 하기전과 후, 로그인을 한다면 유저인지 관리자인지에 따라 header에 다르게 나오는 코드이다.
  물론 쿠키의 이름을 수정하여 접근할 수 있는 보안상의 문제가 있지만 데이터 접근은 불가능 하니 일단 진행했다. ejs와 이번에는 axios를 사용했는데 예전에 하드코딩하던걸 생각해보면 참 편하고 재밌는것 같다.

  const token = document.cookie;
  let userType = ['userorderlist', 'adminOrder'];
  let userMypage = '';
  
  if (token.substring(0, 5) === 'token') {
    userMypage = userType[0];
  } else if (token.substring(0, 5) === 'admin') {
    userMypage = userType[1];
  }
  
  let empty_html = ``;
  
  if (token) {
    empty_html = `
    <a href="api/logout">
      <li class="header_logout">로그아웃</li>
    </a>
  ${
    token.substring(0, 5) === 'token' // 유저가 로그인해야 장바구니가 나타남
      ? `<a href="usercartlist"> <li class="header_cart">장바구니</li> </a> `
      : ''
  }
  <a href="${userMypage}">
  <li class="header_mypage">마이페이지</li>
  </a>`;