팀 미션 💫️ 주제 : 개발자 도구의 Network 패널 팀원 : 박민정, 한화연, 이지은 Network 패널 해당 웹 사이트에서 통신하고 있는 모든 정보가 표시되는 곳이다. Network 패널의 기능 http 네트워크 통신, 페이지 로딩 성능 테스트, 이미지 영상 등의 소스를 확인 가능하다. Network 패널의 여러 가지 탭의 종류와 기능 상단 탭 : 파일 형식별로 보여주는 탭 All - 통신하는 모든 목록 JS - 페이지에서 사용하고 있는 JS 파일들. 해당 페이지에서 어떤 라이브러리를 사용했는지 대충 알 수 있음. Media - 보통 mp4 파일들 XHR - 브라우저와 서버가 HTTP 통신 할 때 request 전문이 어떻게 구성되어 서버로 전달 되는지, 서버로 부터 요청에 따른 response ..

[Ubuntu 18.04] 맥분투를 만들어봅시다 ! 다른 분들의 시행착오를 줄이기 위해 공유하는 글입니다. 맥북이 없다면 맥분투라도.! 😁️ 나의 맥분투 OS : Ubuntu 18.04 LTS 바로 따라할 수 있는 터미널 명령어 위주로 작성하였습니다. 1. Gnome-Tweaks 설치 sudo apt install gnome-tweaks 2. Gnome-Extensions 설치 1) Dash-to-Dock 설치 Dash to Dock 링크로 들어가서 OFF를 ON으로 설정해서 익스텐션을 설치해줍니다. Tweaks 실행 > Extensions > Dash to dock 의 설정아이콘을 클릭 원하는 대로 Dock을 설정합니다. Dock 위치, 자동숨김, 투명도 등등 2) User Themes 설치 User ..

💻 1950년대 ENIAC : 최초의 현대적 컴퓨터 (진공관 기반의 컴퓨터. 제 1세대 컴퓨터) 운영체제 없었음 하나의 응용 프로그램 실행 운영체제가 아직 없었기 때문에 응용 프로그램이 시스템 자원을 제어했음 💻 1960년대 초기 프로그램 종류도 좀 많아지고 사용자도 많아지기 시작 배치 처리 시스템 출현 (Batch processing system) 배치처리시스템을 기반으로 운영체제 출현 💡 배치처리 시스템 ▪ 여러 응용 프로그램을 등록해놓으면 순차적으로 실행하는 시스템. ▪ 응용프로그램들의 순서를 어떻게 정하냐에 따라서 실행속도가 달라지게 된다. 👎 단점 ▪ 컴퓨터 응답시간이 오래 걸릴 수 있다. (앞단의 실행시간이 많이 필요하는 응용프로그램이 실행될 경우) ▪ 실행 시간도 오래 걸릴 수 있다. (CP..

https://github.com/eazisilver/TIL/blob/9dd7cbc3c2fa3c89ad3b9e35ea765383e0b40971/pug/Syntax.md GitHub - eazisilver/TIL Contribute to eazisilver/TIL development by creating an account on GitHub. github.com

💡 setInterval // setInterval: 1초마다 콜백함수 실행 const interval = setInterval(() => { console.log(num++); }, 1000); // clearInterval(interval); 💡 setTimeout // setTimeout: 6초뒤 콜백함수 실행 setTimeout(() => { console.log('Timeout!'); clearInterval(interval); }, 6000); ✔ nextTick과 setTimout 차이점 setTimeout : 콜백함수가 Task Queue의 제일 끝으로 들어감 nextTick : 콜백함수가 Task Queue의 제일 앞으로 들어가서, 가능한 제일 빨리 실행될 수 있도록 함

💡 Window.scrollBy() window 창에 있는 document를 지정된 크기만큼 스크롤한다 Syntax window.scrollBy(x-coord, y-coord); window.scrollBy(options) 예를 들어 window.scrollBy(0, 100) 이면 수직으로 100px씩 스크롤 💡 Window.scrollTo() document의 특정 좌표로 스크롤 Syntax window.scrollTo(x-coord, y-coord) window.scrollTo(options) 예를 들어 window.scrollTo(0, 100)이면 y축이 100px 인곳으로 스크롤 💡 Element.scrollIntoView() Element의 위치로 스크롤 Syntax element.scrollI..