1️⃣ 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 javascript 문법 기초 내용 구구단, 수상자 뽑기, 3의 배수 코딩해보기 2️⃣ 기초 문법 내용 요약 1. 웹 만들기 할 때, js 어디에 써? (작성 위치 및 연결) 1) 작성 위치 태그 밑에 써 2) 연결방법 1. . 태그 사이에 쓴다. 2. . 태그에 연결 %% 연결 코드 👇%% 2. 변수 사용시 주의할 것 - 사용시 주의할 것 1. '선언자' 가 없으면 전역변수. 2. '선언자' 를 반드시 활용 3. let vs var 는 '재선언 가능 여부' 4. let 를 주로 쓸 것 ⭐⭐⭐⭐⭐ 변수란? [변수란?] - 데이터를 가르키는 주소 - 이 주소를 따라가면 - 데이터가 있음 - 변수는 데이터를 저장 - 주소를 알면 -> 데이터를 ..

1️⃣ 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 merge 및 협업 방식 2️⃣ 요약 1. 요약 1) git 설치 및 pull, push (지난 포스팅 중복) [1️⃣ pull] 1. '작업 하고자 하는 폴더(로컬 pc 의 폴더, vs code 에서 연 폴더)' 와 'terminal 폴더(teminal 이 가리키고 있는 폴더)' 일치 시키기 2. 깃 파일 만들기 git init 3. 원격 저장소 연결 git remote add origin https://github.com/JEONGDEOKJIN/230306.git 3.1 오류 발생 해결 git remote remove origin git remote add origin 4. pull 명령어 git pull origin master [2️..

git 활용해서 1️⃣ pull 2️⃣ push 해보기 1. git 이란 형상 관리 도구 중 하나 형상 관리 도구란 '버전 관리 시스템' ex) 버전 1, 버전 2, 등등 작업하면서, 작업의 리스트를 관리할 수 있다. 2. 주의할 점 작업을 망치지 않으려면, 무조건, pull -> push 순서로 해야 함. ⭐⭐⭐⭐⭐ (무조건 절대 원칙) git 은 굉장히 조심해서 다뤄야 함. 3. [명령어 요약] ⭐⭐⭐⭐⭐ [1️⃣ pull] 1. '작업 하고자 하는 폴더' 와 'terminal 폴더' 일치 시키기 2. 깃 파일 만들기 git init 3. 원격 저장소 연결 git remote add origin https://github.com/JEONGDEOKJIN/230306.git 3.1 오류 발생 해결 git..

transform 태그 1. 기능 위치, 크기, 각도 등을 변경할 수 있어 위치변경은 position 과 비슷한 기능일 수도. 차이점은 뭘까 ?? #❓❓❓_질문하고싶음_모르겠음 기본 코드 /* box 클래스 안에 있는 img 에 대해 transform 속성 주기 */ .box img { /* transform : translate(x축, y축) 해당 태그의 위치를 이동시켜준다. */ transform: translate(50px, 100px); } transform 결과 - 하나의 축 으로만 이동하게 할 수 있음. ⭐️⭐️⭐️⭐️⭐️ #🤟_배운것_WIL .box2 img { /* y축 없고, x 축만 이동 */ transform: translateX(100px); } .box2 img { /* y 축으로..

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..