이번에는 객체 지향 프로그래밍에 대해 간단히 알아보고, 자바스크립트에서 이를 어떻게 구현해냈는지도 알아보자. 객체 지향 프로그래밍이란? 객체 지향 프로그래밍(OOP, Object-Oriented Programming)은 사람이나 동물 등 실제 세상의 존재를 프로그래밍에서 묘사하기 위한 패러다임이다. const 이름 = '이름'; const...

Node.js 를 통한 개발도 학습하기 위해, 오랜 시간 투자해 강의를 수강하고 있다. 이번 주제는 Node.js 의 동작 방식을 다뤄보도록 하자. 웹 브라우저와는 차이가 있으니, 주의해야한다. libuv 이 주제를 다루기 위해서는, libuv 라는 것에 대해 알아야 한다. libuv 는 비동기 I/O 에 초점을 맞춘 C언어 라이브러리로, ...

목적 이번엔 웹에서 사용하는 대표적인 통신 프로토콜, HTTP 를 다뤄보도록 하자. HTTP(HyperText Transfer Protocol) 란? 딱딱한 표현으로 해보자면, 웹에서 동작하는 클라이언트 - 서버 모델의 프로토콜이다. 또한, 전송 계층 프로토콜로는 TCP 를 사용하고 네트워크 계층 프로토콜로는 IP 를 사용한다. (딱딱...

목적 DNS 는 우리가 사용하는 도메인을 IP 주소로 변환해주는 역할을 하는 체계다. 어떤 방식으로 IP 주소로 변환해주는지 그 방식을 이해해보자. DNS란? Domain Name System 의 약자로, 사이트의 도메인을 IP 주소로 변환해주는 역할을 한다. 우리가 더 이상 휴대폰 번호를 외우지 않아도, 번호를 저장만 해둔다면 연락이 가...

목적 이번엔 URL 구조에 대해 이해하는 시간이다! 한 번 알아보도록 하자. URL 이란? Uniform Resource Locator 의 약자로, 리소스(자원)의 위치를 알려주는 일종의 ‘우편번호’로 이해하면 되겠다. ‘리소스’는 해당 페이지를 위한 HTML 파일이 될 수도 있고, 다운로드할 수 있는 다양한 파일이 될 수도 있다. 아무...

목적 우리가 웹 사이트를 접속하기 위해서 사용하는 대표적인 프로그램을 꼽아보라면 웹 브라우저인 ‘Google Chrome’, ‘Safari’ 등이 있다. 웹 브라우저 덕에 자주 이용하는 사이트에 접속해서 하고 싶은 일(ex. 유튜브 시청, 이메일 기능)을 하곤 한다. 개발자가 아니었다면, 원리를 파고들지 않아도 괜찮지만 나는 ‘웹 개발’을 하기...

문제 상황 검색 기능을 개선하는 과정에서, 검색창을 모달로 구현하기로 결정함. 모달이 나타나면, backdrop 을 만들어 배경을 흐리게 만들고 싶었음. 이렇게! 이 과정에서 모달 내의 input 이 아닌 모달의 외부 영역(backdrop)을 클릭한 경우, 모달이 닫히는 기능을 구현하고자 함. 이를 위해서는 useRef 를...