221101 화요일 TIL

1. 오늘 한 것

- 웹개발 종합반 강의 3주차 완강

    - MongoDB 사용법

    - 파이참 버전오류 때문에 시간 지체됨

import requests
from bs4 import BeautifulSoup

headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'}
data = requests.get('https://movie.naver.com/movie/sdb/rank/rmovie.naver?sel=pnt&date=20210829',headers=headers)

soup = BeautifulSoup(data.text, 'html.parser')

#print(soup)

title = soup.select_one('#old_content > table > tbody > tr:nth-child(2) > td.title > div > a')
#print(title)
#print(title['href'])

movies = soup.select('#old_content > table > tbody > tr')
#print(movies)

for movie in movies:
    a = movie.select_one('td.title > div > a')
    if a is not None:
        print(a.text)

    - BeautifulSoup 활용 웹크롤링 예제

 

- 개인페이지 작성

    - 부트스트랩 활용, 반응형 네비게이션 바 생성

<div class="container-fluid">
<button
    class="navbar-toggler"
    type="button"
    data-toggle="collapse"
    data-target="#collapsibleNavbar">
	<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
	<ul class="navbar-nav">
        <li class="nav-item active"">
            <a class="nav-link" href="#">Home</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="https://spartaspring.tistory.com/" target="_blank">TIL blog</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="https://github.com/leejiseop" target="_blank">Github</a>
		</li>
	</ul>
</div>
</div>

    - (부트스트랩) <button> 태그의 data-target 속성에

      네비게이션 바 메뉴 <ul>을 통째로 묶은 <div>의 id를 할당하여

      반응형 메뉴버튼을 만든다.

    - 추후에 부트스트랩 없이 순수 CSS와 JS만으로 해당 기능을 다시 구현해봐야겠다.

- VSC 설치

2. 취침 전 목표

- 웹개발 종합반 4주차까지 완강 +a

3. 내일 할 것

- CSS flex, grid 개념 복습

    - https://studiomeal.com/archives/197

이번에야말로 CSS Flex를 익혀보자

- 개인페이지 디자인 마무리

- 개인페이지 하단에 방명록 기능 추가 (MongoDB 활용)

4. 느낀점

- 시연영상 촬영 역할을 맡게 되었다. 프로젝트의 전체적인 부분을 더 꼼꼼히 파악해야겠다.

- (웹개발 종합반 3주차) MongoDB 사용법이 생각보다 어렵지 않았다.

    - 물론 깊게 들어가면 심오한 내용들도 많겠지만, 처음부터 지레 겁먹고 어렵게 대하는 습관은 고쳐야겠다.

- 마구잡이로 CSS 작성하기보다, 헷갈리는 CSS 동작원리를 확실히 파악 후 작성해야겠다. 특히 가운데 정렬...

     - 꼬이면 꼬일수록 시간을 많이 잡아먹는다. HTML, CSS도 논리정연하게 작성할 것

- 부트스트랩 사용 시 margin이나 padding을 줄 수 있는 정도가 제한적이어서 아쉬웠다.

    - 부트스트랩은 일부만 활용하고 되도록 CSS를 직접 작성하여 디자인 하는 습관을 들여야겠다.

    - 그게 오히려 가독성도 더 좋을 것 같다.

- 웹캠 도착하니 팀과제가 훨씬 수월해진 느낌이다. 앞으로도 적극적으로 소통해야겠다.

5. 메모

- 수면시간 최소 6시간 30분 이상 유지하기

- 쉬는시간마다 꼭 전신 스트레칭