1️⃣ 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 position CSS 유뷰브 썸네일들 만들기 호버 기능 ol - li 태그로 만든다는 것 iframe - `background.css` - 자식 태그 선택하는 것 ⭐⭐⭐ -  - 2️⃣ 해보기 1. 해보기 호버기능 개발자 모드에서 hover 확인 가능 오른쪽 에 나와있음. 2. 해보기 🤯 혼자서 만들어보기(미니 플젝, 과제) 만들고자 하는 것 06_유튜브_page_과제.html 여기에 만들기 작성한 코드 느낀점 wrap 레이아웃 잡을 때, 일일이 사이즈를 줘야 하나? 아 호버 기능은 구현 못 했네 교수님이 하신 것 봤을 때 content 이것도! ⭐⭐⭐⭐⭐ youtube.교수..

1️⃣ 이번 회차 학습 목표 (goal) 배우고자 하는 것 게시판 3개 만들어보기 css 및 html 기본 개념 2️⃣ 수업 내용 정리 [1교시] 개발자 도구에서 shift + 휠 활용해서 -> 수치 변경하기 '개발자 도구' 에서 -> 고쳐야 하는 부분 클릭 -> shift 누르고 + 마우스 휠 -> 10 단위 씩 수치가 변경함. 1. box sizing 기능 그냥 div 와 div 를 만들면 -> 딱 붙어 있게 됨 div + border 랑 div + border 주면 -> border 만큼 떨어져 있게 됨 box sizing 을 감싸주면 -> border 를 넣어도, 그 안으로 딱 들어가게 됨. ⭐⭐⭐⭐⭐ 예를 들어서 div 의 width 를 100 으로 주고, border (1px 임) 를 주면 -..

1️⃣ 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 태그의 필요성과 각종 태그의 기능 2️⃣ 태그 없어도 글씨는 보이는데 , 왜 굳이 태그를 달아야 하나? 1. '자료' 를 만들 때는, 반드시 태그 를 활용해야 함. 그래야, 코드만 봐도, '제목이구나.' 라고 '명확 하게 알 수 있음. 이것이 웹 표준 임. 글, 그림, 같은 '자료' 를 만들 때는 -> 그냥, 태그 없이 적을 수도 있음. 글, 그림, 같은 '자료' 를 만들 때는 -> 반드시 태그 를 활용해야 함. 왜 꼭 그래야 해? 태그가 없으면 -> '안녕하세요' 라는 글자의 존재목적이 뭔지 불분명. 제목인지, 단락인지, 불분명함. h1 태그가 있으면 -> 딱 봐도 제목! 이라는 걸 알 수 있음. ⭐⭐⭐⭐⭐ data 의 목적이 분명함 ⭐⭐..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 내 서비스가 인터넷에 살아있으려면, 뭐가 필요할까? Ⅱ. 해보기 1. 내 프로젝트를 서버에 올리기 localhost:5000 이게, 몇 가지 셋팅 만 더 해주면 -> 어디에서도 접근할 수 있는 진짜 서버다! 어디에서, 언제, 접근할 수 있으려면? 컴퓨터가 항상 켜져 있어야 함. 그리고 그 컴퓨터에서 프로그램이 실행되고 있어야함. ex) 내가 컴터를 키고 -> vscode 키고 -> app.py 를 실행하는 것 처럼 모두가 접근할 수 있는 공개 주소인 IP 주소(Public IP Address) 로 "누구나" 웹서비스에 접근할 수 있어야! 그럼 어떻게 해? 예전에는 진짜 컴터를 사서 -> 서버실 이라는데에 그냥 넣고 -> 계속 돌려놨었다고 함...

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 제목 & 평점 등을 가져오기 Ⅱ. 크롤링을 하려면 2가지를 해야 함 1. 해당 주소에 요청해서 해당 html 을 가져오는 것! 이 주소에 가서 html 을 가져와야 함. 이건 requests 를 가지고 이미 했음. 👉 즉, requests 패키지를 통해 html 을 가져오는 작업을 이미 했음. ⭐ 아, `requests` 를 통해 하는게 html 을 가져오는 거 구나! ⭐⭐⭐⭐⭐⭐ 2. 가져온 html 안에서 '제목' 을 찾으려면? : beautifulsoup 라이브러리 활용 1) beautifulsoup 설치 pip 업그레이드 python3 -m pip install --upgrade pip ❓ 이 업그레이드를 왜 해야 하는 거지? 아직 잘..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 설치한 requests 패키지 사용해보기 Ⅱ. 미세먼지 데이터 가져와서 분석해보기 1. 작동하는 코드 미세먼지 60 미만인 구 이름 찾아보기 import requests # requests 라이브러리 설치 필요 # 해당 api 에서 get 해서 r 에 담기 # 이러한 syntax 는 requests 라이브러리 만의 것임. r = requests.get('http://spartacodingclub.shop/sparta_api/seoulair') rjson = r.json() rows = rjson['RealtimeCityAir']['row'] for row in rows: gu_name = row['MSRSTE_NM'] gu_mise = row..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 패키지 (남들이 만들어놓은 라이브러리) 다운 받기 Ⅱ. 라이브러리 관리가 필요한 이유와 가상환경의 개념 1. 프로젝트별로 필요한 라이브러리(패키지) 가 다른 경우 회사에서 하는 프로젝트에서 필요한 라이브러리, 사이드 프로젝트로 진행하는 라이브러리가 각각 다른 경우가 있음. 2. 솔루션 : 각 라이브러리 꾸러미를 '독립된 공구함' 에 넣기 회사 프로젝트에 필요한 라이브러리 A,B,C, 는 -> '공구함 1' 사이드 프로젝트에 필요한 라이프러리 B,C,D 는 -> '공구함 2' 에 넣어두고, 필요할 때 마다 꺼내쓰면, 굳이 라이브러리를 추가로 설치하거나 할 일은 없을 것. 3. '독립된 공구함' = 가상 환경 = 격리된 실행환경 이렇게 '독립된 ..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 파이썬 문법 변수, 자료형, 함수, 조건문, 반복문 Ⅱ. 해보기 1. 숫자형, 문자열 변수, 덧셈 연산 예제 코드 # 숫자형_ 덧셈 연산 a = 2 b = 3 print(a+b) # 문자열_ 덧셈 연산 c = 'deokjin' d = 'jeong' print(c+d) 2. 리스트형_ 선언, 자료 추출, 값 추가 리스트형_선언 및 자료 추출 # 리스트형_자료 추출 a_list = ['사과', '배', '감'] print(a_list[0]) 리스트형_선언 및 값 추가 # 리스트형_값 추가 b_list = ['사과', '배', '감'] b_list.append('수박') print(b_list) 3. 딕셔너리형 값 선언 및 호출 예제 코드 # 딕셔..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 파이썬 기초 환경 셋팅 고민되는건 가상환경 때문에 노션 자동화 프로그램이 안 먹는건가 싶어서 연습했던걸 다 지워봄... Ⅱ. 해보기 1. 파이참에서 파이썬 기본 셋팅 새 프로젝트 설정하면 이렇게 창이 뜸 위치 : 내가 바탕화면에 잡아놓은 폴더로 들어가게 하기 가상 환경 위치 : 가상 환경도 내가 잡아놓은 폴더로 들어가게 하기 기본 인터프리터 : 3.8 로 되게 하기 ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐ 이건 파이썬 홈페이지에서 3.8 을 받았기 때문 main.py 웰컴 스크립트 생성은 해제 그러면, 이렇게 가상환경 까지 잘 설치가 됨. 이 가상환경에는 뭘 만들면 안 됨 안 보이는 애라고 생각하면 됨 비쥬얼 스튜디오 코드에서는 그냥 만들어짐 파이참이 아니라, ..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 만든것을 붙여놓기 Ⅱ. 해보기 1. 만들어진 DB 를 API 형태로 가져와서 확인 api 주소 http://spartacodingclub.shop/web/api/movie 만들어진 api 확인 2. 로딩 후 바로 console 에 '로딩이 잘 되었다.' 는 메시지 보이게 하기 [ajax 뼈대만들기] $(document).ready(function () { listing(); }); function listing() { console.log('화면 로딩 후 잘 실행되었습니다'); } 읽어보기 $(document).ready(function () { : 로딩 후 어떤 함수가 실행이 될거야. 그게 뭐야? listing(); : 리스팅 함수가 실행 ..