210928(화)
한 주간의 긴 방학 후 다시 앨리스Ai트랙으로 돌아오는 날
그렇다. 너무 치열하게 놀아서인지 백지상태가 되었다.
오늘은 진짜 열심히해야지 했는데, 내일부터 진짜 열심히 해야겠다.
이고잉님과 함께한 javascript
공부하는 이 순간이 행복해지도록
html은 정보
CSS는 디자인
javascript는 상호작용
복습 HTML 기본문장
<html>
<head>
</head>
<body>
</body>
<html>
쉽게 !하고 엔터를 치자javascript 실행방법
첫번째 :
브라우저(크롬기준) - 오른쪽 마우스 클릭 - 검사 - 개발자도구- console
자바스크립트 실행
(고잉이형은 콘솔에서 많이 씀)
```
1+1
alert('hello, JS');
alert(1+1);
```
두번째 : <script> 태그 이용하는 것
<script>
document.write(1+1);
document.write('<br>');
document.write(Math.random());
</script>요즘은 document.write를 잘 안쓴다고 한다.
(대신 뭘쓴다고 했는지 기억이 안난다...)
datatype
기본적으로 숫자는 그냥 쓰기
document.write(1);
문자열(string)은 ""나 ''로 묶어서 쓰기
그렇기 때문에 1과 '1'은 다른 것이다.
암튼 그렇다.
document.write('<br>');
띄어쓸 때 사용함<html>
<body>
<h1>숫자</h1>
<script>
document.write(1);
document.write('<br>');
document.write(1+1);
document.write('<br>');
document.write(Math.PI);
document.write('<br>');
document.write(Math.floor(1.9));
</script>
<h1>문자열(string)</h1>
<script>
document.write("1");
document.write('<br>');
document.write("1"+"1");
document.write('<br>');
document.write("Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor odio minus perspiciatis impedit fugit libero eum quasi eveniet, dicta, aperiam cupiditate beatae accusantium praesentium. Hic cum commodi minus beatae nisi!".toUpperCase());
</script>
</body>
</html>
Tip
"엄청긴글".length를 쓰면 글자 수가 나온다
"소문자abc".toUpperCase를 쓰면 대문자로 출력된다(대소문자 구분)
variable
변수로서 특정 값 또는 함수 등을 치환하여 표현할 수 있다.
<html>
<body>
<h1>Variable</h1>
<script>
var a = 1;
document.write(a);
document.write('<br>');
a = 2;
document.write(a);
document.write('<br>');
var price = 10000;
var vat_rate = 0.1;
document.write(price*vat_rate);
// 변수의 이름을 지정해줘서 사람이 이해하기 쉽게 표현, 이자율 계산식
</script>
</body>
</html>요즘 var은 쓰다가 겹치거나 빡치는부분이 많아서
let 이나 const를 주로 사용한다고 한다.
<두개의 공통점은 var와 다르게 변수 재선언 불가능이다.
let과 const의 차이점은 변수의 immutable여부이다.
let은 변수에 재할당이 가능하지만,
const는 변수 재선언, 재할당 모두 불가능하다.>
function
반복반복반복이 지겹다면 우리는 펑션을 써보자
<html>
<body>
<script>
function one_two() {
document.write(1);
document.write('<br>');
document.write(2);
document.write('<br>');
document.write(3);
document.write('<br>');
}
one_two();
one_two();
one_two();
</script>
</body>
</html>function 함수이름(변수) {}
사실 지난주 1주일치가 그대로 밀려있다.
