CodeNexus
메뉴

JavaScript, TypeScript, Node.js 실무 예제와 자주 쓰는 패턴.

세부 주제

  • JavaScript22편

    배열·문자열·비동기 등 자주 쓰는 문법과 패턴.

  • Node.js5편

    Node 런타임, NestJS, 패키지 관리.

  • TypeScript1편

    타입 시스템과 유틸리티 타입.

학습 순서

난이도 순으로 읽으면 흐름이 이어집니다.

  1. Javascript Array to Object (ft, reduce)중급
  2. npm package.json의 verison과 틸드tilde(~)와 캐럿caret(^)중급
  3. yarn.lock 파일(잠금파일)은 무엇이고 어떤 기능을 하는가?중급
  4. Javascript 차집합, 교집합, 배타논리적 합중급
  5. Javascript - 문자열 자르기(split, substr, substring, slice)중급
  6. Javascript - 문자열 포함여부 (indexOf, includes, startsWith, endsWith)중급
  7. Javascript - 배열 합치기(concat, spread 연산자, push)중급
  8. Javascript 에서 array 중복을 제거하는 방법중급
  9. lodash 사용예제 (map, filter, reduce, sortBy)중급
  10. Promise.all과 Promise.race의 차이점중급
  11. lodash differenceWith 사용방법중급
  12. Javascript array sort(배열 정렬)중급
  13. Javascript map 사용방법중급
  14. Javascript foreach 사용예제중급
  15. Javascript queryselector 사용예제중급
  16. JavaScript setTimeout: 웹 개발에서의 시간 지연중급
  17. Javascript type conversion(형변환)중급
  18. Javascript replace 예제중급
  19. JavaScript에서 공백 제거하는 방법(trim, 정규식)중급
  20. JavaScript의 Reduce 메서드 이해하기중급
  21. TypeScript의 Partial, Omit, Pick 알아보기중급
  22. Node.js에서 Socket.IO를 활용한 실시간 웹 소켓 통신 이해하기중급
  23. 실시간 채팅 앱 만들기 Node.js와 Socket.IO를 활용한 실습중급
  24. Dayjs Subtract: 날짜와 시간을 쉽게 계산하는 방법중급
  25. Dayjs Diff: 날짜와 시간 간의 차이 계산하기중급
  26. Dayjs Duration: 시간 간격 다루기중급
  27. NestJS: Node.js 프레임워크심화
  28. JavaScript Promise 기본부터 고급 활용까지심화

전체 글 28편

JavaScript

Dayjs Duration: 시간 간격 다루기

시간은 현대 사회에서 가장 귀중한 자원 중 하나입니다. 시간 간격을 다루는 것은 다양한 상황에서 중요한 역할을 합니다.

레퍼런스중급약 4분#dayjs

JavaScript

Dayjs Diff: 날짜와 시간 간의 차이 계산하기

현대 사회에서 날짜와 시간은 우리의 일상 생활에서 중요한 역할을 합니다. Dayjs Diff(데이제이에스 디프)는 날짜와 시간 사이의 차이를 간편하게 계산하고 다룰 수 있는 강력한 도구입니다.

딥다이브중급약 4분#dayjs

JavaScript

Dayjs Subtract: 날짜와 시간을 쉽게 계산하는 방법

Dayjs Subtract(데이제이에스 서브트랙트)는 날짜와 시간을 간편하게 계산하고 처리할 수 있는 도구입니다. 이 글에서는 Dayjs Subtract의 기능과 활용법을 살펴보며, 어떻게 사용하는지 배워보겠습니다.

튜토리얼중급약 4분#dayjs

Node.js

실시간 채팅 앱 만들기 Node.js와 Socket.IO를 활용한 실습

이 블로그에서는 Node.js와 Socket.IO를 활용하여 실시간 채팅 애플리케이션을 만드는 방법을 상세히 설명하겠습니다. 실시간 채팅 앱은 사용자들이 실시간으로 채팅 메시지를 주고받을 수 있는 기능을 제공하는 웹 애플리케이션입니다. Node.

튜토리얼중급약 4분#node#nodejs#socket

Node.js

Node.js에서 Socket.IO를 활용한 실시간 웹 소켓 통신 이해하기

Socket.IO는 Node.js 기반의 웹 소켓 라이브러리로서, 실시간 양방향 통신을 가능하게 해주는 도구입니다. 웹 소켓은 클라이언트와 서버 사이에 지속적으로 연결을 유지하며, 실시간으로 데이터를 주고받는데 사용됩니다. 이 글에서는 Socket.

레퍼런스중급약 4분#node#nodejs#socket

TypeScript

TypeScript의 Partial, Omit, Pick 알아보기

TypeScript는 JavaScript에 타입을 추가하여 더욱 안전하고 가독성이 좋은 코드를 작성할 수 있게 해줍니다. Partial, Omit, Pick은 TypeScript에서 제공하는 유용한 타입 유틸리티입니다.

레퍼런스중급약 3분#ts#typescript

JavaScript

JavaScript Promise 기본부터 고급 활용까지

JavaScript Promise는 비동기 작업을 보다 편리하게 다룰 수 있도록 도와주는 객체입니다. 비동기 작업은 일반적으로 AJAX 요청, 파일 로딩, 데이터베이스 쿼리 등과 같이 시간이 오래 걸리는 작업을 말합니다.

레퍼런스심화약 4분#javascript#js#promise

JavaScript

JavaScript의 Reduce 메서드 이해하기

JavaScript의 배열 메서드 중에서 가장 강력하면서도 다소 난해한 메서드인 'reduce'에 대해 알아보겠습니다. Reduce 메서드는 배열의 각 요소를 순차적으로 처리하면서 배열을 단일 값으로 줄여주는 함수입니다.

레퍼런스중급약 3분#javascript#js#reduce

JavaScript

JavaScript에서 공백 제거하는 방법(trim, 정규식)

안녕하세요! 오늘은 JavaScript에서 문자열에서 공백을 제거하는 여러 가지 방법에 대해 알아보겠습니다. 문자열에서 공백을 제거하는 것은 데이터 처리나 사용자 입력을 다룰 때 유용한 기능입니다.

튜토리얼중급약 2분#javascript#js

JavaScript

Javascript replace 예제

JavaScript의 replace() 메서드는 문자열에서 특정 패턴(문자열 또는 정규식)을 검색하여 해당 패턴을 새로운 문자열로 치환하는 메서드입니다. 이를 통해 문자열 내에서 원하는 부분을 변경하거나 제거하는 작업을 할 수 있습니다.

튜토리얼중급약 2분#javascript#js

JavaScript

Javascript type conversion(형변환)

JavaScript는 동적 타입(dynamic typing) 언어이기 때문에 변수의 타입을 선언할 필요 없이, 할당되는 값에 따라 자동으로 타입이 결정됩니다. 이러한 특성으로 인해 JavaScript에서는 형변환이 자주 발생합니다.

레퍼런스중급약 2분#javascript#js#type-conversion

JavaScript

JavaScript setTimeout: 웹 개발에서의 시간 지연

웹 개발에서 시간 지연은 매우 중요한 역할을 합니다. 사용자 경험을 향상시키기 위해 페이지의 동작을 조절하거나 특정 작업을 지연시키는 것은 필수적입니다.

레퍼런스중급약 4분#javascript#js

JavaScript

Javascript queryselector 사용예제

JavaScript의 querySelector() 메서드는 CSS 선택자를 사용하여 DOM(Document Object Model)에서 요소를 선택하는 데 사용되는 메서드입니다.

튜토리얼중급약 2분#javascript#js

JavaScript

Javascript foreach 사용예제

JavaScript의 forEach() 는 배열의 각 요소에 대해 주어진 함수를 호출하는 메서드입니다. forEach() 메서드를 사용하면 배열의 모든 요소를 반복하며, 각 요소에 대해 지정된 함수를 실행할 수 있습니다.

튜토리얼중급약 2분#javascript#js

JavaScript

Javascript map 사용방법

JavaScript의 map() 은 배열의 모든 요소에 대해 주어진 함수를 호출하여 새로운 배열을 생성하는 메서드입니다. map() 메서드를 사용하면 기존 배열의 각 요소를 변형하여 새로운 배열을 만들 수 있습니다.

레퍼런스중급약 2분#javascript#js#map

JavaScript

Javascript array sort(배열 정렬)

JavaScript에서 배열을 정렬하는 방법에 대해 설명드리겠습니다. JavaScript에서는 Array.prototype.sort() 메서드를 사용하여 배열을 정렬할 수 있습니다.

레퍼런스중급약 2분#array#javascript#js

JavaScript

lodash differenceWith 사용방법

`differenceWith` 함수는 두 개 이상의 배열 중 첫 번째 배열과 나머지 배열들 간의 차집합을 구하는 함수입니다.

레퍼런스중급약 1분#a#d#h

JavaScript

Promise.all과 Promise.race의 차이점

Promise.all과 Promise.race는 JavaScript에서 `Promise` 객체를 다룰 때 사용되는 두 가지 메소드로, 비동기 작업을 다루는 데에 유용합니다. 이 둘의 차이점은 다음과 같습니다

딥다이브중급약 3분#async#js#promise

Node.js

NestJS: Node.js 프레임워크

NestJS는 Node.js 기반의 프레임워크로, Express와 비슷한 구조를 가지고 있지만 더욱 강력한 기능과 구조적인 편리함을 제공합니다.

레퍼런스심화약 19분#nestjs#node