라라리라
2023.07.22 / Step 1 [기초] - 코딩 3 일차 본문
기초1_개념01_주석.html
<script>
/*
[개념] 주석
[1] 자바스크립트는 <script> 태그를 이용해 표현한다.
항상 <script> 태그 사이에 코드를 작성한다.
[2] 주석(comment)
(1) 설명문을 작성하기 위한 방법으로 프로그램의 실행에 영향을 미치지 않는다.
(2) 주석은 초록색으로 표시된다.
[3] 주석의 종류
(1) 한 줄 주석
주석할 내용 앞에 / 를 두개 붙인다.
(2) 여러 줄 주석
주석할 내용 앞에 /* 을 붙이고,
주석할 내용 뒤에 * / 를 붙인다.
*/
// 동해 물과 백두산이 마르고 닳도록
// 하느님이 보우하사 우리나라 만세.
// 무궁화 삼천리 화려 강산
// 대한 사람, 대한으로 길이 보전하세
/*
동해 물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세.
무궁화 삼천리 화려 강산
대한 사람, 대한으로 길이 보전하세.
*/
</script>
기초1_개념02_출력문.html
<script>
/*
[개념] 출력문
[1] console.log("출력할내용")
(1) chrome 브라우저에서 F12를 눌러확인한다.
(2) console 탭에서 확인한다.
[2] document.write("출력할내용");
(1)웹 브라우저 화면에서 확인가능하다.
(2)<br>태그를 통해 줄을 바꿔 출력할수 있다.
(3) 를 통해 공백 한칸을 표현할수있다.(space)
[3]문장의 마침표는 세미클론(;)이다.
*/
console.log(10);
document.write(10); document.write("<br>");
document.write(10,"<br>");
document.write(10 +"<br>");
console.log("안녕하세요");
document.write("안녕하세요<br>");
console.log("공 백");
document.write("공 백<br>");
console.log("===================");
console.log(" 커피메뉴 ");
console.log(" 까페라떼 5000");
console.log(" 아메리카노 4600");
console.log(" 까페모카 5700");
console.log(" 합계: 15300");
console.log("===================");
document.write("===================<br>");
document.write(" 커피메뉴 <br>");
document.write(" 까페라떼 5000<br>");
document.write(" 아메리카노 4600<br>");
document.write(" 까페모카 5700<br>");
document.write(" 합계: 15300<br>");
document.write("===================<br>");
</script>
기초1_개념03_자료형.html
<script>
/*
[개념] 자료형(data Type)
[1] 숫자(정수)
(1)number
(2)소수점이 없는 수(10, -1, 123123)
[2] 숫자(실수)
(1)number
(2)소수점이 있는 수(3.14,-10.3)
[3] 문자
(1)string
(2)큰 따옴표나 작은 따옴표 2개로 감싸야 한다.
[4] 참과 거짓
(1)boolean
(2)true(1), false(0)
[5] 자료형을 확인하는 방법
typeof(10.1) => number
*/
//1.숫자(정수)
console.log("[정수]");
console.log(10);
console.log(-1);
console.log(123123);
document.write("[정수]<br>");
document.write(10 +"<br>");
document.write(-1 +"<br>");
document.write(123123 +"<br>");
//2.숫자(실수)
console.log("[실수]");
console.log(3.14);
console.log(-10.3);
// 3.문자
console.log('[문자]');
console.log('홀따옴표');
console.log("쌍따옴표");
// 4.참과 거짓
console.log('[참과 거짓]');
console.log(true);
console.log(false);
//자료형 확인하기
console.log('[자료형 확인]');
console.log(typeof 10);
console.log(typeof 10.3);
console.log(typeof '10.3');
console.log(typeof false);
console.log(typeof true);
document.write("[자료형 확인],<br>");
document.write(typeof 10 + "<br>");
document.write(typeof 10.3 + "<br>");
document.write(typeof "10.3" + "<br>");
document.write(typeof false + "<br>");
document.write(typeof true + "<br>");
</script>
기초1_개념04_이스케이프.html
<script>
/*
[개념] 이스케이프 문자(escape sequence)
[1] 문자열 출력 중간에 이스케이프 문자를
사용해서 다양한 효과를 표현할 수 있다.
[2] 이스케이프 문자 종류
(1) \" => "
(2) \' => '
(3) \\ : \
(4) \n : 줄바꿈
*/
console.log("\'안녕하세요\'");
console.log("\"안녕하세요\"");
console.log('\\안녕하세요\\');
console.log("안녕\n하세요");
</script>
기초1_개념05_오류찾기.html
<script>
/*
[개념] 오류해결 방법
크롬 브라우저에서 F12를 눌러
console 탭을 통해 오류 문장을 읽고 해결한다.
*/
console.log("오류 찾기");
console.log("안녕");
console.log("하세요");
</script>
기초1_문제01_큰따옴표.html
<script>
/*
[문제]
다음과 같이 콘솔 창에 출력해보세요.
[1] "안녕하세요"
[2] '안녕하세요'
[3] 안녕
하세요
[4] /\안녕하세요/\
*/
console.log("\"안녕하세요\"")
console.log("\'안녕하세요\'")
console.log("안녕\n하세요")
console.log("/\\안녕하세요/\\")
</script>
기초1_문제02_집그리기.html
<script>
/*
[문제]
출력문을 사용해서 집, 동물, 꽃 등등을
콘솔 창에 그려보세요.
[예시]
------------------
/\ \
/ \ \
/ \ \
------------------------
| | ___ |
| | |_|_| |
| | |_|_| |
| | |
----------------------
*/
console.log(" ------------------");
console.log(" /\\ \\");
console.log(" / \\ \\");
console.log("/ \\ \\");
console.log("------------------------");
console.log(" | | _____ |");
console.log(" | | |_|_| |");
console.log(" | | |_|_| |");
console.log(" | | |");
console.log(" ----------------------");
</script>
'코딩 > 2023 JavaScript Console' 카테고리의 다른 글
| 2023.07.26 / Step 3 [조건문] - 코딩 7 일차 (0) | 2023.07.26 |
|---|---|
| 2023.07.25 / Step 2 [비교] - 코딩 6 일차 (0) | 2023.07.25 |
| 2023.07.24 / Step 2 [논리] - 코딩 5 일차 (0) | 2023.07.24 |
| 2023.07.23 / Step 1 [산술] - 코딩 4 일차 (0) | 2023.07.23 |
| 2023.07.22 / Step 1 [변수] - 코딩 3 일차 (0) | 2023.07.22 |