inflearn logo
강의

Course

Instructor

Figma MCP × AI x Vibe Coding A Responsive Web Portfolio Completed in Just 4 Hours

Installing Node.js

node.js 설치 (LTS버전)

58

yerim0121814

2 asked

0

image.png

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

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

Answer 1

0

communityai8509

안녕하세요, 인프런 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 다운로드 페이지 이미지

Wave 설치 여부에 관한 질문

0

11

1

이번 강의는 동영상이 아닌가요?

0

16

1

컴포넌트 파일에 파운데이션 라이브러리 연결 안되는 문제

0

19

5

언리얼 엔진 5.8의 Claude MCP와 강의에서 설명하는 MCP 연결 방식의 차이점은 무엇인가요?

0

14

0

hermes session list에 슬랙에서 새롭게 생성한 세션이 보이지 않습니다.

0

21

2

안티그라비티 말고 커서 사용은 안될까요?

0

28

1

Cursor & Antigravity 소개 및 설치

0

66

2

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

0

58

1

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

0

60

1

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

0

71

2

figma 파일을 받을 수가 없어요

0

91

1

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

0

108

1

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

0

167

1

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

0

121

2

노션에 20.Contact가 없어요

0

88

2

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

0

123

2

배리어블 목록 없음

0

214

3

Token 등록 방법 문의

0

76

1

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

0

105

2

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

0

146

2

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

0

115

2

피그마 AI기능 관려

0

134

2

hero-img 이미지

0

130

1

폰트확인 부탁 드립니다.

0

133

2