Giter VIP home page Giter VIP logo

plus-javascript's Introduction

ν”„λ‘ νŠΈμ—”λ“œ 슀쿨 ν”ŒλŸ¬μŠ€: μžλ°”μŠ€ν¬λ¦½νŠΈ ν”„λ‘œκ·Έλž˜λ°

κ°œλ°œν™˜κ²½ ꡬ좕

ν”„λ‘œκ·Έλž¨ μ„€μΉ˜

  • 본인의 OS에 λ§žλŠ” 버전 λ‹€μš΄λ‘œλ“œ ν›„ μ„€μΉ˜
  1. Nodejs μ„€μΉ˜: https://nodejs.org/en/download
  2. Visual Studio Code μ„€μΉ˜: https://code.visualstudio.com/download
  3. Git μ„€μΉ˜: https://git-scm.com/downloads

Visual Studio Code μ„€μ •

  1. VSCode μ‹€ν–‰
  2. File > Preferences > Settings
    • "Files: Auto Save": onFocusChange
    • "Editor: Font Size": 각자 쑰절
    • "Editor: Tab Size": 2
    • "Editor: Detect Indentation": 체크 ν•΄μ œ
    • "Files: Readonly Include"
      • Add Pattern > workspace-ins/** μž…λ ₯ν•œ ν›„ OK 선택
      • Add Pattern > sample/** μž…λ ₯ν•œ ν›„ OK 선택
      • Readonly Includeκ°€ 보이지 μ•Šμ„ 경우 VSCodeλ₯Ό μ΅œμ‹  버전(1.79 이상)으둜 μ—…λ°μ΄νŠΈ
  3. Github λ ˆνΌμ§€ν† λ¦¬ 볡사
    • View > Source Control > Clone Repository 선택
    • https://github.com/uzoolove/FESP01-javascript.git μž…λ ₯
    • 볡사할 μ λ‹Ήν•œ 폴더 선택 ν›„ Select as Repository Destination 선택
    • Open 선택

μƒ˜ν”Œ μ½”λ“œ 볡사

  • ν”„λ‘œμ νŠΈ 내에 workspace 폴더 생성
  • sample/day1 폴더 λ‚΄λΆ€μ˜ 파일과 폴더λ₯Ό workspace 폴더에 볡사
  • μˆ˜μ—…μ€‘ μž‘μ„±λœ κ°•μ‚¬μ˜ μ™„μ„±λœ μ½”λ“œλŠ” workspace-ins ν΄λ”μ—μ„œ 확인

μ„œλ²„ ν…ŒμŠ€νŠΈ

  • VS Code ν„°λ―Έλ„μ—μ„œ workspace ν΄λ”λ‘œ 이동 ν›„ μ‹€ν–‰
npx serve .
  • http://localhost:3000 접속
    • 이미 3000 ν¬νŠΈκ°€ μ‚¬μš©μ€‘μΌ 경우 μ½˜μ†” μ•ˆλ‚΄ 메세지에 λ”°λΌμ„œ 접속

μ†ŒμŠ€μ½”λ“œ 곡유

  • 본인의 μ†ŒμŠ€μ½”λ“œλ₯Ό κ°•μ‚¬μ—κ²Œ κ³΅μœ ν•˜κ³  μ‹Άμ„λ•Œ
  • StackBlitz: https://stackblitz.com 접속 ν›„ 문제 μžˆλŠ” μ†ŒμŠ€μ½”λ“œ λΆ™μ—¬λ„£κΈ°

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.