본문 바로가기

전체 글86

1주차(4) 웹개발 강의: 자바스크립트(javascript) 자바스크립트(javascript)는 브라우저가 알아듣는 프로그래밍 언어이다. 안에 를 만들어 그 안에 자바스크립트를 작성한다. 브라우저에서 검사를 눌렀을 때 뜨는 console과 동일하다 **자바스크립트 기초문법 자바스크립트 기초문법에는 변수, 자료형(숫자,문자), 함수, 조건문(if, else), 반복문(repeat)등이 있다. 기본적으로 변수가 있고 여러 함수에 대입을 하여 사용할 수 있다. * let 변수선언 :'~라고 하자!' 라고 변수를 선언하는 코드이다.(변할 수 있는 값) let 다음 a=2라고 했을 때 a를 물어보면 2로 대답을 하는 원리. 변수들은 사칙연산(+,-,*,/,%...), 문자열 더하기가 가능하다. 문자열이 들어갈 때는 '~'또는 "~" 따옴표로 감싸준다.(String형식) l.. 2021. 12. 17.
1주차(3) 웹개발 강의: 부트스트랩 부트스트랩(Bootstrap): 예쁜 CSS모음집이다. CSS분리처럼, 인터넷에서 완성된 CSS를 끌어와서 사용한다는 장점이 있다. 예를 들면, 색이라던가, 기능등을 내가 굳이 수정하지 않아도 마음에 드는 CSS를 골라 사용할 수 있다. 아래의 html템플릿을 넣으면 부트스트랩을 시작할 수 있다. 부트스트랩 링크: https://getbootstrap.com/docs/5.0/components/buttons/ 이걸로 시작해보죠! 2021. 12. 16.
1주차(2) 웹개발 강의: 구글웹폰트/주석달기/CSS파일분리 구글웹폰트 활용하기 아래 링크를 클릭하면 사용할 수 있는 웹폰트가 나온다. 원하는 폰트를 클릭하고 'select this style'을 선택하고 모음아이콘을 선택하면 내가 선택한 폰트 목록이 뜬다. 여기서 태그는 사이에, 해당하는 폰트의 CSS는 사이 *{ 구글웹폰트CSS} 붙여준다. https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 주석달기 사용하고 싶지 않은 태그를 숨겨둘 때, 또는 설명을 붙여둘 때 Ctrl + / 를 눌러 비활성화 시킨다. 다시 풀 때도 똑같이 누른다. 을 비활성화 시키면 * CSS.. 2021. 12. 16.
1주차(1) 웹개발 강의: HTML, CSS HTML, CSS HTML: 뼈대 / CSS: 꾸미기 / Javascript: 움직임 구현 HTML은 안에 을 넣어서 사용한다. css를 적용할 html 태그에 이름을 붙여주고 class="이름", 에서 .클래스이름{ } 안에 CSS를 넣어 사용한다. 자주 쓰이는 CSS *꼭 외워서 사용하지 않아도 구글링해서 찾아써도 된다. 하지만 많이 쓰이는 것들은 외워두면 좋다. CSS입력이 끝나면 ;(세미콜론)을 붙여준다. 배경관련CSS background-color background-image background-size background-position display: flex; flex-direction: column or row; justify-content: center; align-items: cen.. 2021. 12. 16.
파이참) 소스코드 정리하기 단축키 알아두면 좋은 파이참 단축키 Ctrl+L >> 소스코드 전체 정리 Ctrl+I >> 줄단위 정리 2021. 12. 16.
파이썬 크롤링하기(웹스크래핑) 3주차 과제 지니뮤직사이트 순위/제목/가수 스크래핑하기 뷰티풀숩을 이용해 셀렉트하고 카피를 해두면 편리하다. 스크래핑할 내용 한 개 찾기 .select_one() 여러개 찾기 .select data = requests.get('https://www.genie.co.kr/chart/top200?ditc=M&rtm=N&ymd=20210701',headers=headers) soup = BeautifulSoup(data.text, 'html.parser') #body-content > div.newest-list > div > table > tbody > tr:nth-child(1) > td.number #body-content > div.newest-list > div > table > tbody > tr:nth-chi.. 2021. 12. 15.
파이썬 크롤링하기(웹스크래핑) **BS4/BeautifulSoup을 이용한 크롤링(웹스크래핑) 연습예제 검사하기에서 코드를 구분할 줄 알아야한다. 전체 끌어올때는 soup.select 한가지만 끌어올때는 select_one != is not 위의 두 가지는 같은 의미이다. is not 이 조금 더 직관적으로 보일 뿐! .text 와 ['']는 print쪽이 아닌 for문쪽에 붙어도 실행이 된다. 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'} dat.. 2021. 12. 15.
파이썬 패키지사용 예제 -requests 라이브러리 사용 (Ajax와 같은 기능으로 라이브러리에서 끌어오는 개념) if문법 사용시 뒤에 붙는 ":"를 잊지말자! import requests # 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['IDEX_MVL'] gu_mise2 = row['IDEX_NM'] if gu_mise < 70: print(gu_name, gu_mise2) 2021. 12. 15.
Ajax 팬명록에 온도 적용하기 Ajax는 굳이 암기하지 않아도 끌어와서 사용해도 된다! 아래 코드에서 기온을 적용할때 태그사용, 으로 일정부분 담아준 뒤에 아이디를 붙였다. -이미지url을 적용시킬때는: $('#아이디').attr("src",이미지url) -텍스트를 적용시킬때는 S('#아이디').txt("텍스트") BTS 팬명록 현재기온 : 00.00도 닉네임 응원댓글 응원남기기 새로운 앨범 너무 멋져요 ! 아미1 새로운 앨범 너무 멋져요 ! 아미2 새로운 앨범 너무 멋져요 ! 아미3 2021. 12. 14.