복습(참고 : review7.html)
<iframe width="560" height="315"
src="https://www.youtube.com/embed/HSBItbsH7l8"
title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<!-- * 카카오맵 - 지도퍼가기 -->
<!-- 1. 지도 노드 -->
<div id="daumRoughmapContainer1648516346789" 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" : "1648516346789",
"key" : "29n2w",
"mapWidth" : "640",
"mapHeight" : "360"
}).render();
</script>
→ 결과 :
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
TIP
라이브러리가 저장되어있는 사이트 / 부품을 사용할 수 있음
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<a href="/create/" class="btn btn-primary">create</a>
→ 밑의 그림 중 create 버튼이 btn-primary 디자인으로 생성됨
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
<div class=""btn-group">
<a href="/create/" class="btn btn-primary">create</a>
<a href="/update/" class="btn btn-primary">update</a>
</div>
→ 밑의 그림 중 creat와 update가 그룹으로 합쳐진 버튼을 생성(참고사이트)
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
파이썬 복습
python runtime, interpretor(내가 짠 파이썬의 코드를 번역해서 컴퓨터에 직접 제어하는 것 / 하지만 웹 브라우저를 제어할 수는 없음)
html, css : 웹브라우저 제어(컴퓨터를 직접 제어하는 것이 아님)
터미널에서
dir 이라고 치면
현재 디렉토리에 있는 파일의 목록을 나타냄
cd python
dir
terminal에서
python 4.input.py
치면 4.input.py가 실행(run)됨
review1.py
print(1)
print(1.1)
print('Hello World')
print('''Hello
World''')
a=1
b=2
print(a+b)
가격 = float(input('가격? '))
부가세율 = 0.1
부가세 = 가격 * 부가세율
print(부가세)
→
1
1.1
Hello World
Hello
World
3
가격?
로 출력
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
필요한 라이브러리 설치 할 때 사이트의 search에서 ex) pandas를 치면 필요한 라이브러리 설치 가능
ex) pandas 1.4.1 클릭하면 왼쪽 상단에 pip install pandas를 터미널에 입력하면 설치가능
복습완료
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
제어문(흐름을 컨트롤 하는 방법)
조건문 / 객체 지향
js : javascript.html
<h1>Boolean & comparison operator</h1>
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
console.log(1);
if(true){
console.log(2);
console.log(3);
}
console.log(4);
→ 1, 2, 3, 4 출력
console.log(1);
if(false){
console.log(2);
console.log(3);
}
console.log(4);
→ 1, 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);
→ 1 2.1 3.1 4 출력
console.log(1);
if(false){
console.log(2.1);
console.log(3.1);
} else {
console.log(2.2);
console.log(3.3);
}
console.log(4);
→ 1 2.2 3.3 4 출력
print(True)
print(False)
print(1 == 1)
print(1 == 2)
print(1 > 2)
→
True
False
True
False
False 로 출력
<h1>Login</h1>
<input type="button" value="login" onclick="
let input_id = prompt('아이디를 입력해주세요');
if(input_id==='박재준'){
alert('어서오세요')
} else
alert('누구세요')
">
→ 버튼 클 후 아이디 입력 prompt창 뜸 → 박재준 입력시 어서오세요 / 다른 내용 입력시 누구세요 뜸
input_id = input('아이디를 입력해주세요. ')
if (input_id =='박재준'):
if input_pwd == '111111':
print('안녕하세요')
else:
pritn('비밀번호가 다릅니다')
else:
print('아이디어가 다릅니다?')
→ id 박재준, 비밀번호 111111로 설정한 경우
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
TIP
Python CheatSheet.pdf 내용!
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
<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'} // 객체 형태(cf : python은 딕셔너리)
</script>
→
egoing
duru 출력
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]) #egoing seoul, duru daegu 출력
egoing = ['egoing', 'seoul', 'programmer']
egoing = {'name': 'egoing', 'city': 'seoul', 'job':'programmer'} #dictionary(사전형) 형태
print(egoing['city']) #seoul 출력
for name in egoing:
print(name) #name city job 출력
print(egoing[name]) #egoing seoul programmer 출력
members3 = [
{'name':'egoing', 'city':'seoul', 'job':'programmer'},
{'name':'duru', 'city':'daegu', 'job':'dba'}
]
for member in members3:
print(member)
#{'name': 'egoing', 'city': 'seoul', 'job': 'programmer'}
#{'name': 'duru', 'city': 'daegu', 'job': 'dba'} 로 출력
print(member['name']) #egoing, duru 출력
→
member egoing
member duru
egoing
egoing seoul
duru daegu
seoul
name
egoing
city
seoul
job
programmer
{'name': 'egoing', 'city': 'seoul', 'job': 'programmer'}
egoing
{'name': 'duru', 'city': 'daegu', 'job': 'dba'}
duru 로 출력
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
function sum(left, right){
return left+right;
}
console.log(sum(10,20)); // console에 30 출력
def sum(left, right):
return left+right
print(sum(10,20)) # 30 출력