![[왕초보] 비개발자를 위한, 웹개발 종합반 4주차](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FLMiXS%2FbtrPIX1ALQg%2Fv3f9DaHPrbXXfxjebXSlDK%2Fimg.png)
[ 4주차 오늘 배울 것 ] 1. 오늘 배울 것 이야기- 4주차: Flask, 미니프로젝트1, 미니프로젝트2 오늘은 HTML과 mongoDB까지 연동해서 서버를 만들어봅니다! 나중에 또 이야기하겠지만 헷갈리면 안되는 것! 우리는 컴퓨터가 한 대 잖아요... 그래서 같은 컴퓨터에다 서버도 만들고, 요청도 할 거예요. 즉, 클라이언트 = 서버가 되는 것이죠. 이것을 바로 "로컬 개발환경"이라고 한답니다! 그림으로 보면, 대략 이렇습니다. 그치만 우리는 mongoDB Atlas라는 클라우드 서비스를 이용하니, 아래와 같겠죠! 2. sparta 폴더 → projects 폴더 아래에, 다섯개 만들고 시작하기 prac : "flask 연습 코드를 작성합니다." (오늘) mars : "화성땅공동구매" 관련 코드를 작..
![[왕초보] 비개발자를 위한, 웹개발 종합반 3주차 숙제](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbJi51s%2FbtrPEoEEeJr%2F1gxo9ukMni3GR61GBwetOK%2Fimg.png)
지니뮤직의 1~50위 곡을 스크래핑 해보세요. 지니뮤직 사이트 : https://www.genie.co.kr/chart/top200?ditc=M&rtm=N&ymd=20210701 순위 / 곡 제목 / 가수를 스크래핑 하면 됩니다. 힌트: 0) 출력 할 때는 print(rank, title, artist) 하면 됩니다! 1) 앞에서 두 글자만 끊기! text[0:2] 를 써보세요! 2) 순위와 곡제목이 깔끔하게 나오지 않을 거예요. 옆에 여백이 있다던가, 다른 글씨도 나온다던가.. 파이썬 내장 함수인 strip()을 잘 연구해보세요! [ 결과물 ] import requests from bs4 import BeautifulSoup headers = {'User-Agent' : 'Mozilla/5.0 (Win..
![[왕초보] 비개발자를 위한, 웹개발 종합반 3주차](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdQgvij%2FbtrPthFf6Ez%2Frk8CKCUPu6iJy4fp4gUDv0%2Fimg.png)
[ Python ] 1. 링크를 눌러 다운로드. 반드시 Python 3.8.6 버전을 설치. (3.9는 너무 최신 버전이라 오작동 하는 라이브러리들이 있음) 다운로드된 파이썬 파일을 열어 설치. 주의) Add Python 3.8 to PATH에 체크해야 함 2. (윈도우만) Git bash - 맥은 다운받지 않아도 됨 https://git-scm.com/ 클릭 후 다운로드 받은 설치 파일을 열어서 설치를 진행 모두 next → next → next .. 해서 설치하면 아래와 같이 완료 [ Ajax 복습하기 ] 스파르타피디아에 OpenAPI 붙여보기 스파르타피디아 API(GET) : http://spartacodingclub.shop/web/api/movie - 2주차에 완성했던 스파르타 피디아 사용 내 ..
![[왕초보] 비개발자를 위한, 웹개발 종합반 2주차 숙제](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F2b0pU%2FbtrPtjIIzrQ%2F3zpTk1IQ4MHUVHgXPwPREK%2Fimg.png)
1주차에 완성한 팬명록에 날씨 정보를 넣자! 로딩이 완료되면,날씨API을 이용해서 날씨를 표시. 날씨 API : http://spartacodingclub.shop/sparta_api/weather/seoul 내가 한 것 : 김재원 팬명록💖 현재기온 : 24.11도🔥 닉네임 응원댓글 응원 남기기 새로운 작품 너무 멋져요! 민민 드림메이커 역할 너무 찰떡...💖💖💘 김재원 처돌이 뒤로맨스 같은거 다시 한 번 찍어줬으면...ㅠㅠ 다정한 김재원 숙제 해설 십센치(10cm) 팬명록 현재기온: 36도 닉네임 응원댓글 응원 남기기 새로운 앨범 너무 멋져요! 호빵맨 새로운 앨범 너무 멋져요! 호빵맨 새로운 앨범 너무 멋져요! 호빵맨
![[왕초보] 비개발자를 위한, 웹개발 종합반 2주차](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FnQtuu%2FbtrPivDPzwa%2FWUDudHNGEutAmpGvoRBqMK%2Fimg.png)
[ 자바스크립트 복습 예제 ] - 홀짝 판별 onclick 함수 만들어보기 내 생에 최고의 영화들 영화 기록하기🔥 [ JQuery ] html의 요소들을 조작하는, 편리한 javascript를 미리 작성해둔 것. 라이브러리. 전문 개발자들이 짜둔 코드를 잘 가져와서 사용하는 것(쓰기 전에 "임포트"를 해야함) Javascript로도 모든 기능(예 - 버튼 글씨 바꾸기 등)을 구현할 수는 있지만, 코드가 복잡하고, 브라우저 간 호환성 문제도 고려해야해서, jQuery라는 라이브러리가 등장. Javascript로 길고 복잡하게 써야 하는 것을 jQuery로 보다 직관적으로 쓸 수 있음 document.getElementById("element").style.display = "none"; ↓↓↓↓ docum..
![[왕초보] 비개발자를 위한, 웹개발 종합반 1주차 숙제](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FclLr53%2FbtrPfXF7wic%2FKAp0TpmZbBZRMCppsMlGUK%2Fimg.jpg)
내가 한 것 : 김재원 팬명록💖 김재원 얼굴에 빠지기🔥 닉네임 응원댓글 응원 남기기 새로운 작품 너무 멋져요! 민민 드림메이커 역할 너무 찰떡...💖💖💘 김재원 처돌이 뒤로맨스 같은거 다시 한 번 찍어줬으면...ㅠㅠ 다정한 김재원 숙제 해설 : 십센치(10cm) 팬명록 닉네임 응원댓글 응원 남기기 새로운 앨범 너무 멋져요! 호빵맨 새로운 앨범 너무 멋져요! 호빵맨 새로운 앨범 너무 멋져요! 호빵맨