3️⃣ 네트워킹 Networking 장비들을 서로 통신이 가능하도록 묶어주는 것 4️⃣ 인터넷, 인트라넷, 엑스트라넷 ☑️ 인터넷 Internet 여러 개의 네트워크를 묶은 네트워크 연합 WWW: world wide web 하나의 프로토콜TCP/IP 만을 사용한다. 주로 웹 브라우저를 이용해서 인터넷을 탐험한다. (익스플로러, 크...

##파이어베이스? mobile and web application development platform 클라우드 기반의 BaaS(Backend as a Service) 플랫폼 서버나 API를 직접 관리하지 않고도 애플리케이션의 백엔드 부분을 구현할 수 있다. 백엔드 지식이 없어도 사용 가능 백엔드 인프라 간리 필요가 없음! ####왜 파이어베이스를...

✅ Daily Report 📌 TO-DO LIST submit github blog post 76 77 78 assigment: firebase? assigment: 캐릭터의 위치를 실시간으로 업데이트 🐛 Trouble Shooting 🔴 Trouble 왜 npm run dev이후 변경사항이 실시간으로 반영이 안 되나...

✅ 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 ...