JS 챌린지 1일

1. 실습환경 만들기

   클라이언트 측 웹 프로그래밍: 자바스크립트는 웹 브라우저에서 실행되는 클라이언트 측 스크립트 언어로, 사용자와 상호 작용하는 웹 애플리케이션을 개발하는 데 주로 사용됩니다.

   실행 가능한 언어: 브라우저에서 직접 실행되기 때문에 별도의 컴파일 과정 없이 코드를 작성하고 실행할 수 있습니다.

   alert 명령어: 자바스크립트의 간단한 기능 중 하나로, alert("메시지") 형태로 사용되며, 브라우저 경고 창에 메시지를 표시합니다.

2. Developer Consol 사용하기

console.log 명령어 사용법:
console.log 명령어는 자바스크립트 코드 실행 중 중요한 정보나 디버깅 메시지를 출력하기 위해 사용됩니다.

console.log(메시지); 형태로 사용합니다.

예제 1: 단순한 문자열 출력
console.log("Hello, world!");

예제 2: 변수 값 출력
let age = 25;
console.log("나의 나이는 " + age + "세 입니다."); 

예제 3: 객체 출력
let person = {
    name: "John",
    age: 30,
    job: "Developer"
};
console.log(person);

3. 변수 선언과 초기화

   변수의 선언과 초기화:
   선언: 변수를 사용할 것임을 컴퓨터에게 알리는 역할을 합니다. var variable_name;
   초기화: 변수를 처음으로 값을 저장하는 과정입니다. variable_name = value;
   여러 변수를 동시에 선언 및 초기화하려면 콤마(,)를 사용할 수 있습니다.
   예제: 변수 선언과 초기화

var age; // 변수 선언
age = 30; // 변수 초기화
var name = "John", city = "New York"; // 여러 변수 동시에 선언 및 초기화

3. prompt() 명령어의 활용:
   prompt() 명령어는 사용자에게 메시지를 보여주고, 사용자로부터 문자열을 입력받는 명령어입니다. 입력받은 값을 변수에 저장할 때 prompt()를 활용합니다.
   예제: prompt() 명령어 사용

var name = prompt("이름을 입력해 주세요"); // 사용자로부터 이름을 입력받아 name 변수에 저장

4. 변수의 활용

   변수의 값 활용:
   변수의 이름을 사용하여 변수에 저장된 값을 읽어와서 다양한 작업에 활용할 수 있습니다.
   예제: 변수의 값 활용

var var1 = "1", var2 = "2", var3 = "3";
console.log(var1); // 콘솔에 var1 변수의 값 출력
alert(var2); // 경고창에 var2 변수의 값 출력
prompt(var3); // 사용자에게 var3 변수의 값을 입력받음

위의 예제에서는 각각의 변수 var1, var2, var3의 값을 활용하여 콘솔에 출력하거나 사용자와 상호작용하는 예시를 보여주고 있습니다.

console.log 명령어는 콘솔에 메시지를 출력하는 데 사용됩니다. 이 명령어를 활용하여 여러 개의 메시지를 출력할 때는 콤마(,)로 구분하여 사용할 수 있습니다.

var name = "홍길동";
var greeting = "안녕하세요";
console.log(name, greeting); // 콘솔에 "홍길동 안녕하세요" 출력

5. 기본자료형

자료형의 종류:
number Type (숫자): 정수나 소수를 나타내는 자료형입니다.

var a = 100;
var b = 3.14;

string Type (문자열): 문자열을 나타내는 자료형으로, 따옴표로 둘러싸인 텍스트입니다.

var c = "안녕하세요";
var d = "a";

boolean Type (불리언): 참(true) 또는 거짓(false)을 나타내는 자료형입니다.

var e = true;
var f = false;

typeof() 명령어:
typeof() 명령어는 변수의 자료형을 확인하는 데 사용됩니다. 이 명령어를 변수와 함께 사용하면 해당 변수의 자료형을 알 수 있습니다.

var a = 100;
console.log(a, typeof(a)); // 100 "number" 출력

var c = "안녕하세요";
console.log(c, typeof(c)); // "안녕하세요" "string" 출력

var e = true;
console.log(e, typeof(e)); // true "boolean" 출력