JS

[JS] 미니 실습

coco030030 2025. 4. 2. 11:32

 

레벨 0: 기본 개념 확인하기 (1-2분 소요)

// 변수 선언하고 출력해보기
var myName = "홍길동";
console.log(myName);  // 콘솔에 "홍길동" 출력

레벨 1: 아주 기본적인 객체 연습 (2-3분 소요)

// 가장 간단한 객체 만들기
var myCat = {
  name: "나비",
  age: 3
};

// 정보 출력해보기
console.log(myCat.name);  // "나비" 출력

레벨 2: 아주 기본적인 배열 연습 (2-3분 소요)

// 간단한 배열 만들기
var fruits = ["사과", "바나나", "오렌지"];

// 첫 번째 항목 출력해보기
console.log(fruits[0]);  // "사과" 출력

레벨 3: 간단한 Boolean 연습 (2-3분 소요)

// Boolean 변환 실험
console.log(Boolean(1));     // true 출력
console.log(Boolean(0));     // false 출력
console.log(Boolean("안녕")); // true 출력
console.log(Boolean(""));    // false 출력

레벨 4: 간단한 연결 연습 (3-5분 소요)

// 객체와 Boolean 함께 사용하기
var computer = {
  brand: "삼성",
  isOn: true
};

// 컴퓨터 상태 확인하기
if (computer.isOn) {
  console.log("컴퓨터가 켜져 있습니다.");
} else {
  console.log("컴퓨터가 꺼져 있습니다.");
}

레벨 5: 아주 작은 프로젝트 (5-7분 소요)

// 간단한 학생 정보 관리
var student = {
  name: "홍길동",
  age: 20,
  isPassing: true
};

// 학생 정보 출력하기
console.log("이름: " + student.name);
console.log("나이: " + student.age);

// Boolean 활용하기
if (student.isPassing) {
  console.log(student.name + " 학생은 통과했습니다.");
} else {
  console.log(student.name + " 학생은 통과하지 못했습니다.");
}

🌟 진짜 초보자를 위한 실습 전략

  1. 한 번에 한 개념만 집중하세요
  2. 이해한 만큼만 코드를 작성하세요
  3. 직접 키보드로 타이핑하세요 (복사-붙여넣기 X)
  4. 코드를 작성한 후 "이 코드는 ~을 하는구나"라고 자신의 말로 설명해보세요
  5. 작은 변화를 주며 실험해보세요 (예: 값 바꾸기)