📘 Day 1 교재 (환경 세팅 & JS 기초)

 JS기

0. GitHub 초기 세팅 (한 번만)

👉 앞으로 Day1~Day100 전부 fullstack 폴더 하나의 레포지토리에 저장

✍️ 터미널:

cd ~/OneDrive/Desktop/fullstack
git init
git branch -M main
git remote add origin https://github.com/sy920/fullstack.git
git add .
git commit -m "start fullstack project"
git push -u origin main

👀 이제 fullstack 전체가 GitHub에 올라감.
앞으로는 Day별 폴더를 만들어 진행하고, 끝날 때마다 루트(fullstack)에서 커밋 & 푸시만 하면 됨.

---

1. Day1 시작 (폴더 생성)

✍️

cd ~/OneDrive/Desktop/fullstack
mkdir day01-js-basics
cd day01-js-basics
code .

👉 VSCode가 열리면 index.js 파일을 만든다.

---

2. 코드 작성 (index.js)

✍️

// ================== 변수 ==================
let name = "소율";      // 문자열
let age = 25;           // 숫자
let isStudent = true;   // 불리언

// ================== 배열 ==================
let fruits = ["사과", "바나나", "체리"];

// ================== 객체 ==================
let user = { name: "소율", city: "안동" };

// ================== 조건문 ==================
if (age >= 20) {
  console.log("성인입니다");
} else {
  console.log("미성년자입니다");
}

---

3. 실행 절차

✍️ 터미널:

cd ~/OneDrive/Desktop/fullstack/day01-js-basics
node index.js

👀 실행 결과:

성인입니다

---

4. 개념 정리

• ✅ 꼭 외워야 하는 것

  • let, const

  • 배열 []

  • 객체 {}

  • 조건문 if

• 🌱 원리

  • 변수 = 데이터 저장

  • 배열 = 여러 개 데이터를 순서대로 묶음

  • 객체 = 하나의 대상을 속성으로 묶음

  • 조건문 = 상황에 따라 실행 분기

• 💡 실무 예시

  • 로그인한 사용자 정보 {name, email}

  • 상품 목록 배열 ["A", "B"]

  • 로그인 성공/실패에 따라 다른 화면 출력

---

5. GitHub 기록 남기기

👉 중요: 항상 fullstack 루트에서!

✍️

cd ~/OneDrive/Desktop/fullstack
git add .
git commit -m "day1: js basics"
git push

👀 이제 GitHub https://github.com/sy920/fullstack 에서
day01-js-basics/index.js 코드가 확인 가능.

---

✅ Day1 요약

• 프로젝트 전체를 sy920/fullstack 레포로 관리

• Day1 폴더(day01-js-basics) 생성 후 JS 기초 학습

• GitHub에 day1: js basics 기록 남김

---

소율님 ✨ 이제 Day1은 완벽히 정리됐어요.