반응형
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번 연속으로 사용할 필요가 없어졌다.
반응형
'WINK-(Web & App) > HTML & CSS & JS 스터디' 카테고리의 다른 글
[2024 신입부원 기초 스터디] 정채은 #3주차 (JS) (0) | 2024.05.13 |
---|---|
[2024 신입부원 기초 스터디] 강보경 #3주차 (0) | 2024.05.13 |
[2024 신입부원 기초 스터디] 백채린 #3주차 (JS) (0) | 2024.05.13 |
[2024 신입부원 기초 스터디] 박건민 #3주차 (0) | 2024.05.12 |
[2024 신입부원 기초 스터디] 김규현 #3주차 (0) | 2024.05.12 |