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

🐣 { C언어 } 텍스트파일을 바이너리처럼 읽어보기 C언어 67(C) 236 150 184(언) 236 150 180(어) 13(Carriage Return) 10(Line Feed) { JavaScript } 실행 콘텍스트 (Execution Context) 실행되는 함수의 콘텍스트(환경 정보)들로 이루어진 객체입니다. 즉, 함수를 실행하는 시점에서 필요한 정보들을 담고 있습니다. (함수의 실행에 필요한 정보들은 어떤 방식으로든 전달 되어야 하고, 자바스크립트에서는 이 정보들을 실행 콘텍스트에 담아 전달하는 것입니다) 실행 콘텍스트에 담겨 있는 정보 3가지: VariableEnvironment, LexicalEnvironment, ThisBinding VariableEnvironment, Lexical..

🐣 { JavaScript } 데이터 타입 기본형 (Primitive Type) Number, String, Boolean, null, undefined, Symbol 불변성: 메모리에 저장된 데이터는 변경이 불가합니다. 메모리의 참조카운트가 0이 되어 가비지 컬렉터에 수거되면 새로운 데이터를 저장할 수 있습니다. * 참조카운트: 어떤 데이터 자신의 주소를 참조하는 변수의 개수 참조형 (Reference Type) Object - Array, Function, Date, RegExp, (Weak)Map, (Weak)Set 가변성: 메모리에 저장된 주솟값은 바뀔 수 있습니다. 얕은 복사 (shallow copy) vs 깊은 복사 (deep copy) undefined 어떤 변수에 값이 존재하지 않을 경우를..

🏅 개요 - 저자: 이선 브라운 - 역자: 한선용 - 출판사: 한빛미디어 - 가격: 25,200원 (예스24 기준) - 목차: 익스프레스 소개, 노드 시작하기, 요청과 응답 객체, 핸들바를 이용한 템플릿, 미들웨어 등등 - 난이도: ★★☆☆☆ - 추천대상: Node와 Express를 활용한 웹 개발에 입문하고자 하시는 분 요약 1. 노드, 익스프레스 뿐만 아니라 웹개발 전반을 다루고 있습니다. 2. 디버깅, 유지보수 파트까지 있습니다. 총평 노드와 익스프레스에 대한 이해를 높이기 위해 구입하였습니다. 설명이 잘 풀어져 있어서 이해하기 좋았습니다. 중반부부터 익스프레스에서 점점 멀어지는 것 같더니 웹개발 전반을 다루고 있다는것을 알게 되었습니다. 오히려 좋았습니다. 저와 같은 입문자 분들은 깊이 보다 넓이..

🏅 개요 - 목차: 코어 자바스크립트, 브라우저, 추가 주제 등 - 난이도: ★★★☆☆ - 추천대상: 자바스크립트 기본지식을 습득하고 싶은 사람 요약 1. 자바스크립트 문법, 브라우저에서의 활용법 등 자바스크립트를 전반적으로 다루고 있습니다. 2. 처음보는 개념의 경우 어렵게 느껴졌으나, 나중에 해당 개념을 접하고 다시 찾아보면 이해가 쉬울 것 같습니다. 3. 아직 번역이 안된 주제들이 몇가지 있습니다. 총평 자바스크립트에 관한 키워드들에 익숙하지기 위해 학습을 시작하였습니다. 이해되지 않는 부분들은 과감하게 넘겼습니다. 프로그래밍을 하다가 막히는 부분이 나왔을 때 다시 찾아보려고 합니다. 그 때가 오면 한가지 주제를 잡고 블로그에서 깊이 있게 다루고 싶습니다. 적어도 자바스크립트와 관련한 개념 중 처음..

🐣 { JavaScript } fetch 일반적인 fetch 요청은 두 개의 await 호출로 구성됩니다. let response = await fetch(url, options); let result = await response.json(); 웹소켓 웹소켓 프로토콜을 사용하면 서버와 브라우저 간 연결을 유지한 상태로 데이터를 교환할 수 있습니다. 데이터는 '패킷' 형태로 전달되며, 커넥션 중단과 추가 HTTP 요청 없이 양방향으로 전송됩니다. https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info

🐣 { C언어 } 배열 내부적으로 2차원 배열도 1차원으로 저장되므로, 포인터를 활용하면 2차원 배열을 1차원처럼 사용할 수 있습니다. 함수의 인자로 배열을 전달할 때는 배열의 크기도 전달하여야 합니다. 함수의 인자로 배열을 넘겨줄 때 const 키워드를 붙여서 원본 배열의 변형을 방지합니다(배열은 기본적으로 포인터). { JavaScript } DOMContentLoaded 브라우저가 HTML을 전부 읽어 DOM 트리를 완성하면 발생합니다. 이미지, CSS 등을 기다리지 않습니다. document.addEventListener("DOMContentLoaded", callback); 브라우저는 HTML을 처리하는 중 태그를 만나면, DOM 트리 구성을 멈추고 태그를 실행합니다. beforeunload 사..

🐣 { C언어 } 입출력 버퍼 버퍼에서는 데이터를 모아뒀다가 '때'가 되면 전달합니다. 1. 버퍼 사이즈가 다 찼을 때 2. '\n'이 들어왔을 때 함수 프로토타입 컴파일 단계에서 프로토타입을 통해 함수를 선언하고, 링킹 단계에서는 함수를 호출하는 코드와 정의된 함수를 연결해줍니다. { JavaScript } 폼 프로퍼티 폼 요소는 form.elements.name, form.elements.name[index] 또는 form.name, form.name[index]로 접근합니다. 폼 내부 요소는 element.form 프로퍼티를 통해 자신이 속한 폼을 참조합니다. focus와 blur focus는 요소가 포커스를 받을 때, blur는 포커스를 잃을 때 발생합니다. autofocus라는 HTML 속성(a..

🐣 { JavaScript } 드래그 앤 드롭과 마우스 이벤트 element.mousedown → document.mousemove → element.mouseup 📌 https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info