[개발일지 3월 29일] [공통교육-파이썬 기초] 기본 문법 2 - 이고잉 강사

박재준·2022년 3월 29일
0

1. 학습한 내용

복습(참고 : review7.html)

  • 유튜브 영상 퍼오기(→ 결과 밑의 그림 참조)
    방법 : 유튜브 영상 링크 들어가기 → 공유 → 퍼가기 → 태그 복사 후 body에 div, /div 사이에 붙여넣기
<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>
  • 카카오맵 퍼오기(→ 결과 밑의 그림 참조)
    방법 : 밑의 그림의 HTML태그 참조 → 소스 생성 → 마찬가지로 body 태그에 붙여넣기
<!-- * 카카오맵 - 지도퍼가기 -->
<!-- 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">

TIP
버튼 디자인 설정할 수 있는 페이지

<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 출력

  • python : 6.boolean.py 참고
print(True)
print(False)

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


True
False
True
False
False 로 출력

  • js : Login 내용 정리
<h1>Login</h1>
        <input type="button" value="login" onclick="
            let input_id = prompt('아이디를 입력해주세요');
            if(input_id==='박재준'){
                alert('어서오세요')
            } else
                alert('누구세요')
            ">

→ 버튼 클 후 아이디 입력 prompt창 뜸 → 박재준 입력시 어서오세요 / 다른 내용 입력시 누구세요 뜸

  • python : 7.conditional.app.py 참고
input_id = input('아이디를 입력해주세요. ')
if (input_id =='박재준'):
    if input_pwd == '111111':
        print('안녕하세요')
    else:
        pritn('비밀번호가 다릅니다')
else:
    print('아이디어가 다릅니다?')

→ id 박재준, 비밀번호 111111로 설정한 경우

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

TIP
Python CheatSheet.pdf 내용!

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

  • js : Loop 내용 (javascript.html)
<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 출력

  • python : 8.loop.py
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 로 출력

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

  • js : function 내용 (javascript.html)
function sum(left, right){
                return left+right;
            }
            console.log(sum(10,20));  // console에 30 출력
  • python : 9.function.py
def sum(left, right):
    return left+right
print(sum(10,20))    # 30 출력

2. 학습한 내용 중 어려웠던 점 또는 해결못한 것들

  1. javascript와 python간에 다른 코딩 방식이 익숙하지 않음(전반적으로 python만 알고 있음)

3. 해결방법 작성

  1. javacript의 방식에 익숙해지고, python과의 비교를 통해 복습

4. 학습 소감

  1. 점차 배운 내용을 복습하기에 많은 양을 감당해야하니까, 차근차근 정리 잘 해야할 것
profile
초급 개발자

0개의 댓글