분류 전체보기13 [회고] Ticket Want It(티켓원잇) 📝프로젝트 소개 프로젝트 이름 : Ticket want It (티켓원잇) 제작 기간 : 2023.04.17 ~ 2023.05.22 팀 구성 : 6명 (프론트엔드 3명 , 백엔드 3명) 담당 포지션 : 백엔드(팀원) 구조 기술 스택 스키마 📌전체 기능 일반 사용자 관리자 유저 관련 기능 로그인, 회원가입, 회원정보 CRUD, 이메일 인증, 임시 패스워드 발급 유저조회 및 수정, 검색 상품 관련 기능 상품 목록 및 상품 상세 정보 조회 상품CRUD,카테고리CRUD 주문 관련 기능 장바구니에 상품 추가, 장바구니 목록 및 개별 또는 전체 상품 구매 주문정보 조회 및 상태 관리 📌내가 구현한 기능 설명 라우터 POST : /api/user → 회원가입 GET : /api/user→ 회원정보 상세보기 PUT: /.. 2023. 5. 15. JWT토큰 인증(Local Storage) Authorization Header로 jwt토큰을 주고받는 방식의 특징 jwt토큰의 데이터를 클라이언트에서 저장 세션관리가 필요없음 JWT토큰을 사용해서 인증을 검증하는 방식은 다음과 같이 설계할 수 있다. 정보가 일치하면 JWT토큰 발급 const secret = "비밀키: 단순하고 짧게해놓으면 보안 이슈가 생길수 있으므로 주의" function setUserToken(user,isOnlyAccess){ //isOnlyAccess가 참일때: access토큰만 발급, 거짓일때: access,refresh 둘다 발급 const accessPayload = { shortId: user.shortId, name: user.name, email: user.email, profileImage: user.prof.. 2023. 5. 15. 웹 성능을 최적화하는 기본적인 방법 브라우저가 는 처음에 HTML을 파싱해서 DOMtree를 만들고, CSS를 파싱해서 CSSOM tree를 만든다. 그리고 DOMtree와 CSSOMtree가 합쳐져서 Render tree를 만든다. 여기서 Rendertree는 DOMtree와 항상 일치하지는 않는다. Rendertree는 시각적 측면에서 화면을 올바른 순서대로 그리는것이 목적이기 때문이다. 예를 들어 display:none의 경우에는 Rendertree에서 제외된다. 이 이후에 레이아웃을 그리는 리플로우와 페인트작업을 하는 리페인트 단계를 거치는데 만약 리플로우나 리페인트를 할 필요가 없다면 이 단계는 넘겨질 수 있다. 따라서 성능면에서 가장 이상적인 것은 두 단계 모두 제외되는것이다. 또한 리플로우는 전체 픽셀을 다시 계산해야 하기때문.. 2023. 4. 7. 웹 접근성과 웹 표준 정리 웹 접근성 : 사용자의 신체적 특징을 고려하여 가능한 많은 사용자가 불편없이 이용할 수 있도록 제공하는것 웹 표준 : HTML 문서 양식을 준수하는 시멘틱마크업 웹표준검사 The W3C Markup Validation Service Markup Validation Service Check the markup (HTML, XHTML, …) of Web documents Validate by URI Validate by File Upload Validate by Direct Input Validate by URI Validate a document online: Address: More Options Character Encoding Only if missing Document Type Only if m.. 2023. 4. 7. 이전 1 2 다음
