웹 개발 종합반

드디어 개발자의 봄,spring 5주차 강의를 마치고,이전에 1회 완강한 웹개발 종합반 2회독으로 넘어왔다.항해99가 시작되려면 아직 한달가량 정도가 남아 스파르타코딩에서 제공하는 사전강의를 빠르게 한번 훑어보기 좋았다.간단하게 요약하면 처음부터 끝까지 토이프로젝트 4

먼저 F12키를 눌러 개발자도구를 클릭하여 네이버의 한 부분의 이름을 바꿔보는 실습으로 강의가 시작됐다.브라우저에서 하는 일은 첫째, 요청을 보내고, 둘째 받은 HTML 파일을 그려준다.우리는 서버가 만들어 놓은 API 라는 곳에 정해진 약속대로 요청을 보내는 것이다.

HTML은 뼈대, CSS는 꾸미기! 인스타그램에서 니꼴라스가 HTML과 CSS의 비유를 기가 막히게 들었던 기억이 있다.HTML은 민낯이고, CSS는 화장! 정말 적절한 비유인 것 같다.(나는 이런 비유를 좋아한다.)HTML은 크게 head와 body로 나뉜다.head

구글 폰트에서 마음에 드는 폰트를 클릭하여 적용시켜보자!https://fonts.google.com/?subset=korean마음에 드는 폰트를 골라 체크한 빨간 부분의 link와 아래의 font-family를 각 각 복사한다.위의 link 태그는 HTML h

부트스트랩은예쁜 CSS를 모아둔 것이다.head 안쪽에 link태그와 script 태그를 이용해서 BootStrap과 연결해준다.그리고 body태그에 아래 블럭 처리된 button 태그를 복사해서 붙여넣어보면이렇게 버튼이 생성된다.body 태그에는 아까 복사 붙여넣은

이 포스팅 박스를 부트스트랩으로 만들어보았다.작년에 부트스트랩 공부했을 때 도대체가 무슨 말인지 몰라서 많이 헤맸던 경험이 있다..원하는 템플릿만 잘 찾아서 넣으면 되는데...그게 그렇게 어려웠나보다..하나의 div 클래스를 만들어 한 묶음로 만들어주었다.부트스트랩에

자바스크립트의 기초 자바스크립트가 HTML과 어떻게 연동이 되는지 알아보았다. HTML연결. 버튼을 클릭하면 경고창이 뜨게하기! 함수 만들기 HTML 태그인 button에 javascript의 onclick 이벤트를 넣고 function hey() 함수를 실행시키면

jQuery HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리! jQuery는 미리 작성된 Javascript코드이기 때문에 import를 해줘야 함. > * jQuery CDN : https://www.w3schools.co

API 란?

문제실시간 서울시의 OpenAPI를 이용해서 모든 구의 미세먼지를 표기한다.업데이트 버튼을 누를 때마다 새로 업데이트가 된다.button은 onclick으로 q1() 함수로 연결된다.먼저기본 ajax 구조에서 "GET" 방식으로 하고 url을 넣어준다.rows 변수에

문제서울시 OpenAPI(실시간 따릉기 현황)를 이용하기모든 위치의 따릉이 현황을 보여주세요업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다.5대 미만은 빨간색으로 표시할 것!$.ajax({ type: "GET", ur

영화 평가가 담긴 카드섹션을 Ajax로 불러와봤다.포인트는 API를 사용 / 호출해서 필요한 데이터를 가져와 활용하는 것!필요한 정보인 제목, 내용, 이미지, 코멘트 그리고 별점!필요한 정보를 각 변수에 담아주고

먼저 크롤링을 하려면 2가지를 해야한다.원하는 웹페이지에 Request(요청) -> requests를 가지고 활용할 수 있다.F12를 눌러서 가지고 오고자하는 곳을 찍고 Elements 창에서 copy -> copy select를 한다.이렇게 복사를 해서 파이참에 붙여

혹시 나중에 MongDB를 쓸 일이 있다면... 구글에서 mongDB 검색 홈페이지 들어간 후 구글아이디로 로그인 create을 클릭하고, 번호대로 진행하자 물론 회사마다 다를 수 있다는거 명심! connect 를 들어가면 allow access from any

Flask 시작하기 Flask 패키지 설치! 파일 > 설정 > 인터프리터 Flask 규칙 Flask 서버를 만들 때, 항상, 프로젝트 폴더 안에, ㄴst

\*토이 프로젝트로 프론트 부분인 HTML과 서버 Flask가 통신할 수 있도록 API를 구축해본다.이 전에 포스팅했던 내용과 동일하게 새 프로젝트 생성 후, 설정을 해준다.Flask의 규칙에 맞게 설정을 하면 되는데이렇게 설치를 하고 인터프리터에서 flask, pym

프로젝트 세팅하기 flask, pymongo, dnspython, requests, bs4 패키지 설치templates안에 index.html static app.py ! 새프로젝트 시 위 환경설정은 필수! 크롤링할 때는 requests 와 bs4 패키지를 설치해야한다

https://filezilla-project.org/download.php클릭하면 끝! https://www.gabia.com/회원가입 후 로그인메인 홈페이지에 원하는 도메인명을 작성하고 검색을 누르면.shop으로 저렴하게 도메인을 구매할 수 있다.

프로젝트 세팅 새 프로젝트 생성 시에는 flask, pymongo, dnspython 을 기본적으로 설치를 하고 시작한다. flask의 규칙에 따라 static , templates 폴더를 만들어주고, templates에 html파일을 만들어준다. app.py도 만

https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2로그인하고\~~ 프리티어 1년 무료! 2개를 같이 하지않으면 됨.새 키 페어를 생성하고 바탕화면에 둘 것.<종료하

gitbash에서 서버를 켜준다! nohup python app.py &

https://firework-ham.tistory.com/68all_users = list(db.users.find({},{'\_id':False}))user = db.users.find_one({'name':'bobby'})db.users.update_on

키페어 생성 인스턴스 실행중 대기 gitBash 실행 ssh -i pem파일 ubuntu@public IP주소 yes EC2 https://velog.io/@johnyworld/ec2%EC%97%90-ssh-%EC%A0%91%EC%86%8D%EC%8B%9C-t

filezilla 에서 파일을 옮기고 gitbash에서 python app.py 실행pip install flaskpip install pymongopip install dnspython보안 > 인바운드 규칙 편집규칙추가해서 5000 , 80 port 열어주기 0.0.