웹개발종합반 AWS EC2 서버에 내가 만든 웹페이지 올리기 Python, HTML, MongoDB 로 만든 나의 첫 웹페이지를 AWS EC2 서버를 활용하여 공개된 공간에 올려보자 아마존에서 리눅스 기반의 EC2 서버를 1년간 무료로 제공해준다 주의할점은 1년이 지나기 전에 인스턴스 중지 혹은 종료를 해야 추가적인 비용이 나가지 않고, 키페어 파일은 상당히 중요하므로 잃어버리지않도록 하자 또한 인스턴스를 재시작할때마다 IP 주소를 재할당하게된다 Gi... 스파르타코딩클럽gitawsec2웹개발종합반aws 웹개발종합반 1주차 강의-퀴즈 예전에 SW사관학교에 지원했던 이력이 있다. 최종면접에서 아쉽게 고배를 마셨지만 이번에 내일배움단, 내일배움캠프를 통해 역량을 쌓을 예정이다. 각설하고, 이전에 SW사관학교 코딩테스트 이전에 공부할 자료를 받아보았는데, 그 내용들이 웹개발 종합반 강의자료와 비슷한 것 같다. 그때는 사진을 집어 넣어서 로그인 페이지를 완성해보았는데 이번 퀴즈는 조금 더 간단했다. 완성한 코드와 페이지 사진은 ... 내일배움단스파르타코딩클럽웹개발종합반내일배움단 스파르타 웹개발 종합반 4주차 강의 개발일지 숙제에서 할 것 1) API 정보 만들기 2) API 정보 불러오기 -> 웹페이지에서 주문 정보를 입력하고 서버는 DB로 정보를 저장한다. -> 저장된 주문 정보 전체 리스트를 페이지 하단에 표시한다. 코드 1) app.py 2) index.html 마치며 처음에는 전체적인 그림이 보이지 않았고, 쉬웠던 숙제는 아니었다. 그래서 이전 연습 문제의 코드를 따라썼고 답안도 보면서 숙제를 했다. ... 스파르타코딩코딩웹개발종합반FlaskAPIAPI 스파르타 웹개발종합반 열째 날 일기(5-1~8) 좋아요(Update) 기능: 클라이언트에서 받은 이름(name_give)으로 찾아서 좋아요(like)를 증가 삭제(Delete) 기능: 클라이언트에서 받은 이름(name_give)으로 영화인을 찾고, 해당 영화인을 삭제 B. 서버가 제공할 기능 : 데이터베이스에 영화인 정보를 조회(Read)하고, 영화인 정보를 응답 데이터로 보냄 C. 응답 데이터 : (JSON 형식) 'stars_list'... 스파르타코딩코딩웹개발종합반FlaskAPIAPI 웹개발종합반 1주차 강의-1 HTML은 뼈대, CSS는 꾸미기! 👉 HTML은 구역과 텍스트를 나타내는 코드로, CSS는 잡은 구역을 꾸며주는 것으로 생각합니다. HTML 내 style 속성으로 꾸미기를 할 수 있지만, 긴 세월동안 이것을 한데 모아 볼 수 있는 CSS 파일이 탄생하게 되었습니다. HTML 코드 내에 CSS 파일을 불러와서 적용합니다. html 코드 기초... spartacodingclub웹개발종합반내일배움단spartacodingclub [마코의 공부일지] 웹개발 종합반 2주차 후기(3) jquery와 ajax를 활용하기 새로 배운 html ajax 활용 2 현재 서울시 따릉이 대여소 자전거 현황 *let temp_html = `` 쓰는거 잊지 말자(''가 아님) api 받아서 사진과 텍스트 바꾸기 이건 다른 것도 다시 만들어보고 싶은데 이미지 api 받을 곳이 없어서 연습할 방법이...마땅치 않은 느낌이다 흑... 과제 <팬명록에 실시간 서울 날씨 올리기> 해설 영상 안보고... 코딩공부웹개발종합반스파르타코딩클럽마코의공부일지2주차2주차 Week04. Framework 라이브러리: 공구함으로 비유 가능. 단순 활용 가능한 도구들의 집합. 프레임워크: 차, 비행기 등의 운송수단. 뼈대 역할. 자주 쓰일만한 기능을 모은 유틸들의 모음집. 시작코드 입력 필요 시작코드 입력 시, localhost:5000으로 접속 가능. 여기서 5000은 포트번호로써 임의로 지정 가능하나 보통 정해져있음. HTML 파일 불러오기 위와 같이 시작코드를 입력해 서버 생성 후, 하기 ... 웹개발종합반웹개발종합반 Week02. AJAX ★너무 꼬치꼬치 파고 들어가진 말기 서버와 클라이언트 서버-클라이언트 통신 클라이언트: 간단하게 말해서 웹에 접근하는 단말기 서버: 웹페이지를 저장하는 컴퓨터. 클라이언트의 요청을 받아 처리 서버->클라이언트: JavaScriptObjectNotion(JSON) 네트워크를 통해 데이터를 주고 받는데 사용되는 데이터 형식 Dict&List와 유사한 형식을 띄고 있음 클라이언트->서버 Post:... 웹개발종합반웹개발종합반 스파르타 웹개발종합반 여덟째 날 일지(4-1~7) 2개의 프로젝트: 모두의 책리뷰, 나홀로 메모장 수업목표 Flask 프레임워크를 활용해서 API를 만들 수 있다. '모두의책리뷰' API를 만들고 클라이언트에 연결한다. '나홀로메모장' API를 만들고 클라이언트와 연결한다. Flask 시작하기 1) Flask 기초: Flask 서버를 만들 때(항상) 프로젝트 폴더 안에, ㄴstatic 폴더 (이미지, css파일을 넣어둡니다) ㄴtemplat... Flask스파르타코딩API코딩웹개발종합반API 스파르타 웹개발종합반 여덟째 날 일지(4-8~16) ① 클라이언트와 서버연결 확인 ② 서버부터 만들기 ③ 클라이언트 만들기 1) 클라이언트와 서버연결 확인 <서버 코드(app.py)> <클라이언트 코드(index.html)> '리뷰 시작하기' 버튼을 눌렀을 때, '리뷰가 성공적으로 작성되었습니다.' 라는 내용의 alert창이 뜨면 클라이언트 코드와 서버 코드가 연결 되어있는 것입니다. 2) 서버부터 만들기 API를 먼저 만들어보죠! API 기... Flask스파르타코딩API코딩연습웹개발종합반API [스파르타코딩클럽] 웹개발 종합반 - 2주차(3) 1-1.따릉이 현황 나타내기 나의 코드 ❌ let temp_html 바로 전에 풀었던 미세먼지 지수 퀴즈를 그대로 응용하는 문제였는데 그거 보면서 그 코드를 그대로 따라 쓰는 바람에 틀리고 말았다. 미세먼지 따릉이 미세먼지는 names-q1 안에 li 하나의 코드만 있지만 따릉이는 tr 안에 td가 있는 이중구조였다는 걸 간과한 것이다. 그래서 미세먼지는 temt_html에 li 코드 하나만... 개발일지스파르타코딩클럽ajax웹개발종합반ajax [스파르타코딩클럽] 웹개발 종합반 - 5주차(1) 이번 시간에 할 것 ① 네이버 영화인 랭킹 페이지 크롤링 ② 크롤링한 정보를 바탕으로 좋아요 반영(POST) ③ 좋아요수대로 정렬(GET) ①은 여러번 다뤘기 때문에 이번 오늘은 ②와 ③만 다룰 것이다. 1-Ⅰ.서버 이전 시간에 배운 내용을 토대로 작성한 GET API 코드 이번 프로젝트의 목표는 단순한 정보 호출이 아니라 특정값을 기준으로 정렬하는 것이므로 pymongo의 sort를 이용 ... 스파르타코딩클럽웹개발종합반스파르타코딩클럽 스파르타코딩클럽 2주차 개발일지 jQuery란? HTML의 요소를 조작하는, 편리한 Javascript를 미리 작성해둔 것 (라이브러리) jQuery와 Javascript 비교 Javascript - 길고 복잡하게 써야함 jQuery - 보다 직관적 ✅ jQuery를 사용하려면 <head> 에 import를 해야함!! input 박스의 값 가져오기 div 보이기 / 숨기기 css 값 가져오기 태그 내 텍스트 입력하기 태그 ... 스파르타코딩클럽내일배움단개발일지스파르타코딩클럽웹개발종합반WILWIL [스파르타코딩클럽] 웹개발 종합반 - 2주차(4) 해설영상 안 보고 성공해서 대흥분 상태였는데 해설영상 보니까...어째.. 내가 짠 코드랑 많이 다르다...☺️ 해설 나의 코드 오 body부터 틀렸는데~~ 사실 겉에 감싸는 태그로 p를 쓸까 했는데 그 위의 정보를 전부 span으로 쓰는 바람에 p를 쓰면 몬가...문단 간격이 안 맞지는 않을까 하는 그런 조바심에 span을 썼건만...개쓰잘데기 없는 걱정이었던 걸로😄 환율 출력하는 코드도 i... JavaScript스파르타코딩클럽jquery개발일지웹개발종합반JavaScript
AWS EC2 서버에 내가 만든 웹페이지 올리기 Python, HTML, MongoDB 로 만든 나의 첫 웹페이지를 AWS EC2 서버를 활용하여 공개된 공간에 올려보자 아마존에서 리눅스 기반의 EC2 서버를 1년간 무료로 제공해준다 주의할점은 1년이 지나기 전에 인스턴스 중지 혹은 종료를 해야 추가적인 비용이 나가지 않고, 키페어 파일은 상당히 중요하므로 잃어버리지않도록 하자 또한 인스턴스를 재시작할때마다 IP 주소를 재할당하게된다 Gi... 스파르타코딩클럽gitawsec2웹개발종합반aws 웹개발종합반 1주차 강의-퀴즈 예전에 SW사관학교에 지원했던 이력이 있다. 최종면접에서 아쉽게 고배를 마셨지만 이번에 내일배움단, 내일배움캠프를 통해 역량을 쌓을 예정이다. 각설하고, 이전에 SW사관학교 코딩테스트 이전에 공부할 자료를 받아보았는데, 그 내용들이 웹개발 종합반 강의자료와 비슷한 것 같다. 그때는 사진을 집어 넣어서 로그인 페이지를 완성해보았는데 이번 퀴즈는 조금 더 간단했다. 완성한 코드와 페이지 사진은 ... 내일배움단스파르타코딩클럽웹개발종합반내일배움단 스파르타 웹개발 종합반 4주차 강의 개발일지 숙제에서 할 것 1) API 정보 만들기 2) API 정보 불러오기 -> 웹페이지에서 주문 정보를 입력하고 서버는 DB로 정보를 저장한다. -> 저장된 주문 정보 전체 리스트를 페이지 하단에 표시한다. 코드 1) app.py 2) index.html 마치며 처음에는 전체적인 그림이 보이지 않았고, 쉬웠던 숙제는 아니었다. 그래서 이전 연습 문제의 코드를 따라썼고 답안도 보면서 숙제를 했다. ... 스파르타코딩코딩웹개발종합반FlaskAPIAPI 스파르타 웹개발종합반 열째 날 일기(5-1~8) 좋아요(Update) 기능: 클라이언트에서 받은 이름(name_give)으로 찾아서 좋아요(like)를 증가 삭제(Delete) 기능: 클라이언트에서 받은 이름(name_give)으로 영화인을 찾고, 해당 영화인을 삭제 B. 서버가 제공할 기능 : 데이터베이스에 영화인 정보를 조회(Read)하고, 영화인 정보를 응답 데이터로 보냄 C. 응답 데이터 : (JSON 형식) 'stars_list'... 스파르타코딩코딩웹개발종합반FlaskAPIAPI 웹개발종합반 1주차 강의-1 HTML은 뼈대, CSS는 꾸미기! 👉 HTML은 구역과 텍스트를 나타내는 코드로, CSS는 잡은 구역을 꾸며주는 것으로 생각합니다. HTML 내 style 속성으로 꾸미기를 할 수 있지만, 긴 세월동안 이것을 한데 모아 볼 수 있는 CSS 파일이 탄생하게 되었습니다. HTML 코드 내에 CSS 파일을 불러와서 적용합니다. html 코드 기초... spartacodingclub웹개발종합반내일배움단spartacodingclub [마코의 공부일지] 웹개발 종합반 2주차 후기(3) jquery와 ajax를 활용하기 새로 배운 html ajax 활용 2 현재 서울시 따릉이 대여소 자전거 현황 *let temp_html = `` 쓰는거 잊지 말자(''가 아님) api 받아서 사진과 텍스트 바꾸기 이건 다른 것도 다시 만들어보고 싶은데 이미지 api 받을 곳이 없어서 연습할 방법이...마땅치 않은 느낌이다 흑... 과제 <팬명록에 실시간 서울 날씨 올리기> 해설 영상 안보고... 코딩공부웹개발종합반스파르타코딩클럽마코의공부일지2주차2주차 Week04. Framework 라이브러리: 공구함으로 비유 가능. 단순 활용 가능한 도구들의 집합. 프레임워크: 차, 비행기 등의 운송수단. 뼈대 역할. 자주 쓰일만한 기능을 모은 유틸들의 모음집. 시작코드 입력 필요 시작코드 입력 시, localhost:5000으로 접속 가능. 여기서 5000은 포트번호로써 임의로 지정 가능하나 보통 정해져있음. HTML 파일 불러오기 위와 같이 시작코드를 입력해 서버 생성 후, 하기 ... 웹개발종합반웹개발종합반 Week02. AJAX ★너무 꼬치꼬치 파고 들어가진 말기 서버와 클라이언트 서버-클라이언트 통신 클라이언트: 간단하게 말해서 웹에 접근하는 단말기 서버: 웹페이지를 저장하는 컴퓨터. 클라이언트의 요청을 받아 처리 서버->클라이언트: JavaScriptObjectNotion(JSON) 네트워크를 통해 데이터를 주고 받는데 사용되는 데이터 형식 Dict&List와 유사한 형식을 띄고 있음 클라이언트->서버 Post:... 웹개발종합반웹개발종합반 스파르타 웹개발종합반 여덟째 날 일지(4-1~7) 2개의 프로젝트: 모두의 책리뷰, 나홀로 메모장 수업목표 Flask 프레임워크를 활용해서 API를 만들 수 있다. '모두의책리뷰' API를 만들고 클라이언트에 연결한다. '나홀로메모장' API를 만들고 클라이언트와 연결한다. Flask 시작하기 1) Flask 기초: Flask 서버를 만들 때(항상) 프로젝트 폴더 안에, ㄴstatic 폴더 (이미지, css파일을 넣어둡니다) ㄴtemplat... Flask스파르타코딩API코딩웹개발종합반API 스파르타 웹개발종합반 여덟째 날 일지(4-8~16) ① 클라이언트와 서버연결 확인 ② 서버부터 만들기 ③ 클라이언트 만들기 1) 클라이언트와 서버연결 확인 <서버 코드(app.py)> <클라이언트 코드(index.html)> '리뷰 시작하기' 버튼을 눌렀을 때, '리뷰가 성공적으로 작성되었습니다.' 라는 내용의 alert창이 뜨면 클라이언트 코드와 서버 코드가 연결 되어있는 것입니다. 2) 서버부터 만들기 API를 먼저 만들어보죠! API 기... Flask스파르타코딩API코딩연습웹개발종합반API [스파르타코딩클럽] 웹개발 종합반 - 2주차(3) 1-1.따릉이 현황 나타내기 나의 코드 ❌ let temp_html 바로 전에 풀었던 미세먼지 지수 퀴즈를 그대로 응용하는 문제였는데 그거 보면서 그 코드를 그대로 따라 쓰는 바람에 틀리고 말았다. 미세먼지 따릉이 미세먼지는 names-q1 안에 li 하나의 코드만 있지만 따릉이는 tr 안에 td가 있는 이중구조였다는 걸 간과한 것이다. 그래서 미세먼지는 temt_html에 li 코드 하나만... 개발일지스파르타코딩클럽ajax웹개발종합반ajax [스파르타코딩클럽] 웹개발 종합반 - 5주차(1) 이번 시간에 할 것 ① 네이버 영화인 랭킹 페이지 크롤링 ② 크롤링한 정보를 바탕으로 좋아요 반영(POST) ③ 좋아요수대로 정렬(GET) ①은 여러번 다뤘기 때문에 이번 오늘은 ②와 ③만 다룰 것이다. 1-Ⅰ.서버 이전 시간에 배운 내용을 토대로 작성한 GET API 코드 이번 프로젝트의 목표는 단순한 정보 호출이 아니라 특정값을 기준으로 정렬하는 것이므로 pymongo의 sort를 이용 ... 스파르타코딩클럽웹개발종합반스파르타코딩클럽 스파르타코딩클럽 2주차 개발일지 jQuery란? HTML의 요소를 조작하는, 편리한 Javascript를 미리 작성해둔 것 (라이브러리) jQuery와 Javascript 비교 Javascript - 길고 복잡하게 써야함 jQuery - 보다 직관적 ✅ jQuery를 사용하려면 <head> 에 import를 해야함!! input 박스의 값 가져오기 div 보이기 / 숨기기 css 값 가져오기 태그 내 텍스트 입력하기 태그 ... 스파르타코딩클럽내일배움단개발일지스파르타코딩클럽웹개발종합반WILWIL [스파르타코딩클럽] 웹개발 종합반 - 2주차(4) 해설영상 안 보고 성공해서 대흥분 상태였는데 해설영상 보니까...어째.. 내가 짠 코드랑 많이 다르다...☺️ 해설 나의 코드 오 body부터 틀렸는데~~ 사실 겉에 감싸는 태그로 p를 쓸까 했는데 그 위의 정보를 전부 span으로 쓰는 바람에 p를 쓰면 몬가...문단 간격이 안 맞지는 않을까 하는 그런 조바심에 span을 썼건만...개쓰잘데기 없는 걱정이었던 걸로😄 환율 출력하는 코드도 i... JavaScript스파르타코딩클럽jquery개발일지웹개발종합반JavaScript