✅혼자 공부하는 자바스크립트
| # | 진도 | 기본 미션 | 선택 미션 |
|---|---|---|---|
| 1주차(1/2 ~ 1/8) | Chapter 01 ~ 02 | p. 54의 <파일 만들고 저장해 실행하기>에서 'Hello World' 출력하기 | Ch.01(01-1) 확인 문제 1번 상세하게 적고 인증하기 |
Chapter 01 자바스크립트 개요 와 개발환경 설정
자바스크립트 웹브라우저에서 작동하는 프로그래밍 언어입니다.
ECMAScript 유럽컴퓨터제조협회에서 표준화한 자바스크립트의 공식 명칭입니다.
웹 애플리케이션 기존의 웹 페이지보다 많은 기능을 구현한 웹 페이지를 말합니다.
표현식 자바스크립트에서 값을 만들어내는 간단한 코드
문장 하나 이상의 표현식이 모여 구성되는 것으로, 문장 끝에는 세미클론(;)또는 줄바꿈을 넣어서 문장의 종결을 알려줍니다.
키워드 프로그래밍 언어가 처음 만들어질 때 정해진 특별한 의미가 있는 단어
식별자 이름을 붙일 때 사용하는 단어
Chapter 02 자료와 변수
자료형: 자료의 종류를 의미
문자열 자료형(문자를 표현)
숫자 자료형(숫자를 표현)
불 자료형(참과 거짓을 표현)
상수 변하지 않는 값을 저장하는 식별자 - const 키워드를 사용해 선언
변수 변하는 값을 저장하는 식별자 - let 키워드를 사용해 선언
선언 상수 또는 변수를 생성하는 것
할당 상수 또는 변수에 값을 넣는 것
prompt() 사용자로부터 글자를 입력 받을 때 사용
자료형 변환 어떤 자료형의 값을 다른 자료형으로 변경
Number() 숫자 자료형으로 변환할 때 사용
String() 문자열 자료형으로 변환할 때 사용
Boolean() 불 자료형으로 변환할 때 사용
| 연산지 | 설명 |
|---|---|
| === | === 양쪽이 같다. |
| !== | 양쪽이 다르다. |
| > | 왼쪽이 더 크다. |
| < | 오른쪽이 더 크다. |
| >= | 왼쪽이 더 크거나 같다. |
| <= | 오른쪽이 더 크거나 같다. |
&&연산자 양쪽 변의 값이 모두 true일 때 true. 이외에는 모두 false
||연산자 양쪽 변의 값 중 하나만 true여도 true를 결과로 냅니다. 둘다 false면 false
기본미션
p.54의 <파일만들고 저장해 실행하기>에서 'Hello World' 출력하기
vscode를 실행하고 새파일을 만들어줍니다.
html:5를 치면 입력하는 중에 다음과 같은 자동완성 기능이 등장합니다.
자동완성되는 코드들 중에서 필요없는 부분들은 삭제합니다.
기본HTML 페이지의 head태그 사이에 script태그를 삽입하여
alert('Hello World') 코드를 추가합니다.
파일을 저장 후 생성한 test.html을 크롬 브라우저로 실행하면 다음과 같이 출력됩니다. (완성!)
선택미션
<확인문제>
인터넷을 돌아다니면서 보았던 쉽게 사용할 수 있고, 기능이 많다고 느꼈던 웹 사이트를 5개정도 적어보세요.
1. GitHub
https://github.com/
깃허브GitHub는 분산 버전 컨트롤 소프트웨어 깃Git을 기반으로 소스 코드를 호스팅 하고, 협업 지원 기능들을 지원하는 마이크로소프트Microsoft의 웹서비스입니다.
2. Discord
https://discord.com/
디스코드(Discord)는 게이밍에 특화된 음성 채팅 프로그램입니다. 게임 이용자들이 필요한 실시간 소통을 음성 메신저로 즉각 주고받는 채널로 이해하면 됩니다.
3. Notion
https://www.notion.so
노션은 메모, 문서, 지식 정리, 작업, 프로젝트, 데이터베이스를 하나의 서비스로 통합한 종합 메모 서비스입니다.
4. Youtube
https://www.youtube.com/
Youtube는 사용자가 동영상을 자유롭게 올리거나 시청할 수 있는 구글의 콘텐츠 호스팅 웹사이트이자, 세계 최대 규모의 비디오 플랫폼입니다.
4. Google
https://www.google.co.kr/
구글(Google)은 웹 검색, 포털 사이트, 또는 플랫폼을 운영하고 광고를 주요 수익모델 영역으로 하는 미국의 다국적 IT 회사, 또는 구글 사가 서비스하는 검색 엔진입니다.
