간단 지식창고

o html 태그
- 구성 요소
<img src = "heart.jpg" width="100" height="50" alt="사랑합니다"> <!-- 주석 내용 -->
태그 속성명 속성값(attibute value)
. 태그/속성 대소구분 없음
- 태그 목록
*참조 http://tcpschool.com/html-tags/intro

- 태그유형 : block / inline
. block(왼쪽에서 오른쪽 끝까지 차지) : <p>, <h1>, <div>, <ul>
. inline(블록안에서 일부 표현>) : <span>, <a>, <strong> , <img>

- 테이블
*참조 https://kutar37.tistory.com/entry/HTML5-table-%ED%83%9C%EA%B7%B8

- 하이퍼링크
<a href="http://www.naver.com">
<img src="naver.png" alt="네이버">
</a>

- 비디오/오디오
<video src="abc.mp3" width="320" height="240" controls autoplay loop><video>
.controls : 재생/시간,중단, 음소거 등 제어버튼 출력
.loop:반복 재생



o html 구조
- 이전에는 구조에 대한 태그가 없어서 div, table 태그로 만들어주어서 구조에 대한 가독성이 떨어짐
- 구조
. 참조 https://server-talk.tistory.com/106
. 문서 모양은 구조와 별개로 style를 꾸며야 함


o webform
- 사용자 입력을 받음
- form tag
. action : url
. method : get
- 태그 종류
*참조 https://ofcourse.kr/html-course/form-%ED%83%9C%EA%B7%B8
https://investechnews.com/2021/06/23/html-form%ED%83%9C%EA%B7%B8%EC%99%80-input-%EC%86%8D%EC%84%B1-%EC%82%AC%EC%9A%A9%EB%B0%A9%EB%B2%95/

- label 폼 요소의 캡션 만들기
<label for="LoginID"> 사용자 ID: </label>
<input type="text" id="LoginID" placeholder="010-1234-5678">

혹은
<label> 사용자ID : <input type="text"> <label>

. value 속성과 placeholder 차이는 입력 모드일 때 지우느냐에 있음

ㅁ 웹 기술 요소
- HTML 태그 : 웹페이지 구조와 내용 (집의 구조) ==> structure
- CSS : 웹 페이지 모양(인테리어) ==>  presentation
- Javascript : 동적 변경/기능(기능/빌트인 가전) ==> behavior


ㅁ html 언어 역사
- HTML : 1991(1.0), 1994(2.0), 1995(3.0), 1998(4.0), 2014(5//문서에서 웹 응용 지원)
- CSS  :                         1996(1),1998(2)   2012(3)
- JS   : 1996(1.0)                              2007(1,8)



ㅁ html 5 구성
- html tag set
- api(JS)

기출문제 학습하면서 기억해야 핵심사항

##(1) // 연산자는 정수만 남김
##(2) idx, i = enumerate(list)
##(3) 문자열도 for c in string으로 한 문자씩 빼오기 된다.
##(4) map(fn, list), lambda x : expression
##   orderlist[idx] = sum( map(lambda x :x > s, scores))+1
##(5) sum(true, true) =2
##(6) enumerate의 index는 0부터 시작한다.
##(7) 0%4도 0이다.
##(8) 3,6,9와 각 숫자의 각 자리수 소수 찾기는 동일한데, 입력값으로 while 돌면서 마지막 자리 떼고(%) 조건 비교, 마지막 자리 떼기(//) 반복
##(9) 일반 문자열도 len(str)으로 길이 구할 수 있음
##(10) 매팅되는 문자열에 접수 구하기는 dictionary 로 반복 가능,
##(11) 두개의 배열에서 원소별 차이의 최대값 구하기 : max(a-b for m, f in list((zip(lista, listb))))
##(12) 2차원은 for ar in arr: for a in ar:로 처리, list.sort(reverse=Fasle)
##(13) reversed(list)  ==> list를 뒤집은 reversed_list가 된다.

진통제 아스피린은 부작용 위궤양이 있다고 밝혀져
타이레놀이 아스피린의  자리를 빠르게 차지함
하지만 타이레놀 복용 중 술을 마시면 간부종을 일으킬수 있다고 함
타이레놀 10그램을 24시간 안에 복용하고 소주 세 잔을 마시면 급성 간부전을 일으킴

@출처: 살아남은 자의 조건

1. 현재 itunes 백업 위치 찾기
- 윈도우 탐색기의 주소창에 %appdata% 입력
- 해당 폴더로 이동하면 'Apple' 혹은 'Apple Computer > MobileSync > Backup 찾아 이동

2. Backup 폴더 아래 파일 삭제
- 폴더 아래의 기존 파일 삭제

3. 원하는 디스크의 폴더로 연결하기
- 관리자모드로 cmd 실행
- 2번의 Backup 폴더 상위 폴더로 이동
- 심볼릭 명령어 입력하기
예) mklink /d "Backup" "D:\NewBackup"

1. urllib.request.urlopen(url)
: url호출하여 응답결과 리턴
:  response = req.urlopen(url)
:  contents = reponse.read()
: 혹은 한번에 contents = req.urlopen(url).read().decode('UTF-8')로 읽을 수 있음


2. urllib.request.urlretrieve(url, file_path)
: url 호출하여 파일로 저장, return 항목은 file과 header
: ex) file, header = urllib.request.urlretrieve(url, file_path)


3. urllib.parse.urlencode({'format':'json'})
: dictinary 형태의 값을 urlecoding한다.


4.requests.get(url, stream=True, verify=False)
: url 호출할 결과를 포맷팅하여 읽을 수 있다.
r=s.get('https://jsonplaceholder.typicode.com/todos/10', stream=True, verify=False)
print(r.text)
print(r.headers)
print(r.json())
print(r.json().keys())


5. fake_useragent
: urlopen 혹은 requqest에서 가짜 agent헤더 설정
ua = UserAgent()
headers ={
    'User-agent':ua.ie,
    'referer' : 'https://finance.daum.net/'
}
url = "https://finance.daum.net/api/search/ranks?limit=10"
data = req.urlopen(req.Request(url, headers=headers))


6. 쿠키 설정
s =requests.Session()
r = s.get("https://httpbin.org/cookies", verify=False)

#쿠키 설정
jar = requests.cookies.RequestsCookieJar()

#예제 post
r = s.post('https://httpbin.org/post', data={'name':'scott'}, cookies=jar)

#예제 post payload 형태
payload1 = {'name':'scott', 'pwd':'dragon'}
r = s.post('https://httpbin.org/post', data=payload1, cookies=jar)

7.BeautifulSoup
: 서버에서 응답한 html 항목 처리
soup = BeautifulSoup(html,'html.parser')
print(soup.prettify())
h1 = soup.html.body.h1
#태그 안에 클래스로 조합하여 가져오기
link2 = soup.find_all('a',class_='sister')  # 오류 class_ <==under bar 필요

#태그 텍스트 조건
link3 = soup.find_all("a",string=["one"," two "])  # 오류 텍스트가 정확히 일치해야 함, 공백 있어도 불일치

#------------------------------------------
# find, findall : 태그로 검색
# select, select_one : css 선택자
#------------------------------------------
link5 = soup.select_one('p.title > b')
print(link5.text) #오류 select로 하면 에러가 발생함

link6 = soup.select_one('a#link2')
print(link6.string)

link7 = soup.select_one("a[data-io='link3']")  # 해당되는 값이 없으면 에러가 발생함
print(link7.text)


link8 = soup.select_one("p.story > a:nth-child(2)")  
print(link8)

link9 = soup.select_one("p.story > a:nth-of-type(2)")

o PC 환경 구축
- C:\Python37\Project로 이동하여
- python -m venv python_crawl 로 가상환경 만들고
- cd script로 이동하여 activate 명령어로 가상환경 활성화
- 가상환경 커맨드라인에서 code 입력하여 VS Code를 실행함
- VSCode가 실행되면 메뉴에서 보기 > 명령 팔레트 선택하고 pythonselect 입력하여 python select interpreter에서 좀 전에 생성한 가상환경 폴더의 /scripts 아래 python.exe를 선택함
- 다시 명령 팔레트 선택하고 Tasks:Configure Task 선택 > 그다음에 create task json 선택하고 others를 눌러서 파일이 생성됨
- 기본 설정을 카피한다.
{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
            "label": "Project Label",
            "type": "shell",
            "command": "python",
            "args": [
                "$(file)"
            ],
            "presentation": {
                "reveal": "always",            
                "panel": "new"
            },
            "options": {
                "env": {
                    "PYTHONEIOENCODING":"UTF-8"
                }
            },
            "group": {
                "kind": "build",
                "isDefault": true
            }
        }
    ]
}

// 객체활용 연관 텍스트 출력 함수
function AnimalSound(text)
{
  const Animal = {
    dog: '멍멍',
    cat: '야옹',
    bird: '짹짹',
  };

  return Animal[text] || '...not definded animal';
}


console.log(AnimalSound('dog'));

o 상대경로
./  : 현재 파일의 디렉토리(생략가능)
../ : 현재 파일의 디렉토리 밖

<img src="./assets/images/xxx.jpg"..>와 <img src="assets/images/xxx.jps..>는 동일하다.

거짓의 맹점은 끝내 일관성을만들 수 없다.

나의 언어의 한계는 즉 세계의 한계라는 것이다. (비트겐슈타인)

약어로 랩핑: ctrl p 이후 “ > wrap “ 입력
단축키 검색: “열린 따옴표만 입력

VS Code에서 Python 가상환경 설정하기 

1. VS Code 실행
2. VS Code > command prompt 실행
3. cmd 창에서 "python -m venv myvenv" 실행하여 가상환경 하나 만듦
-> myvenv 폴더가 만들어짐
4. cmd 창에서 "myvenv\Scripts\activate" 가상환경 실행
- 프로프트가 달라짐
- "pip list" ==> 모듈 설치 현황 보기
- "pip install requests"
5. 가상환경 실행 설정
- VS Code > File > Preference > Setting 선택하고
  오른쪽 창 상단에 있는 "Open Settings (JSON)" 아이콘을 클릭하여 설정값 추가
- "terminal.integrated.shell.windows":"C:\\Windows\\System32\\cmd.exe"
- 위의 입력하고 VS Code 종료하고
- myvenv 아래의 py파일을 실행하면(run without debugging)
(myvenv) C:\python_basic> 과 같이 cursor가 보여짐


_______________________________________

"python.analysis.extraPaths": ["./myvenv/chapter8","./myvenv/startcoding" ],   <======== 패키지 path 설정

stock_a  = {"삼성전자": 1000, "LG전자":2000, "애플":10000}

for item in stock_a.items():
   print(item)
   print(f"{item[0]} : {item[1]}")

for key in stock_a.keys():
    print(key)

for value in stock_a.values():
    print(value)

#패킹
numbers= 1,3,6

#언패킹
a,b,c = numbers


x = list(range(5))
y= tuple(x)