inflearn logo
강의

Course

Instructor

Figma MCP × AI x Vibe Coding: Completing a Responsive Web Portfolio in Just 4 Hours

Installing Node.js

node.js 설치 (LTS버전)

9

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 다운로드 페이지 이미지

순수 함수 / 순수 컴포넌트

0

4

0

질문드립니다

1

10

2

css box-sizing 관련 질문

0

11

1

커뮤니티 운영 자동화

0

10

1

여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?

0

13

1

로컬 세션 git

0

10

1

Cursor & Antigravity 소개 및 설치

0

11

1

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

0

27

1

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

0

23

1

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

0

50

2

figma 파일을 받을 수가 없어요

0

77

1

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

0

80

1

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

0

140

1

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

0

100

2

노션에 20.Contact가 없어요

0

69

2

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

0

95

2

배리어블 목록 없음

0

177

3

Token 등록 방법 문의

0

63

1

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

0

79

2

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

0

127

2

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

0

89

2

피그마 AI기능 관려

0

116

2

hero-img 이미지

0

107

1

폰트확인 부탁 드립니다.

0

108

2