진도와 학습한 내용을 작성, 소스파일을 실행한 결과 첨부
<!DOCTYPE html>
<html>
<body>
<head>
<meta charset="utf-8">
</head>
<h1><a href="index.hmtl">WEB</a></h1>
<ol>
<li><a href="1.html">html</a></li>
<li><a href="2.html">css</a></li>
<li><a href="3.html">js</a></li>
</ol>
<iframe width="560" height="315" src="https://www.youtube.com/embed/WWPqcx5kpSg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<!-- * 카카오맵 - 지도퍼가기 -->
<!-- 1. 지도 노드 -->
<div id="daumRoughmapContainer1648516394996" class="root_daum_roughmap root_daum_roughmap_landing"></div>
<!--
2. 설치 스크립트
* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
-->
<script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
<!-- 3. 실행 스크립트 -->
<script charset="UTF-8">
new daum.roughmap.Lander({
"timestamp" : "1648516394996",
"key" : "29n3g",
"mapWidth" : "640",
"mapHeight" : "360"
}).render();
</script>
</body>
</html>
print(1)
print(1.1)
print('hello world')
print('''hello
world''')
a=1
b=2
print(a+b)
가격 = float(input('가격? '))
부가세율 = 0.1
부가세 = 가격 * 부가세율
print(부가세)
print(True)
print(False)
print(1 == 1)
print(1 == 2)
print(1 > 2)
input_id = input('아이디를 입력해주세요. ')
input_pwd = input('비밀번호를 입력해주세요. ')
if input_id == 'egoing' :
if input_pwd == '111111':
print('안녕하세요')
else:
print('비밀번호가 다릅니다')
else:
print('아이디가 다릅니다?')
print(1)
if True:
print(2)
print(3)
print(4)
print(1)
if False:
print(2)
print(3)
print(4)
print(1)
if True:
print(2.1)
print(3.1)
else:
print(2.2)
print(3.2)
print(4)
print(1)
if False:
print(2.1)
print(3.1)
else:
print(2.2)
print(3.2)
print(4)
members = ['egoing', 'duru']
for member in members:
print('member', member)
members2 = [
['egoing', 'seoul', 'programmer'],
['duru', 'daegu', 'dba']
]
print(members2[0][0])
for member in members2:
print(member[0], member[1])
egoing1 = ['egoing', 'seoul', 'programmer']
egoing2 = {'name': 'egoing', 'city': 'seoul', 'job': 'programmer'} # 사전형
print(egoing2['city'])
for name in egoing2:
print(egoing2[name])
members3 = [
{'name':'egoing', 'city':'seoul', 'job':'programmer'},
{'name':'duru', 'city':'daegu', 'job':'dba'}
]
for member in members3:
print(member['name'])
def sum(left, right):
return left+right
print(sum(10, 20))
<html>
<body>
<h1>Program</h1>
<script>
console.log(1);
console.log(2);
console.log(3);
</script>
<h1>Number</h1>
<script>
console.log(1);
console.log(1.2);
console.log(1+1);
console.log(2-1);
console.log(2*2);
console.log(6/2);
console.log(Math.pow(3,2));
console.log(Math.random());
</script>
<h1>String</h1>
<script>
console.log('Hello')
console.log("Hello")
console.log(`
Hello
World
`);
console.log('Hello'.length)
console.log('Hell world'.replace('Hell', 'Hello'))
</script>
<h1>Array</h1>
<script>
let member = ['egoing', 'duru', 'taeho']
console.log(member[0])
</script>
<h1>Variable</h1>
<script>
let a = 1;
</script>
<h1>Input</h1>
<script>
가격 = prompt('가격?')
부가가치세 = 0.1
alert(가격*부가가치세)
</script>
<h1>Boolean & comparison operator</h1>
<script>
console.log(true);
console.log(false);
console.log(1===1); // true
console.log(1===2); // false
console.log(1>2); //false
console.log(1<2); //true
</script>
<h1>Conditional Statements</h1>
<script>
console.log(1);
if(true){
console.log(2);
console.log(3);
}
console.log(4);
console.log(1);
if(false){
console.log(2);
console.log(3);
}
console.log(4);
console.log(1);
if(true){
console.log(2.1);
console.log(3.1);
} else {
console.log(2.2);
console.log(3.3);
}
console.log(4);
console.log(1);
if(false){
console.log(2.1);
console.log(3.1);
} else {
console.log(2.2);
console.log(3.2);
}
console.log(4);
</script>
<h1>Login</h1>
<input type="button" value="login" onclick="
let input_id = prompt('아이디를 입력해주세요');
if(input_id === 'egoing'){
alert('안녕하세요')
} else {
alert('뉘슈?')
}
">
<h1>Loop</h1>
<script>
member = ['egoing', 'duru'];
for(let i=0; i<member.length; i=i+1){
document.write('<li>'+member[i]+'</li>');
}
member = {name:'egoing', city:'seoul'}
</script>
<h1>Function</h1>
<script>
function sum(left, right){
return left+right;
}
console.log(sum(10,20));
</script>
<h1>실습</h1>
<input type="button" value="부가세계산기" onclick="
let 가격 = Number(prompt('가격?'));
alert(가격 * 0.1);
">
</body>
</html>
학습하면서 이해하기 어려웠던 내용들에 대해 작성하고 또는 아직 해결하지 못한 내용들을 작성
-null
이해하기 어려웠던 점 또는 해결못했던 점들을 어떻게 해결을 했는지 아니면 이렇게 이해를 했다라는 것들을 작성 또는 아직 이해가 안간다면 어디까지 이해했는지를 작성하고 다음에 시도해볼 방법에 대해서 작성
-null
학습을 하면서 느꼈던 점들에 대해 작성
-여기 까지 이론은 쉽다. 이해가 안가도 몇 번 타이핑 따라치다보면 금방 익숙해지는 구간이다.
하지만 이 다음이 어려운 것 같다. 뭐 이런 식이라는 건 알겠는데 과제를 주신 것 처럼 하나의 프로그램을 만들라고하면 아. 아는 게 아니구나 싶다. 이런 토이 프로젝트를 꾸준히 해나가야하는데 자꾸만 미루게 된다.