inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Figma MCP × AI x Vibe Coding 4시간만에 완성하는 반응형 웹포트폴리오

Node.js 설치

node.js 설치 (LTS버전)

28

강예림

작성한 질문수 2

0

image.png

맥에서는 어떻게 선택하면 될까요?

HTML/CSS figma 포트폴리오 인공지능(ai) 바이브코딩

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

강예림님, 맥에서는 이미지처럼 설치 방법을 nvm으로 선택하는 것을 추천드립니다.

nvm을 사용하면 Node.js 버전을 쉽게 변경하거나 삭제할 수 있어 개발 환경 관리에 편리합니다.

터미널을 열고 다음 명령어를 순서대로 실행하세요.

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash

설치가 끝나면 터미널을 완전히 종료한 뒤 다시 열고, Node.js LTS 버전을 설치합니다.

nvm install 24
nvm use 24
nvm alias default 24

정상적으로 설치되었는지 확인합니다.

node -v
npm -v

node -v 실행 결과가 v24.x.x 형태로 나오면 정상입니다.

맥의 CPU가 Apple Silicon인지 Intel인지 별도로 선택할 필요는 없습니다.

  • Apple Silicon 맥: M1, M2, M3, M4
  • Intel 맥: Intel 프로세서

nvm이 컴퓨터 환경에 맞는 Node.js 버전을 자동으로 관리해 줍니다.

따라서 강의 실습 목적이라면 다음과 같이 선택하시면 됩니다.

  • 운영체제: macOS
  • 설치 방법: nvm
  • 패키지 관리자: npm
  • Node.js 버전: LTS

.pkg 설치 파일은 한 번에 설치하기에는 간단하지만, 나중에 여러 Node.js 버전을 사용하거나 버전을 변경할 때는 nvm보다 불편합니다.

참고로 이미지에 표시된 Node.js 다운로드 페이지는 다음 링크에서 확인할 수 있습니다.

Node.js 다운로드 페이지 이미지

스케쥴 설정 질문

0

6

0

13. (App 2) 기본기 훈련 에서

0

10

1

유튜브는 4일전에도 영상 올라왔던데, 이 강의는 언제쯤 ㅜㅜ

1

13

1

챌린지 시작일 문의

0

12

0

17강 강의에 목데이터 첨부파일이 없습니다.

1

11

1

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

15

1

Cursor & Antigravity 소개 및 설치

0

32

2

24번 수업에 나온 창은 무슨 프로그램인가요

0

35

1

Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지

0

33

1

변수 설정 시에 질문입니다.

0

53

2

figma 파일을 받을 수가 없어요

0

79

1

다운로드 연결이 되지 않을 때는 어떻게 해야할까요?

0

83

1

커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?

0

145

1

안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?

0

104

2

노션에 20.Contact가 없어요

0

71

2

Json 플러그인 사용시 variable collection 없음

0

102

2

배리어블 목록 없음

0

184

3

Token 등록 방법 문의

0

67

1

노션 25 인터렉션 구현 파트 안 보입니다!

0

81

2

figma variable 반응형 디자인 결과물 공란

0

130

2

로고이미지가없는데요..

0

91

2

피그마 AI기능 관려

0

118

2

hero-img 이미지

0

111

1

폰트확인 부탁 드립니다.

0

110

2