본문 바로가기

프론트엔드

(2)
[스터디] 토이 프로젝트 - pomodoro, 배포부터 pwa 적용까지 이번 스터디 주제는 토이 프로젝트로, 내가 스피커였다.그동안 만들고 싶었지만 계속 뒤로 미루던 것들을 다같이 해보면 어떨까 싶어서 주제로 선정하게 되었다.   4주차 동안 진행하는 건데, 1주차는 기획안 작성이라 사실상 3주만에 프로젝트를 완성해야 했다.목표는 "실제로 운영 가능한 프로젝트"를 만드는 것이였다.   💡 토이 프로젝트 주제내가 정한 주제는 사이트 프로젝트 주제는 "뽀모도로 웹사이트"로 이전부터 생각해오던 것이었다. 원래 집중을 정말 못하다가 이대론 안되겠다 싶어서 시작한게 뽀모도로였는데,생각보다 나한테 잘맞아서 취준시절부터 꾸준히 사용하는 방법이다.  집에서는 뽀모도로 전용 시계를 사서 잘 애용하고 있는데,막상 회사에서 사용하려니 소리가 너무 크게 날 것 같아서 웹 사이트가 있으면 좋겠다..
[Web] SSG, ISR의 개념과 차이점 1. SSG SSG는 Static Site Generation의 약자로, 정적인 웹사이트를 만들 때 사용한다. SSR과 똑같이 서버에서 렌더링 하지만 렌더링 되는 시기가 SSR과 다르다. SSG는 서버에 배포한 후, 빌드할 때 렌더링(html 코드로 변환됨)된다. 실제 html 파일들은 빌드할 때 미리 만들어 둔다고 생각하면 된다. 1) SSG Rendering 방식 서버에 배포 한 후 빌드시 렌더링이 일어나면서 html 파일이 생성된다. 이후 사용자가 홈페이지에 접속하면, 클라이언트가 서버에 요청을 보내고 서버는 만들어준 html 파일을 보내준다. 클라이언트는 받은 데이터를 통해 html을 표기해 준다. 2) 장점 ① 페이지 로딩 시간(Time To View)이 짧다 ② 자바스크립트 필요 없음 ③ SE..