본문 바로가기

Extra7

크롬 브라우저 탭 그룹 저장하기 크롬 브라우저 탭 그룹 저장하기 가끔 좀 있다 자세히 읽어봐야지 하고 읽지 않고 열어두기만 하는 경우가 많다. 그럴 때를 위해서 사용하는 탭 그룹 저장 1. 주소창에 chrome://flags/ 입력 2. Tab Groups Save and Sync를 찾아서 Enabled 저장 3. 크롬 재시작 4. 여러 탭을 열어 두고 탭에서 우클릭 > 새 그룹에 탭 추가 5. 그룹 이름 및 색 지정, 그룹 저장 클릭 6. 드래그로 그룹 탭 범위 추가 7. 같은 창 혹은 다른 크롬 창에서 그룹 저장 확인 8. 클릭 시 추가했던 탭 화면들로 이동 2024. 3. 15.
[Windows] 윈도우 서비스 등록 (window service) 윈도우 서비스 등록 (window service) 윈도우 서비스 등록 sc create [service name] binpath= [exe file location] --ex) sc create TestService binpath= "D:\Programs\test.exe" binpath= 뒤에 공백 1칸 필수 윈도우 서비스 삭제 sc delete [service name] -- sc delete TestService 윈도우 서비스 실행 sc start [service name] -- ex) sc start TestService 윈도우 서비스 중지 sc stop [service name] -- ex) sc stop TestService 2021. 8. 18.
[Extra] Reflow와 Repaint 1. Reflow와 Repaint란 웹페이지의 렌더링 과정중 발생하는 것으로 부하가 높음. UI가 느려지는 원인이 됨.특히 Refolw부하가 더 높기 때문에 최대한 피하는 편이 좋음 2. Reflow와 Repaint -Reflow 크기와 위치에 맞게 브라우져에 셋팅되는 과정 -Repaint시각적인 요소가 셋팅되는 과정배경색 -> 배경이미지 -> 테두리 -> 자식 -> 아웃라인 3. Reflow와 Repaint 사례 Reflow 사례 Repaint 사례 Render Tree (Layout)에 영향을 주는 행동을 했을 경우 발생 영향을 받은 모든 노드의 수치를 다시 계산하여 렌더트리 재생성 Render Tree (Layout)에 영향을 주지 않는 것을 변경했을 경우 발생 1) 윈도우 리사이징(너비 높이 변경.. 2018. 3. 20.
[Extra] Rendering 1. Rendering(렌더링)이란 - 화면에 컨텐츠를 그리는 과정 2. 브라우져 별 렌더링 엔진 - 크롬, 사파리 : Webkit 엔진- 파이어 폭스 : Gecko 엔진 3. 렌더링 순서브라우져마다 기본적으로 아래와 같은 순서로 진행됨(출처:http://www.phpied.com/rendering-repaint-reflowrelayout-restyle/)1. DOM 트리 구축을 위한 HTML을 파싱 2. Content Tree에서 태그를 DOM노드로 변환, 외부 CSS파일과 함께 포함된 스타일 요소들도 파싱 (style struct 생성) 3. 1,2번으로 Render Tree 생성 4. Render Tree를 새롭게 재정립함 (Reflow!!) 5. Render Tree 재배치 (Layout) (각 .. 2018. 3. 19.