안녕하세요 🐸 ! 노드에서 기본 제공하는 내장 객체에 대해 알아보겠습니다. global 가장 먼저 알아볼 내장 객체는 global 입니다. 브라우저의 window 역할을 해주는 노드의 기본 전역 객체 입니다. 브라우저에서는 window 를 사용하는데 노드에서는 global 을 사용하다보니 혼선이 생길 수 있어 globalThis 라는 이름으로 사용...

안녕하세요 🐸! 가끔씩 자바스크립트를 비활성화 해야하는 경우도 있습니다. 물론 저는 없습니다. 비활성화하면 우클릭이나 복사가 금지된 페이지에서도 가능하다고 합니다. 어찌되었던 크롬의 개발자도구에서 자바스크립트를 비활성화 하는 방법을 알아보겠습니다. 크롬 개발자도구를 열고 옵션을 엽니다. 환경설정 > 디버거 ...

안녕하세요 🐸 SSR과 CSR에 대해 알아보겠습니다. 그리고 이와 함께 많이 언급되는 SPA, MPA 에 대해서도 간략하게 알아보겠습니다. Server Side Rendering(SSR) Server Side Rendering은 Client Side Rendering 과는 다르게 초기 접근 부터 사용자에게 보여줄 HTML 코드를 가지고 있습니다. 덕...

안녕하세요 🐸! 메타데이터 일반적으로 메타데이터는 데이터를 위한 데이터를 의미합니다. 예를들어 {이름:김삼순} 이라는 데이터가 있을 때 이 데이터의 타입, 형식, 인코딩, 길이 등의 정보를 메타데이터라 합니다. Next.js를 통해 만드는 웹 앱의 경우 메타데이터는 사이트의 타이틀, 설명 등이 있습니다. 메타데이터의 특징은 다음과 같습니다. ...

안녕하세요 🐸! 메타데이터 일반적으로 메타데이터는 데이터를 위한 데이터를 의미합니다. 예를들어 {이름:김삼순} 이라는 데이터가 있을 때 이 데이터의 타입, 형식, 인코딩, 길이 등의 정보를 메타데이터라 합니다. Next.js를 통해 만드는 웹 앱의 경우 메타데이터는 사이트의 타이틀, 설명 등이 있습니다. 메타데이터의 특징으로 레이아웃, 페이지...

안녕하세요 🐸! Next.js 3일차 입니다. 지난주부터 야근이 잦아서 공부를 많이 못했네요 다시 해보겠습니다 아자! 특별한 이름을 가지는 파일 page layout not-found page URL에 매핑되어 화면에 보여질 페이지 파일입니다. layout 화면의 레이아웃을 구성하는 파일입니다. 앞서 Next.j...

안녕하세요 🐸 오늘은 Next.js 에서 라우팅에 대해 알아보겠습니다. 기존의 React 에서는 react-router-dom 이라는 패키지를 통해 라우팅 기능을 구현했습니다. 이는 url과 view를 서로 매핑시켜줘야 하는 번거로움이 있습니다. Next.js 에서는 별도의 라우팅을 구현할 필요 없이 파일구조 형식을 따르는 것으로 라우팅 기능을 구...

ECMAScript 모듈 vs CommonJS ECMA에서 정한 표준 모듈 사용법이라 할 수 있습니다. CommonJS 와 문법적으로도 차이가 있으며 근래에는 ECMAScript 가 자바스크립트의 표준 문법으로 널리 사용되고 있습니다. 차이점 CommonJS ECMAScript ...

안녕하세요 🐸 최근 Node.js를 공부 중 인데요. 자바스크립트가 뒷받침이 되어야 Node.js도 할 수 있겠다 생각합니다. 알고 있었던 것도 있지만 모르는 것들도 있고, 알고는 있지만 현업에서 잘 써본적이 없어 까먹고 있었던 것들을 다시 상기 해볼 수 있는 기회네요. ES2015(ES6) 이후로 추가된 기능들에 대해 간략하게 짚고 넘어가보겠습니다....

자바스크립트의 동작 원리의 핵심인 이벤트 루프에 대해 공부하고 정리합니다. 싱글 스레드 자바스크립트는 싱글 스레드 언어입니다. 그렇기 때문에 한번에 한 가지 일만 수행합니다. ❓하지만 비동기를 수행하는데? 라는 생각이 든다면 자바스크립트 자체의 기능이 아니라 WebAPIs의 기능입니다. WebAPIs는 브라우저의 기능입니다. ❓그럼 NodeJS는 어...