bundler, web framework, SPA, SSR, CSR
✅ bundler 여러 개의 파일들의 리소스를 웹 페이지를 로드할 때마다 네트워크 요청을 보내게되면 로딩 시간을 늘리고, 이는 사용자 경험 ☹️ bundler 웹 애플리케이션의 모든 자원을 하나 또는 여러 개의 파일로 병합 및 압축 네트워크 요청의 수를 최소화 ➡️ 로딩 시간 ⬇️ 예를 들어 Webpack, Rollup, Parcel, Vite ...
✅ bundler 여러 개의 파일들의 리소스를 웹 페이지를 로드할 때마다 네트워크 요청을 보내게되면 로딩 시간을 늘리고, 이는 사용자 경험 ☹️ bundler 웹 애플리케이션의 모든 자원을 하나 또는 여러 개의 파일로 병합 및 압축 네트워크 요청의 수를 최소화 ➡️ 로딩 시간 ⬇️ 예를 들어 Webpack, Rollup, Parcel, Vite ...
✅ Daily Report 📌 TO-DO LIST submit github blog post 72 73 74 assigment: bundler assigment: web framework assigment: SPA(Single Page Application)구현 assigment: SSR vs CSR ✅ Today...
🔨 SVELTE(web framework) React를 쓰기 위해서는 새로운 문법, 원리를 이해해야하므로 SVELTE로 연습 SVELTE는 HTML, CSS, JS 문법 그대로 사용함 web framework가 왜 필요한가? JS의 경우 코드의 자유로움이 존재, 딱히 규격이 없음. 이는 장점이자 단점이 된다. 일정한 제한을 두어 그 안에서 제한하...
📥 Local storage VS Session Storage 📫 Local storage Lifespan: 영구적인 저장소 사용자가 의도적으로 데이터를 삭제하거나 브라우저 캐시를 지우지 않는 이상 영구적으로 보관 로그아웃 후에도 데이터 남아 있음 Scope: 도메인 별로 저장 도메인별로 저장되며, 동일한 도메인에서만 데이터 접근 가...
유저 인증 Authentication Session session: 유저의 정보를 DB에 저장해두었다가 그떄그떄 가져와 쓰는 방식 JSON Web Token JWT: 토큰에 base 64로 인코딩해 두었다가 사용 토큰을 조회하면 사용자의 정보를 모두 알 수 있음 확장성이 좋다. 보안성은 refresh token으로 높일 수 있다. ...
✅ Daily Report 📌 TO-DO LIST submit github blog post 71강까지 assigment: Access Token VS Refresh Token assigment: Local storage VS Session Storage assigment: 액세스 토큰을 쿠키에 저장시키도록 로직을 변경 as...
✅ Daily Report 📌 TO-DO LIST submit github blog post 68 69 70 71 assigment: JWT assigment: JWT를 이용한 회원 가입과 로그인 과정에 대해 설명 assigment: hashlib assigment: refresh token ✅ Today I ...
✅ Daily Report 📌 TO-DO LIST submit github blog post 58 59 60 61 62 62 assigment: ERD 구현 assigment: mongoBD assigment: chatApp 구현 ✅ Today I Learned 유저 인증 Authentication Se...
✅ This weeks achievements_이번 주 목표 달성 여부 What I learned_알게된 점 This week was about backend. I made a memo app where I could create, read, update and delete my memos. But this memo app was limited a...
✅ Daily Report 📌 TO-DO LIST submit github blog post 54 55 56 57 assigment: SQL while VS having assigment: practice SQL1 assigment: practice SQL 2 assigment: left INNER JOI...