본문 바로가기

WINK-(Web & App)/HTML & CSS & JS 스터디

[2024 신입부원 기초 스터디] 황수민 #3주차

반응형

JavaScript(자바스크립트)란?

  • 웹페이지에 생동감을 불어넣기 위해 만들어진 언어
  • HTML, CSS로 처리할 수 없는 웹의 요소들을 처리할 수 있음.
  • React, Vue 등 다양한 프레임워크, 라이브러리 사용 가능
  • 백엔드(서버) 개발에도 사용할 수 있음. (Node.js + Express)

JS는 HTML파일 내부와 외부에서 사용이 가능하며, 각각의 사용 방법은 아래와 같다.

 

1. HTML 내부

<script>
	console.log("hello, world");
</script>

 

2. HTML 외부

<!-- index.html -->

<body>
	<script src="test.js"></script>
</body>

 

//test.js

console.log("Hello, world!");

 

JS 실행문은 세미콜론(;)으로 구분한다. (생략해도 동작은 한다.)

 

주석

//주석은 이렇게 '//'로 작성할 수 있습니다.

 

변수 선언 

var 변수1 = "var 사용은 권장되지 않음";
let 변수2 = "변수는 let으로!";
const 상수 = "상수는 const";

 

타입

let a = 1; //Number
let b = "abc"; //String
let c = true; //Boolean
let d = [1, "abc", false] //Array

 

조건문

if (/* 조건문 */) {
	//조건문이 참일 때 실행
} else if (/* 다른 조건문 */) {
	//처음 조건문이 거짓이고, 다른 조건문이 참일 때 실행
} else {
	//두 조건문 모두가 거짓일 때 실행
}

 

반복문

for (/* 초기식 */; /* 조건식 */; /* 증감식 */) {
	//조건식이 참일 때 계속 반복 실행
}

while (/* 조건문 */) {
	//조건문이 참일 때 계속 반복 실행
}

 

function sayHi(name) {
	console.log(`Hi, ${name}`);
}

const sayHi = (name) => {
	console.log(`Hi, ${name}`);
}

sayHi("황수민");

 

 

 

개인적으로 3주차 스터디를 통해서 얻어갔던 것은 Javascript에는 String 타입을 반복시켜주는 문자열 반복함수인 'repeat()'이 있다는 것이다.

 

이를 통해서 별 출력하기 문제의 코드에서 for문을 2번 연속으로 사용할 필요가 없어졌다.

반응형