0. 복습

review7.html

• h1, ol-li, a, input 태그 사용해서 홈페이지 만들기
• bootstrap 사용하기
  https://getbootstrap.com/
  jsDelivr의 css와 javasciprt 코드를 html파일에 넣는다.
  doc에서 사용방법을 보고 활용할 수 있다.

<!-- 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">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
        crossorigin="anonymous"></script>

• boot strap으로 버튼 적용하기
  docs에서 components - buttons, components - button group 참고

<div class="btn-group" role="group" aria-label="Basic example">
    <button type="button" class="btn btn-danger"><a href="/create/">create</a></button>
    <button type="button" class="btn btn-warning"><a href="/create/">create</a></button>
    <button type="button" class="btn btn-primary"><a href="/create/">create</a></button>
</div>

• youtube 영상 추가하기
  가지고 오고 싶은 영상의 버튼을 클릭해서 <> 퍼가기를 클릭한다.
  
  이 코드를 html파일 안에 추가하면 된다.
  
  
  
• 카카오맵 추가하기
  
  HTML 태그 복사를 클릭하면 아래 화면과 같이 나온다.
  지도 크기와 아이콘 변경으로 조정한 다음 소스 생성하기를 누른다.
  
  소스를 생성하면 일반지도나 이미지 지도를 선택할 수 있는데,
  일반지도는 지도를 움직여서 주변을 볼 수 있고, 이미지 지도는 그 부분만 볼 수 있다.
  

1. 학습내용

Boolean

• javascript의 boolean

<h1>Boolean</h1>
<script>
	console.log(true);
    console.log(false);
    console.log(1 === 1);
    console.log(1 === 2);
    console.log(1 > 2);
    console.log(1 < 2);
</script>

• python의 boolean

print(True)
print(False)

# 비교연산자와 논리연산자의 결과는 boolean으로 반환된다

print(1==1)
print(1==2)
print(1>2)
print(1<2)

Conditional statements

• javascript의 conditional statements

<h1>Conditional Statements</h1>
<script>
	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>

• python의 conditional statement

if False:
    print(2.1)
    print(3.1)
else:
    print(2.2)
    print(3.2)
print(4)

login 만들기

• javascript login

<h1>login</h1>
<input type="button" value="login" onclick="
let name = prompt('이름을 입력하세요 : ');
if (name === '이나겸') {
	alert(name+'님 안녕하세요');
} else {
	alert('누구세요?');
}">

• python login (if else)

name = input('이름을 입력하세요 : ')

if name == '관리자' :
    print(name+'님 안녕하세요')
else :
    print('입장할 수 없습니다.')

• python login (다중 if문)

id = input('아이디를 입력하세요 : ')
pw = input('비밀번호를 입력하세요 : ')

if id == '관리자' :
    if pw == '1234' :
        print(id +'님 안녕하세요')
    else :
        print('비밀번호가 틀렸습니다.')
else :
    print('아이디가 틀렸습니다')

Loop

• javascript Loop

<h1>Loop</h1>
<script>
	member = ['gayoung', 'nagyeom', 'daeun'];
    for (let i=0; i<member.length; i++){
    	document.write('<li>'+member[i]+'</li>');
	}
</script>

• python Loop
  반복문을 사용할 때 리스트와 함께 사용한다.
  2차원 리스트도 반복문을 사용해서 출력할 수 있다.

# 1차원
members = ['gayoung', 'nagyeom', 'daeun']

for mem in members :
    print('member : ', mem)

# 2차원
members2 = [
    ['nagyeom','daegu','programmer'],
    ['leekang','daegu','engineer']
]

for mem in members2 :
    print(mem[0], mem[1], mem[2])

python dictionary

• dictionary는 key:value 한 쌍으로 이루어져있기 때문에,
  반복문을 돌리면key가 출력된다.
  value를 출력하려면 ['키'] 로 출력할 수 있다.

nagyeom = {'name': 'nagyeom', 'city': 'daegu', 'job': 'developer'}
leekang = {'name': 'leekang', 'city': 'daegu', 'job': 'engineer'}
ayoung = {'name': 'ayoung', 'city': 'anyang', 'job': 'developer'}

for menu in nagyeom :
	# 반복문이 돌면서 key 값 출력
	print(menu)
    # 반복문이 돌면서 dict의 key를 가지고 value 출력
	print(nagyeom[menu])

• dictionary와 list를 활용해서 반복문으로 출력

nagyeom = {'name': 'nagyeom', 'city': 'daegu', 'job': 'developer'}
leekang = {'name': 'leekang', 'city': 'daegu', 'job': 'engineer'}
ayoung = {'name': 'ayoung', 'city': 'anyang', 'job': 'developer'}

members = [ nagyeom, leekang, ayoung ]

for name in members:
    print('이름은 :',name['name'])
    print('사는곳 :',name['city'])
    print('직업은 :',name['job'])
    print()

function

• javascript function

<h1>Function</h1>
<script>
	console.log('function')
    function sum(num1, num2){
    	return num1+num2;
	}
    console.log(sum(10,20));
</script>

• python function

def sum (num1, num2) :
    return num1 + num2

print(sum(10, 20))

2. 중요내용

python module import 오류

어제 설치하고 pandas import 오류가 있었다.
terminal에서 'python testPython.py' 로 실행하면 실행이 되어서 아무 생각이 없었는데,
다시 VSCode를 켜보니 그대로 오류가 해결되지 않은 상태였다.
서치하다가 환경변수가 문제가 될 수 있겠다는 생각이 들어서 환경변수를 설정해주었다.

해결방법 - 환경변수 설정

윈도우 키를 누르고 '환경 변수'를 검색하면 '시스템 환경 변수 편집'이 나온다.

• 시스템 속성 - 환경변수 - 시스템 변수 - Path 선택 - 편집
  C:\Users\Nagyeom\AppData\Local\Programs\Python\Python310
  C:\Users\Nagyeom\AppData\Local\Programs\Python\Python310\Lib
  C:\Users\Nagyeom\AppData\Local\Programs\Python\Python310\DLLs
• VScode에서 인터프리터 설정을 다시 해준다.
  Ctrl+Shift+P > 'Select Interpreter' 검색 > 엔터
  Python 작업환경 폴더를 선택한다.
  
  

3. 학습소감

1. 기본 문법에 대해서 javascript와 python을 비교하면서 끝내서 두 언어에 대해 자신감이 붙었다.
2. cheatsheet를 잘 찾아봐야겠다.