Keyword overview
JavaScript
ECMAScript
console.log()
The Code Card
JavaScript basic
https://lshjju.tistory.com/739
JavaScript basic
현대 웹 개발의 심장이자 영혼인 **자바스크립트(JavaScript)**의 세계에 오신 것을 환영합니다.이 언어는 정적인 문서에 생명력을 불어넣어 사용자와 소통하게 만드는 마법 같은 도구입니다.1. JS의
lshjju.tistory.com
JS I/0
https://lshjju.tistory.com/740
JS I/0
프로그램이 세상과 소통하는 창구인 입출력 방법에 대해 알아보겠습니다.입출력은 사용자로부터 정보를 받고(입력), 처리된 결과를 화면이나 콘솔에 보여주는(출력) 모든 과정을 말합니다.1. 데
lshjju.tistory.com
console.log()
https://lshjju.tistory.com/747
console.log()
개발자들의 가장 친밀한 소통 도구인 **console.log()**에 대해 깊이 있게 알아보겠습니다.이 함수는 자바스크립트 코드를 실행하면서 변수의 값이나 상태를 확인하기 위해 사용하는 출력 명령어입
lshjju.tistory.com
JS coding rule and style guide
https://lshjju.tistory.com/741
JS 코딩 규칙과 스타일 가이드
혼자만 알아보는 코드가 아닌 '함께 읽기 좋은 코드'를 만드는 코딩 규칙과 스타일 가이드에 대해 알아보겠습니다.코딩 규칙은 마치 언어의 '맞춤법'이나 '에티켓'과 같습니다. 규칙을 잘 지키면
lshjju.tistory.com
ECMAScript
https://lshjju.tistory.com/746
ECMAScript
자바스크립트 역사에서 가장 혁명적인 변화로 꼽히는 **ECMAScript(ES6)**에 대해 알아보겠습니다.단순히 "자바스크립트의 버전"이라고만 알고 넘어가기엔, 현대 개발에서 차지하는 비중이 매우 큽
lshjju.tistory.com
Code training
15-1 자바스크립트로 무엇을 할까
웹의 요소를 제어 합니다.
웹 애플리케이션을 만듭니다.
다양한 라이브러리를 사용할 수 있습니다.
서버 개발을 할 수 있습니다.
15-2 웹 브라우저가 자바스크립트를 만났을 때
웹 문서 안에 <script> 태그로 자바스크립트 작성하기
내부 스크립트 - 클릭하면 글자색 바꾸기
https://github.com/lshjju/doit-hcj-new/blob/main/15/results/script-1.html
외부 스크립트 파일로 연결해서 자바스크립트 작성하기
외부 스크립트 파일 작성하기
https://github.com/lshjju/doit-hcj-new/blob/main/15/results/change-color.js
외부 스크립트 파일 연결하기
https://github.com/lshjju/doit-hcj-new/blob/main/15/results/script-2.html
웹 브라우저에서 스크립트를 해석하는 과정
웹 브라우저가 스크립트를 해석하는 과정 살펴보기
15-3 자바스크립트 용어와 기본 입출력 방법
식과 문
간단한 입출력 방법
알림 창 출력하기
알림창 만들기
https://github.com/lshjju/doit-hcj-new/blob/main/15/results/alert.html
확인 창 출력하기
확인 창 만들기
https://github.com/lshjju/doit-hcj-new/blob/main/15/results/confirm.html
프롬프트 창에서 입력받기
프롬프트 창의 기본 값 지정하기
https://github.com/lshjju/doit-hcj-new/blob/main/15/results/prompt-1.html
프롬프트 창의 기본 값 지정하지 않기
https://github.com/lshjju/doit-hcj-new/blob/main/15/results/prompt-2.html
웹 브라우저 화면에 출력을 담당하는 document.write() 문
document.write() 문으로 제목 표시하기
https://github.com/lshjju/doit-hcj-new/blob/main/15/results/dwrite.html
이름을 입력하면 화면에 표시하기
https://github.com/lshjju/doit-hcj-new/blob/main/15/results/greeting.html
콘솔 창에 출력하는 console.log() 문
이름을 입력하면 콘솔 창에 표시하기
https://github.com/lshjju/doit-hcj-new/blob/main/15/results/clog.html
실습 - 콘솔 창에서 오류를 찾아 수정하기
1단계 웹브라우저에서 콘솔 창 열어서 확인하기
2단계 오류 발생 위치를 클릭해 코드에서 오류 찾기
3단계 VS Code에서 HTML 파일 수정하기
준비
https://github.com/lshjju/doit-hcj-new/blob/main/15/js-time.html
결과
https://github.com/lshjju/doit-hcj-new/blob/main/15/results/js-time.html
15-4 자바스크립트 스타일 가이드
코딩 규칙이 왜 필요할까요?
자바스크립트 스타일 가이드
1. 코드를 보기 좋게 들여쓰기 합니다.
2. 세미콜론으로 문장을 구분합니다.
3. 공백을 넣어 읽기 쉽게 작성합니다.
4. 코드를 잘 설명하는 주석을 작성합니다.
5. 식별자는 정해진 규칙을 지켜 작성합니다.
6. 예약어는 식별자로 사용할 수 없습니다.
Copyright
이 포스팅의 깃허브코드와 강의 목차 저작권은 이지스퍼블리싱에 있습니다.
https://www.easyspub.co.kr/20_Menu/BookView/696/PUB
'Do it! 자바스크립트 웹 표준의 정석' 카테고리의 다른 글
| DOM (0) | 2025.11.26 |
|---|---|
| JS and Object (0) | 2025.11.26 |
| Function and Events (0) | 2025.11.26 |
| JS Grammar basic (0) | 2025.11.26 |