레벨 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 + " 학생은 통과하지 못했습니다.");
}
🌟 진짜 초보자를 위한 실습 전략
- 한 번에 한 개념만 집중하세요
- 이해한 만큼만 코드를 작성하세요
- 직접 키보드로 타이핑하세요 (복사-붙여넣기 X)
- 코드를 작성한 후 "이 코드는 ~을 하는구나"라고 자신의 말로 설명해보세요
- 작은 변화를 주며 실험해보세요 (예: 값 바꾸기)
'JS' 카테고리의 다른 글
[JS] 자바스크립트 데이터 입출력 방식📝 (0) | 2025.04.02 |
---|---|
[JS] defer (0) | 2025.04.02 |
[JS] 자바스크립트 형 변환과 불리언(Boolean) (0) | 2025.04.02 |
[JS] 객체와 배열의 기본 개념 (1) | 2025.04.02 |
[JS] 자바스크립트 객체형 이해하기 (0) | 2025.04.02 |