초코딩(chocoding)

이벤트리스너란? 이벤트 리스너는 DOM 객체에서 이벤트가 발생할 경우 해당 이벤트 처리 핸들러를 추가할 수 있는 오브젝트이다. 이벤트 리스너를 이용하면 특정 DOM에 위에 말한 Javascript 이벤트가 발생할 때 특정 함수를 호출한다. 이벤트 리스너 등록하기 => DOM객체.addEventListener(이벤트명, 실행할 함수명) DOCTYPE html> Document function showDiv(change) { document.getElementById("div").innerHTML = change; } 버튼을 누르거라

* function => 긴 코드를 깔끔하게 한 단어로 축약 가능 function myfunc() { } 함수 이름은 함수를 만든 이유를 반영하여 작명! 주의할점! HTML 코드를 변경할 시에 해당 HTML 코드보다 JS코드가 더 앞에 있을 시에 에러가 발생하게 된다. (=> 'innerHTML' of null ....) *parameter => 함수 업그레이드!!! function myfunc(myParameter) { return (1 + myParameter); } 파라미터의 장점은? => 하나의 함수로 다양한 기능을 만들 수 있다. 그러면 코드가 줄어들겠군!!

*Component 1. 함수 만들고 이름 짓기 2. 축약을 원하는 HTML 넣기 3. 원하는 곳에서 function App() { return ( . . . ); } => function 의 함수명은 대문자로 => return문은 하나의 덩어리로 *그렇다면 어떤 UI를 component로 만들까? => 반복되어 사용되는 부분 => 재랜더링이 자주 발생하는 부분 => 다른 페이지를 따로 만들 때 *component의 단점은? => state를 쓸 때 복잡해진다. 상위 component에 쓰인 state를 쓰려면 props 문법을 이용해야 한다.

강의를 듣던 중에 모르는 것들이 나와서 찾아봤다. 참고하길 바람. - ESLint-disable https://mong-blog.tistory.com/entry/eslint-%EC%A0%81%EC%9A%A9%EC%8B%9C-%EC%9D%B4%EC%8A%88rules-%EB%AC%B4%EC%8B%9C-%EC%9A%B0%EC%84%A0%EC%88%9C%EC%9C%84#google_vignette eslint 적용시 이슈(rules 무시, 우선순위) 👍 이번시간에는 eslint적용시 만날 수 있는 이슈와 해결방법을 알아보았다! 1. 일부 rules 무시하는 법 특정 코드에서 eslint의 rules을 무시해야할 때가 있다. 이때 우리는 파일 자체를 무시하거나, mong-blog.tistory.com deep ..

프로세스란? 프로그램은 실행되기 전까지는 그저 보조기억장치에 있는 데이터 덩어리일 뿐이지만, 보조기억 장치에 저장된 프로그램을 메모리에 적재하고 실행하는 순간의 프로그램 포그라운드 프로세스 사용자가 보는 앞에서 실행되는 프로그램 백그라운드 프로세스 사용자가 보지 못하는 뒤편에서 실행되는 프로세스 사용자와 직접 상호작용할 수 있느 백그라운드 프로세스 사용자와 상호작용하지 않고 그저 묵묵히 정해진 일만 수행하는 백그라운드 프로세스 - 데몬(daemon) : 유닉스 체계의 운영체제에서 부르는 말 - 서비스(service) : 윈도우 운영체제에서 부르는 말 프로세스 제어 블록(Process Control Block, PCB)이란? 프로세스와 관련된 정보를 저장하는 자료구조 운영체제는 빠르게 번갈아 수행되는 프로..

함수를 사용하는 이유 1. 코드의 재사용 2. 유지보수의 편의성 3. 코드의 신뢰성 4. 코드의 가독성 향상 자바스크립트의 함수 => 객체 타입의 값 => 따라서 함수 리터럴로 생성 가능 => 함수 리터럴 : "function 키워드, 함수 이름, 매개 변수 목록, 함수 몸체"로 구성 함수를 정의하는 방법 => 함수를 정의한다는 면에서는 동일, 미묘한 차이가 존재 1. 함수 선언문 2. 함수 표현식 3. Function 생성자 함수 4. 화살표 함수 1. 함수 선언문 DOCTYPE html> Document "use strict" function add(x, y) { return x + y; } console.log (add(1, 2)); 연습중 함수 선언문은 함수 이름을 생략할 수 없다. 표현식이 아닌..

객체란? 변경 가능한 값으로 프로퍼티와 메서드의 집합체 프로퍼티(property) : 객체의 상태를 나타내는 값(data) 메서드(method) : 프로퍼티(상태데이터)를 참조하고 조작할 수 있는 동작(behavior) 인스턴스(instance): 클래스에 의해 생성되어 메모리에 저장된 실체, 객체가 메모리에 저장되어 실제로 존재하는 것에 초점을 맞춘 용어. DOCTYPE html> Document "use strict" let obj = {}; let key = "Hello"; obj[key] = "world"; console.log (obj); let person = { name: "pororo", age: 100, introduce: function() { console.log (`Hello, my..

커널이란? - 자원에 접근하고 조작하는 기능, 프로그램이 올바르고 안전하게 실행되게 하는 기능이 운영체제의 핵심 서비스에 속하고, 이러한 운영체제의 핵심서비스를 담당하는 부분이 커널 사용자 인터페이스란? - 커널에 포함되지 않는 서비스로, 사용자가 컴퓨터와 상호작용할 수 있는 통로 - 운영체제가 제공하는 서비스이지만, 이는 그저 컴퓨터와 상호작용하기 위한 통로일 뿐 커널에 속한 기능은 아님 종류로는 그래픽 유저 인터페이스와 커맨드 라인 인터페이스가 있다. 1. 그래픽 유저 인터페이스 - 윈도우 바탕화면이나 스마트폰의 화면처럼 그래픽을 기반으로 컴퓨터와 상호작용할 수 있는 인터페이스 2. 커맨드 라인 인터페이스 - 명령어를 기반으로 컴퓨터와 상호작용할 수 있는 인터페이스 - 명령어를 기반으로 컴퓨터와 상호..

운영체제란? - 실행할 프로그램에 필요한 자원을 할당하고, 프로그램이 올바르게 실행되도록 돕는 특별한 프로그램 - 운영체제는 매우 특별한 프로그램이기 때문에 항상 컴퓨터가 부팅될 때 메모리 내 커널 영역이라는 공간에 따로 적재되어 실행됨 - 커널영역에 적재되어 사용자 영역에 적재된 프로그램들에 자원을 할당하고 이들이 올바르게 실행되도록 도움 - 응용 프로그램과 하드웨어 사이에서 응용 프로그램에 필요한 자원을 할당하고, 응용 프로그램이 올바르게 실행되도록 관리하는 역할을 맡음 1. 실행할 프로그램을 메모리에 적재하고, 더 이상 실행되지 않는 프로그램을 메모리에서 삭제하며, 지속적으로 메모리 자원을 관리함 2. 공정하게 여러 프로그램에 CPU 자원을 할당함 3. 동시에 두 개의 프로그램이 하드웨어(ex. 프..

아침 자습을 기록하기로 했다. 아침 자습을 나갈 때면 정말 정말 괴롭지만 남들보다 조금 일찍 시작하는 하루는 하루의 시작을 기분 좋게 한다. 파이팅