100세까지 코딩

혼공컴운 강의를 참고했습니다. 1. 프로세스란? - 실행 중인 프로그램 2. 포그라운드 & 백그라운드 포그라운드 프로세스 - 사용자가 볼 수 있는 공간에서 실행되는 프로세스 백그라운드 프로세스 - 사용자와 직접 상호작용이 가능한 백그라운드 프로세스 - 사용자와 상호작용하지 않고 그저 정해진 일만 수행하는 프로세스 (데몬 in 유닉스, 서비스 in 윈도우) 3. 프로세스 제어 블록 (PCB) - 프로세스와 관련된 정보를 저장하는 자료 구조 해당 프로세스를 식별하기 위해 꼭 필요한 정보들이 저장. ※ 사용 이유?? 모든 프로세스는 실행을 위해 CPU가 필요, 그러나 자원이 한정. 프로세스들이 돌아가며 한정된 시간만큼 이용. 운영체제가 빠르게 프로세스를 식별하고 실행 순서를 관리하기 위해. 4. PCB에 담기..

메인 화면 현재 시간 가져오기 - new Date() : 현재 날짜 및 시간 - getHours(), getMinutes(), getSeconds() : 시 분 초 가져오기 - setInterval(func, delay) : 타이머가 지정된 코드 실행 사이에 지연해야 하는 밀리초(1/1000초) 단위의 시간 const currentTime = () => { cur = setInterval(() => { let currentTime = new Date(); minute.innerHTML = (currentTime.getHours() < 10 ? "0" : "") + currentTime.getHours() + `&nbsp :`; second.innerHTML = `&nbsp` + (currentTime.g..

기본 구조 제목 (Type: Subject) 본문 (Body) 꼬리말 (Footer) (생략 가능) Type Tag:(띄어쓰기) Subject ex) Feat: "추가 로그인 API " Feat: "Add login API" - Tag 종류 Tag Description Feat 새로운 기능을 추가하는 경우 Fix 버그를 고친 경우 Docs 문서를 수정한 경우 Style 코드 포맷 변경, 세미콜론 누락, 코드 수정이 없는 경우 Refactor 코드 리펙토링 Test 테스트 코드. 리펙토링 테스트 코드를 추가했을 때 Design CSS 등 사용자가 UI 디자인을 변경했을 때 Rename 파일명(or 폴더명) 을 수정한 경우 Remove 코드(파일) 의 삭제가 있을 때. "Clean", "Eliminate"도..

Todo 새로운 요소 추가하기 - addEventListener : 요소에 이벤트 추가 - 배열.unshift : 배열의 앞에 아이템 추가 - 요소.prepend : 요소안에 생성한 새로운 요소 앞에 추가 const list = document.getElementById("list"); const createBtn = document.getElementById("create-btn"); let todos = []; createBtn.addEventListener("click", createNewTodo); function createNewTodo() { const item = { id: new Date().getTime(), text: "", compelete: false }; todos.unshift(..

NETFLIX 사이트 애니메이션 효과 - transition : 애니메이션 속도를 조절 - transform : 요소를 회전하거나 확대 / 축소하거나 비트는 등 형태를 변형 scale : 확대 / 축소 rotate : 회전 translate : 이동 skew : 비틀기 .row_poster { width: 100%; object-fit: contain; max-height: 100px; margin-right: 10px; transition: transform 450ms; } .row_poster:hover { transform: scale(1.2); }​ row html NETFLIX ORIGINALS 실행 결과 GitHub GitHub - jeongdong99/NETFLIX Contribute to ..