[혼공JS] 11기 1주차

수댕이·2024년 1월 7일

혼공 혼공JS 혼공학습단

혼공학습단

목록 보기

11/15

🗓️ TIL (Today I Learned) 날짜

읽은 날: 2024.01.05
기록한 날: 2024.01.07

🔎 읽은 범위

Chapter 01 ~ Chapter 02

📖 책에서 기억하고 싶은 내용

코딩 컨벤션

깃허브에 프로젝트를 올리는 경우가 생기고 있는데, 커밋 컨벤션을 지켜서 올리는 게 좋다고 한다.
이것처럼 자바스크립트에서도 코딩 컨벤션이 존재한다. 커밋 컨벤션을 지키려고 노력하는만큼 코딩 컨벤션도 지키려고 신경써야겠다.

컨벤션을 지켜야하는 이유: 개발자는 혼자 개발하는 것이 아닌 다른 사람들과 함께 개발하기 때문에 일정한 규칙을 정하고 이 규칙을 따르려고 서로 노력해야한다.
컨벤션을 잘 지킨다면 서로의 코드나 커밋 메시지만 보고도 어떤 작업을 수행했는지 이해와 소통이 편해지기 때문이다.

자바스크립트 표준 스타일 한국 문서: https://standardjs.com/readme-kokr.html

typeof 연산자

typeof(자료)

단항 연산자
괄호 없이도 출력
8가지 연산자를 결과로 출력: string, number, boolean, undefined, function, object, symbol, bigint

템플릿 문자열

백틱 기호를 이용해서 사용한다. ${표현식}을 사용하면 표현식이 문자열 안에서 계산된다.

오류 관련 내용

ReferenceError (예외 처리)

Uncaugth ReferenceError: OO is not defined
OO부분을 잘못 입력한 경우 발생

TypeError (예외 처리)

TypeError: Assignment to constant variable
한 번 선언된 상수의 자료형이 변한 경우 발생

SyntaxError (구문 오류)

Uncaugth SyntaxError: Invalid or unexpected token
토큰(기호)를 잘못 입력한 경우 발생
Uncaugth SyntaxError: missing OO after argument list
OO 토큰이 없는 경우 발생
Uncaugth SyntaxError: Unexpected identifier
식별자가 예상하지 못한 곳에서 등장했을 때 발생 => 식별자 주변에 잘못된 코드 존재
Uncaugth SyntaxError: Identifier ' ' has already been declared
같은 이름으로 상수와 변수를 여러 번 선언한 경우 발생
Uncaugth SyntaxError: Missing initializer in const declaration
상수를 선언할 때 값을 지정해주지 않는 경우 발생

😊 오늘 읽은 소감 & 떠오르는 생각

자바스크립트로 Hello World! 정도는 찍어낼 수 있는 정도의 실력이라 이번 과제는 무리 없이 해낼 수 있었다.
부끄럽지만 전공자라는 타이틀로 어느 정도 내용들은 많이 봐와서 쉽게 지나갈 수 있었다.
그래도 알고 있다고 생각하지 않고 항상 모르는 걸 처음 공부한다는 마음으로 공부해야겠다.
아무튼! 그래서 이번 과제에서는 나에게 도움이 될 만한 내용, 잘 몰랐던 내용 위주로 정리해보았다.

✅ 미션

기본 미션

Hello World! 출력하기

코드

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hongong</title>
    <script>
        alert("Hello World!");
        console.log("Hongong 11");
    </script>
</head>
<body>
    
</body>
</html>