본인이 윈도우 사용자인데 컬러 코드를 찾아가면서 일을 해야한다면, 단축키로 편하게 실행할 수 있는 PowerToys 를 추천한다. https://docs.microsoft.com/ko-kr/windows/powertoys/install PowerToys 설치 실행 파일 또는 패키지 관리자(WinGet, Chocolatey, Scoop)를 사용하여 Windows를 사용자 지정하기 위한 유틸리티 세트인 PowerToys를 설치합니다. docs.microsoft.com color picker 외에도 여러가지 기능이 있으니 참고해서 사용하기 바란다. (예를 들어 화면 레이아웃 편하게 분할하는 기능 등이 있다. 위의 microsoft 사이트에서 확인!) Win + Shift + C 키를 누르면 이런식으로 색상 코..

1번 Script 랑 2번 Script 를 분할해서 보고싶다면 2번 Script 탭을 잡고 오른쪽으로 옮겼을 때 가상선이 생기는 것을 볼 수 있다. 이것을 놓으면 화면 분할이 된다. 2개 이상의 화면 분할도 가능하다. 가로로 보고싶다면 2번 Script 탭을 잡고 아래로 옮기면 가상선이 생긴다. 이것을 놓으면 가로로 화면 분할이 된다. 되돌릴때는 다시 드래그

클라이언트 사이드 렌더링 클라이언트 사이드 랜더링(CSR) = Single Page Application(SPA) 최초 한 번 페이지 전체를 로딩한 후 데이터만 변경하여 사용할 수 있는 애플리케이션 장점 한 페이지를 전체를 불러오기 때문에 서버 사이드 렌더링보다 빠른 속도로 화면을 보여준다. 페이지를 불러온 뒤 필요한 부분만 reload 없이 데이터를 갱신할 수 있다. 자바스크립트로 HTML 문서에 렌더하기 때문에 트래픽이 감소된다. 단점 초기 구동속도가 느리다. 검색 엔진에 자바스크립트 엔진이 없다면 제대로 작동하지 않기 때문에 검색 엔진 최적화가 어렵다. 서버 사이드 렌더링 서버 사이드 렌더링(SSR) 페이지를 불러올 때 서버에서 HTML 을 받아와 화면에 보여주기 때문에, 페이지를 이동할 때마다 새..

Load Balancer 서버의 부하를 분산시켜주는 장치 또는 기술 보통 서버 상단 네트워크에 위치하여 서버 한 대에 집중되지 않게 트래픽을 관리하여 과부화가 되는 것을 방지해줌 서버의 부하를 분산시켜줄 뿐만 아니라 트래픽 자체를 분산해주기도 함 Load Balancer 기능 Health Check 지정된 포트, 프로토콜 및 ping 경로를 사용하여 지정된 시간 마다 모든 등록 대상에 상태 확인 요청을 전송한다. 즉, 등록된 대상들의 상태(열려있는지)를 지속적으로 확인해준다. 알고리즘에 따른 분산 처리 알고리즘을 이용하여 트래픽 분산 처리 NAT(Network Address Translation) 대상 IP 주소를 변경하여 사용자와 서버 간의 트래픽을 라우팅한다. 쉽게 말해, 원래의 IP 를 다른 IP ..