코딩하는 감자

21년 6월 8일 저녁 여러 사이트에서 503 에러가 1시간동안 발생 되었다가 복구 되었다. 에러가 발생된 사이트들은 아마존, 레딧, 트위터, 트위치, 핀터레스트, 페이팔, 영국 정부 웹사이트, BBC 등의 큰 사이트들이었다. 503 에러는 저번에 올렸던 스토리인 HTTP 상태 코드(https://wccoding.tistory.com/m/16) 내용을 보면 ' 대표적으로 서버에 오류가 생겼을 때는 500 상태가 발생하고 서버에서 요청 시간안에 주소를 반환하여 주지 않으면 503 상태가 발생한다. ' 라고 말했었다. 따라서 503 에러가 뜬 이 상황은 웹사이트들을 관리하는 서버 업체일 것이라는 추측을 할 수 있다. 미 CNBC에 따르면 접속이 마비된 사이트들에 *CDN(콘텐츠 전송 네트워크) 서비스를 제공..

color : 글자의 색상 rgb(0,0,0)(기본값) : 검정색 색상 : 기타 지정 가능한 색상 text-align : 문자의 정렬 방식 left(기본값) : 왼쪽 정렬 right : 오른쪽 정렬 center : 가운데정렬 text-decoration : 문자의 장식(선) none(기본값) : 장식 없음 underline : 밑줄 overline : 윗줄 line-through : 중앙선 text-indent : 문자 첫 줄의 들여쓰기 0(기본값) : 들여쓰기 없음 단위 : px, em, rem 등으로 단위 지정

font-style : 글자의 기울기 normal(기본값) : 기울기 없음 italic : 이텔릭체 font-weigjt : 글자의 두께(가중치) normal(기본값) : 400 기본두께 bold, 700 : 두껍게 100~900 : 100단위 숫자 9개, normal과 bold이외 font-size : 글자의 크기 16px(기본값) : 기본 크기 단위 : px, em, rem 등의 단위로 지정 line-height : 한 줄의 높이, 행간과 유사 normal(기본값) : 브라우저의 기본 정의를 사용 숫자 : 요소의 글꼴 크기의 배수로 지정 단위 : px, em, rem 등의 단위로 지정 % : 요소의 글꼴 크기의 비율로 지정 font-family : 글꼴 서체 지정 글꼴1, "글꼴2", ... 글꼴 계..

SSR(Server Side Rendering) : 서버 단에서 변화된 데이터를 반영해 완성된 화면을 전달해주는 것 (웹 사이트에 접속하면 서버에서 필요한 데이터를 모두 가져와서 html 파일을 만든다.) SSR을 이용하게 되면 페이지 로딩이 빨라진다. 모든 컨텐츠가 HTML에 담겨져 있기 때문에 효율적이다. SSR의 큰 문제점 Blinking 이슈가 아직 남아 있다. 서버의 과부하가 걸리기 쉽다.(사용자가 많을 수록) 서비스를 사용할 때 동적인 활용에 딜레이가 있다.(매우 치명적인 단점) - 초기 view 로딩 속도 Server Side Rendering 에서는 view를 서버에서 처리해 초기 로딩속도는 빠르지만, 정보가 많은 B2C 웹 서버에서 등은 서버의 부담이 크다. - 보안문제 Server Si..

TTI(Time to interact) 사용자가 웹브라우저에서 인터랙션 할 수 있는 시점 TTV(Time to view) 사용자가 웹브라우저에서 내용을 볼 수 있는 시점 CSR 사이트 접속 서버에서 인덱스 파일을 받아 온다. (이 때는 컨텐츠가 없는 상태라 빈 화면으로 보인다.) html 파일에 링크 되어 있는 웹사이트에 필요한 모든 로직이 담겨 있는 자바스크립트 파일을 요청한다. 동적으로 html 요소를 생성할 수 있는 웹 어플리케이션 로직(angular, react, vue와 같은 것들)이 담긴 자바스크립트 파일을 가져온다. => TTV, TTI SSR 사이트 접속 서버에서 이미 잘 만들어진 인덱스 파일을 받아온다. => TTV 자바스크립트 파일을 서버에서 받아온다. https://velog.io/@..

- CSR(Client Side Rendering) : 변화된 UI를 유저의 브라우저에서 만드는 것 (클라이언트 측에서 필요한 것이 있으면 서버에서 파일을 받아온 후 동적으로 html을 생성해서 사용자에게 최종적인 html을 보여주는 방식) CSR(Client Side Rendering)의 큰 문제점 사용자가 첫화면을 보기 까지 시간이 오래걸림 좋지 않은 SEO(Search Engine optimization) Rendering : 웹페이지를 화면에 그려주는 것 - 초기 view 로딩 속도 Client Side Rendering 에서는 CSS, Javascript 파일 등 필요한 파일을 모두 다운로드하기 때문에 view 로딩이 다소 늦지만, 최초 로딩 이후의 요청에 대한 대응이 빠르다. - 보안문제 Cl..