오늘도 디벅잉 오늘도 디벅잉

🐣 { JavaScript } 이벤트 타입 마우스이벤트: click, mousedown, mouseup 폼요소: focus, submit 키보드이벤트: keydown, keyup 이벤트 객체 이벤트가 발생하면 브라우저는 이벤트 객체(event object)를 만듭니다. event.type event.currentTarget(=this) event.clientX, event.clientY 버블링 이벤트는 제일 깊은 곳에 있는 요소에서 시작해 부모요소를 거슬러 올라가며 발생합니다. event.target - 실제 이벤트가 발생한 요소 이벤트 위임(event delegation) 1. 컨테어너에 하나의 핸들러를 할당합니다. 2. 핸들러의 event.target을 사용해 이벤트가 발생한 요소가 어디인지 알아냅니..

🏅 개요 - 저자: 조너선 스타인하트 - 역자: 오현석 - 출판사: 책만 - 가격: 31,500원 (예스24 기준) - 목차: 메모리, 컴퓨터 아키텍처, 네트워킹, 데이터 구조, 프로그래밍 언어, 브라우저, 병렬성, 보안 등 - 난이도: ★★★☆☆ - 추천대상: CS지식을 채우고 싶은 비전공자 요약 1. 프로그래머가 알고 가면 좋을 CS 전반에 대해서 설명하고 있습니다. 2. 비전공자 입장으로서 단번에 이해하기에는 쉽지 않은 파트들이 있습니다. 3. 책 두께에 비해 방대한 내용을 다루고 있기 때문에 아주 친절하지는 않습니다만, 내용을 여러번 본다면 이해할 수준으로 잘 설명되어 있습니다. 총평 서점에 들렀다 우연히 집어들었던 책입니다. CS지식에 대한 갈증이 있었기 때문에 전반적인 내용을 이해하고 싶어서 ..

🐣 { CS개론 } 머신러닝: 잘 조직된 훈련 데이터를 프로그램에 넣고 프로그램에게 데이터의 의미를 알려주는 과정 인공지능: 스스로 프로그램을 작성하면서 목표를 달성하는 컴퓨터 빅데이터: 너무 크고 복잡해서 오늘날의 기술로 마구잡이식으로 처리하면 처리가 불가능한 데이터 조언 생산성 증대: "내가 가치를 더하고 있는가?" 배포(distribute): 소프트웨어를 사용자 등에게 전달하는 것 디플로이(deploy): 소프트웨어를 설치하고 실행될 수 있는 상태로 만드는 것 추정은 단순한 추측이 아니고, 경험을 바탕으로 하는 직관적인 어림짐작입니다. 소프트웨어 스택에서 한 스택과 다른 스택 사이의 선을 API라고 부릅니다. API가 다른 프로그램을 대상으로 하지 않고 사람을 대상으로 한다면 UI라고 부릅니다. {..

🐣 { CS개론 } 병렬성과 비동기성 동시성: 겉보기에 여러 프로그램(또는 프로세스)이 실행되는 것처럼 보이는 것입니다. 병렬성: 실제로 여러 프로그램이 동시에 실행되는 것입니다. 블로킹: 시스템이 락을 할당할 수 있을 때까지 락을 요청한 프로그램을 일시중단 시킨다는 뜻입니다. 논블로킹: 프로그램이 계속 실행되고 나중에 락을 얻었는지 여부를 어떤 방식으로든 통지받게 된다는 뜻입니다. 컴퓨터 보안 보안은 기술적인 문제만은 아닙니다. 보안은 사회적인 문제입니다. 인증(authentication): 어떤 사람이나 대상이 실제로 그 사람이나 대상임을 증명하는 과정 권한부여(authorization): 제대로 된 '자격증명'을 제공하지 않는 사람에게 접근을 제한하는 것 { JavaScript } 모듈 모듈: 클래..

🐣 프로그래밍 언어 처리 루프 불변 요소: 루프를 반복해도 값이 바뀌지 않는다는 뜻입니다. 웹 브라우저 마크업: 본문(텍스트)과 구분할 수 있는 마크(각종 태그들)를 추가할 수 있는 시스템입니다. HTML: 하이퍼텍스트를 활용하는 마크업 언어입니다. JavaScript - Promise(프라미스) state: pending(대기) / 이행(resolved) / 거부(rejected) QA (Quality Assurance - 품질보증) 해야 할 일을 파악하고, 그 일을 확실히 이루어지게 해야 합니다. 웹개발에서 품질은 4가지 관점으로 나눌 수 있습니다. 점유율 / 기능 / 사용성 / 미학 입니다. 단위 테스트는 QA 전문가가 아니라 개발자가 작성합니다. 단위 테스트를 위한 프레윔워크에는 제스트, 모카, ..

🐣 { CS개론 } 컴퓨터 아키텍처와 운영체제 CPU(레지스터): 냉장고 -> 소용량/빠름 CPU(캐시): 식품저장고 -> 빠름 RAM: 편의점 디스크 드라이브: 창고 -> 대용량/느림 정적데이터: 프로그램을 작성할 때 얼마나 많은 메모리가 필요할지 아는 데이터입니다. 동적데이터(힙에 쌓임): 프로그램을 실행하기 전에는 크기를 알 수 없는 데이터입니다. 입출력과 네트워킹 프로토콜: 여러 규칙으로 이루어진 통신 규약 internet(인터넷) = inter(사이) + net(네트워크) 인터넷은 여러 LAN을 하나로 연결해주는 WAN입니다. 인터넷은 여러 계층으로 이뤄진 프로토콜의 집합입니다. 데이터 구조와 처리 자바나 자바스크립트 같은 언어에는 포인터가 없지만 직접 malloc이나 free를 하지 않으면서도..

🐣 { CS개론 } 전자 회로의 조합 논리 트랜지스터(transistor) = 전송 저항(transfer + resistor) 메모리와 디스크의 핵심: 순차 논리 조합 논리는 입력의 현재 상태만을 다루지만, 순차 논리는 입력의 현재 상태과 과거 상태를 함께 고려합니다. 컴퓨터 내부 구조 즉시 주소 지정 모드: 명령어에 들어가 있는 값 => 비트 직접 주소 지정: 명령어에 들어가 있는 값 => 피연산자 주소 간접 주소 지정: 명령어에 들어가 있는 값 => 피연산자 주소를 얻을 수 있는 메모리 위치를 가리키는 주소 RISC: 복잡한 명령어를 단순한 명령어를 조합해 처리 CISC: 복잡한 명령어들을 가지고 있음 { JavaScript } 프로토타입 상속 객체에서 프로퍼티를 읽으려고 하는데 해당 프로퍼티가 없으..

🐣 { 들어가며 } 메모리를 이해하는 것은 프로그래머의 핵심 기술에 속합니다. 재미로 축구를 하는 것처럼 재미로 프로그램을 작성할 수는 있지만, 월드컵 대표팀으로 뽑히리라 기대해서는 안됩니다. 하부 기술을 잘 이해하면 무엇이 잘못되고 있는지 알아차리는 능력을 계발할 수 있습니다. 올바른 문제를 제대로 해결해야 합니다. 좋은 프로그래머란 작동할 뿐만 아니라 다른 사람들이 이해하고 유지보수하기 쉬운 코드를 작성합니다. { 컴퓨터 내부의 언어 체계 - 비트 } 모든 언어의 뜻은 기호의 집합으로 인코딩됩니다. 같은 문맥(context)를 공유하여 같은 기호에 같은 뜻을 부여할 수 있어야 합니다. 비트 2진수로는 5,028이 13비트 수가 됩니다. 부동소수점 표현법 단순히 가수만 보면 소수점 위치가 항상 동일한 ..