본문 바로가기

분류 전체보기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.
jQuery 연습(2-5) if 조건문의 사용은 조금 익숙해진 것 같다. jquery사용도 아직은 뭐가 뭔지 잘 모르겠지만, 요소를 끌어오고 값을 넣어주는데서 조금 흥미를 느꼈다. temp_html =`` 2021. 12. 14.
1주차 파이썬 문법 파이썬에서 가장 기본적인 것은 파이썬에서 사용하는 언어인 것 같다. 하나하나 변수를 입력하는 것보단 조금 어려워도 구글링하며 적절한 함수를 찾아내어 적용시키면 추후 코드를 변경할 때 더 편리하고 보기에도 깔끔하다. 나의실수: -(), [] 괄호의 활용을 기억하자 -문자열은 따옴표를 사용하자 -변수 파이썬에서 결과물을 추출하기 위해 변수라는 값이 지정되어있어야한다. 이때 결과를 얻기 위해 보여지는 코드는 print() -사칙연산 숫자를 이용해 사칙연산이 가능하다. 더하기 + 빼기 - 곱하기* 나누기/ 몫 // 나머지% 거듭제곱 ** -비교연산 >, 2021. 12. 14.
JQuery 자바스크립트의 긴 명령도 jquery로 간단하게 만들 수 있다. 라이브러리처럼 필요한 기능을 꺼내쓰는 Jquery 이 코드를 넣으면 간편하게 꺼내쓸 수 있다! $('#id'). val('입력') $('#id') >>> 'id'에 jquery를 적용하고 싶다. .val('입력') >>> value '입력'을 가져오고 싶다. jquery 적용시 id 지정을 해줘야 그 부분에 적용이 된다. class처럼 id에도 이름을 넣어주고 지정하는 것! alert 창띄우기 함수와 함께 사용하면 재미있는 실습이 가능하다. let temp_html = ` ` $('# ').append(temp_html) temp_html 어떤 것을 끌어와서 html처럼 사용하겠다. 끌어오고 추가할 때 사용한다. 백틱사용! 2021. 12. 14.
1.부트스트랩을 이용한 BTS팬명록만들기 부트스트랩을 이용하여 BTS팬명록만들기 로 정리하며 만들어야 나중에 수정하기에도 편한 것 같다. 단락을 잘 묶고 정리해야 스타일을 적용하기에 편리하다. 외울필요 없이 부트스트랩을 이용해서 다양한 기능을 끌어올 수 있는 점은 초보자에게 조금 머리가 식혀지는 부분인 것 같다. 다양한 폰트도 간편하게 넣어 사용할 수 있고, 이미지도 웹에서 쉽게 끌어올 수 있어 다양한 모습으로 응용이 가능하다. 다만 조금 까다롭고 어렵게 느껴졌던건 위치나 너비 맞추기이다. 아직도 익숙치가 않은데, 바깥여백을 다루는 margin과 안쪽 여백을 다루는 padding 그리고 상-우-하-좌 순의 입력방법도 많이 다뤄야 익숙해질 것 같다. 부트스트랩을 이용하더라도 내 것처럼 다루고 응용할 수 있어야한다고 느꼈다. BTS 팬명록 닉네임 .. 2021. 12. 14.
HTML, CSS, JAVASCRIPT HTML, CSS, JAVASCRIPT HTML은 전체적인 레이아웃을 보여주는 뼈대 HTML은 블록이나 구역을 정해 꾸밀 도화지라고 할 수 있다. 가장 기본적인 요소라고 생각한다. HTML이 있어야 살을 붙이고 움직임을 줄 수 있기때문에. CSS는 스타일을 주며 꾸며주는 역할 CSS는 글꼴, 색상, 이미지, 선 등 정해진 구역에 대한 꾸미기를 할 수 있다. JAVASCRIPT는 움직임을 구현하는 역할 자바스크립트는 이 모든것을 실행하는 역할이라고 할 수 있다. 브라우저는 이 세 가지를 모두 보여주는 창 2021. 12. 14.