inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

Node.js 설치

node.js 설치 (LTS버전)

60

강예림

작성한 질문수 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

13

1

소리

0

11

0

수강인증 수료배지 링크가 만료되었습니다.

0

17

0

hermes slack 설정 문제?

0

18

1

"폴더를 찾을 수 없습니다." 라는 응답만 계속 나옵니다.

0

24

1

hermes memory setup

0

26

3

Cursor & Antigravity 소개 및 설치

0

68

2

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

0

61

1

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

0

60

1

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

0

75

2

figma 파일을 받을 수가 없어요

0

92

1

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

0

109

1

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

0

170

1

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

0

123

2

노션에 20.Contact가 없어요

0

88

2

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

0

127

2

배리어블 목록 없음

0

219

3

Token 등록 방법 문의

0

76

1

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

0

108

2

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

0

147

2

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

0

116

2

피그마 AI기능 관려

0

137

2

hero-img 이미지

0

131

1

폰트확인 부탁 드립니다.

0

134

2