cs6 CRS vs SSR CSR Client Side Rendering 클라이언트가 html과 JavaScript를 전달받아 랜더링 CSR의 웹페이지 동작 단계 User가 Website에 요청 CDN이 html파일과 JavaScript로 접근할 수 있는 링크를 클라이언트에 전달 클라이언트는 html과 JavaScript를 다운받음 (다운받는 동안 사용자는 아무것도 볼 수 없음) 다운로드가 완료된 JavaScript 실행 데이터를 위한 API 호출 (실행과 호출되는 과정에서 사용자는 placeholder를 보게됨) 서버가 API로 부터의 요청에 응답 API로 받아온 data를 placeholder에 채워주면서 본격적으로 웹페이지 상호작용 가능 CDN: 유저의 요청에 물리적으로 가까운 서버에서 요청에 응답하는 방식 CSR의 경우 자.. 2023. 6. 15. [GIT] Git 브랜치 전략:Git flow, GitHub flow Git 브랜치 전략은 다른말로는 브랜치 운영 방식이라 할 수 있습니다. 오늘은 브랜치 전략 중 유명한 Git flow와 GitHub flow를 알아보도록 하겠습니다. Git Flow Git flow 브랜치 전략에서 쓰이는 브랜치는 두가지 성격으로 나뉘게 됩니다. 항상 유지되는 메인 브랜치 1. master 제품으로 출시될 수 있는 브랜치로 가장 최신 버전은 언제나 실행 가능한 상태여야함 (참고) master merge 후 master 브랜치에 태그를 추가해서 버전을 메모할 수 있습니다. git tag 0.1 2. develop master가 언제나 실행 가능하도록 하는 과정을 develop에서 진행 다음 출시 버전을 개발하는 브랜치 일정 기간동안만 유지되는 보조 브랜치 (머지 후 브랜치 삭제) 3. fe.. 2023. 5. 3. JavaScript vs TypeScript 대체 차이가 뭔데? 자바스크립트와 타입스크립트의 차이를 물으면, '자스가 타스야~' 또는 '타입 지정만 해주면 그게 타스야~' 라는 답변만 돌아올 뿐 명확하게 차이점이 와닿지 않아서 오늘은 자바스크립트와 타입스크립트의 차이를 알아보려 합니다. 우선 자바스크립트와 타입스크립트의 가장 큰 차이점이자, 차이점의 시초는 자바스크립트는 동적 타입 언어, 타입스크립트는 정적 타입 언어라는 점입니다. 차이점 1. type의 유무 자바스크립트의 가장 큰 장점이자 단점은 타입스크립트와는 다르게 변수나 객체의 타입을 지정하지 않는다는 점인데요! 이 부분을 보완해서 마이크로소프트에서 개발한 것이 타입스크립트입니다. // JavaScript var a = 1 var b = 2 var c = a + b // TypeScript var a:numb.. 2023. 4. 19. [HTML] Semantic HTML란? Semantic HTML란? 직역 version: 의미론적 HTML semantic elements를 사용하여 브라우저와 개발자 모두에게 소통이 용이하도록 semantic elements? 예시) , 태그만으로도 태그안에 들어간 내용의 의미를 파악하는데 용이 non-semantic elements? 예시) 태그만으로는 태그 안에 들어간 내용의 의미를 파악하기 어려움 배경 HTML5 이전에는 개발자마다 입맛대로 class나 id를 지정해서 사용해서 정해진 기준이 없었다. 그래서 HTML5부터는 , 와 같은 태그로 구분지을 수 있게 되었다. 장점 검색엔진최적화 (SEO) 구글이 검색 결과에 알맞은 검색결과를 내기 위해서, 모든 웹사이트를 크롤링하는데, semantic elements를 활용하면 구글의 크롤링.. 2023. 4. 10. 이전 1 2 다음
