웹개발종합반 AWS EC2 서버에 내가 만든 웹페이지 올리기 Python, HTML, MongoDB 로 만든 나의 첫 웹페이지를 AWS EC2 서버를 활용하여 공개된 공간에 올려보자 아마존에서 리눅스 기반의 EC2 서버를 1년간 무료로 제공해준다 주의할점은 1년이 지나기 전에 인스턴스 중지 혹은 종료를 해야 추가적인 비용이 나가지 않고, 키페어 파일은 상당히 중요하므로 잃어버리지않도록 하자 또한 인스턴스를 재시작할때마다 IP 주소를 재할당하게된다 Gi... 스파르타코딩클럽gitawsec2웹개발종합반aws 웹개발종합반 1주차 강의-퀴즈 예전에 SW사관학교에 지원했던 이력이 있다. 최종면접에서 아쉽게 고배를 마셨지만 이번에 내일배움단, 내일배움캠프를 통해 역량을 쌓을 예정이다. 각설하고, 이전에 SW사관학교 코딩테스트 이전에 공부할 자료를 받아보았는데, 그 내용들이 웹개발 종합반 강의자료와 비슷한 것 같다. 그때는 사진을 집어 넣어서 로그인 페이지를 완성해보았는데 이번 퀴즈는 조금 더 간단했다. 완성한 코드와 페이지 사진은 ... 내일배움단스파르타코딩클럽웹개발종합반내일배움단 웹개발 종합반 1주차 강의-css 전시간의 퀴즈 코드에서 css를 활용하여 꾸며보자. css는 padding과 margin의 차이 padding은 내 지정공간 안으로 여백을 둔다. margin은 내 지정공간 밖으로 여백을 둔다. html은 글속성과 박스속성이 있다. 박스는 글과 달리 가로세로 개념이 존재 따라서 글을 박스로 강제로 묶어야한다. 그 방법이 바로 display: block; *주석은 ctrl + /를 하면 된다 ... 스파르타코딩클럽웹개발종합반내일배움단내일배움단 웹개발종합반 1주차-Quiz! 포스팅박스 앞의 과제에 포스팅 박스 추가 border : 테두리 작성 텍스트 박스 작성하는 법 <textarea +속성 등등> 간단 코멘트... 스파르타코딩클럽웹개발종합반내일배움단내일배움단 스파르타 웹개발 종합반 4주차 강의 개발일지 숙제에서 할 것 1) API 정보 만들기 2) API 정보 불러오기 -> 웹페이지에서 주문 정보를 입력하고 서버는 DB로 정보를 저장한다. -> 저장된 주문 정보 전체 리스트를 페이지 하단에 표시한다. 코드 1) app.py 2) index.html 마치며 처음에는 전체적인 그림이 보이지 않았고, 쉬웠던 숙제는 아니었다. 그래서 이전 연습 문제의 코드를 따라썼고 답안도 보면서 숙제를 했다. ... 스파르타코딩코딩웹개발종합반FlaskAPIAPI 스파르타코딩클럽 웹개발종합반 2주차 기록 및 강의리뷰(JQuery, Ajax) ● JQuery와 Ajax 시작하기 jQuery 란? 👉 Javascript로도 모든 기능을 구현할 수는 있지만, 1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서, **j**Query라는 라이브러리가 등장하게 되었다. jQuery와 Javascript - 코드 비교해보기 👉 jQuery는 Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript... 스파르타코딩클럽jqueryajax웹개발종합반ajax [마코의 공부일지] 웹개발 종합반 2주차 후기(3) jquery와 ajax를 활용하기 새로 배운 html ajax 활용 2 현재 서울시 따릉이 대여소 자전거 현황 *let temp_html = `` 쓰는거 잊지 말자(''가 아님) api 받아서 사진과 텍스트 바꾸기 이건 다른 것도 다시 만들어보고 싶은데 이미지 api 받을 곳이 없어서 연습할 방법이...마땅치 않은 느낌이다 흑... 과제 <팬명록에 실시간 서울 날씨 올리기> 해설 영상 안보고... 코딩공부웹개발종합반스파르타코딩클럽마코의공부일지2주차2주차 웹개발 종합반 3주차 - 파이썬 기초(1) 4강 - 파이썬 시작하기 Location으로 폴더 위치 확인하고, venv폴더까지 생성되는지 확인 오마클릭 - Python File클릭하면 파이썬 파일 만들 수 있음 5강 - 파이썬 기초공부 모든 문법을 외울 수는 없기때문에 구글링하는 습관을 들이는것이 중요하다. 원하는 값을 변수에 넣고 print하면 해당 값을 볼 수있다. 해당 오류는 선언되지않은 변수를 사용하여 생긴 오류이다. 원인을 찾... 스파르타코딩클럽파이썬기초웹개발종합반스파르타코딩클럽 Week04. Framework 라이브러리: 공구함으로 비유 가능. 단순 활용 가능한 도구들의 집합. 프레임워크: 차, 비행기 등의 운송수단. 뼈대 역할. 자주 쓰일만한 기능을 모은 유틸들의 모음집. 시작코드 입력 필요 시작코드 입력 시, localhost:5000으로 접속 가능. 여기서 5000은 포트번호로써 임의로 지정 가능하나 보통 정해져있음. HTML 파일 불러오기 위와 같이 시작코드를 입력해 서버 생성 후, 하기 ... 웹개발종합반웹개발종합반 Week03. Pymongo DB란? 데이터베이스의 약자로, 데이터를 쌓아두는 역할을 함. 저장해두었다가 필요시 적절히 갖다 쓰기 위해 존재함.(잘 정리된 도서관의 책꽂이처럼) 종류 1) SQL - 엑셀처럼 정해진 행/열에 데이터를 저장함. 이름, 키, 성별처럼.. 중간에 추가하기 불편함. 정형화된 데이터 추출에는 가장 최적화 된 형태. 2) No-SQL 한 줄 한 줄이 딕셔너리 형태. SQL처럼 데이터 하나하나 같은 ... 웹개발종합반웹개발종합반 Week01. HTML&JAVA SCRIPT 1. google font ( ) 1)head부에 삽입 2)글 전체에 태그 적용시키는 코드<★style><★/style>사이에 적용 3)<★head><★/head>사이에 적용 <★style><★/style>, <★script><★/script>안에 넣지 않음. 2. 부트스트랩 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS, Javascript로 만들어 놓은 것. 3. 메모장 만들기 bo... 웹개발종합반웹개발종합반 Week02. JAVA SCRIPT ★작업 전, 레이아웃을 어떻게 나눠서 진행 할 것인지 정하고 시작하기 Java script 기본 문법 1. 변수: 값을 담아내는 Box int, long, let 등 다양한 종류가 있음. 작은 따옴표를 이용하여 문자열도 표시 가능 변수 이름 지정시에는 알기 쉽게 할 것 2. 자료형 1) List 순서가 중요. 변수 이름=[] 형식으로 선언. 값 추가는 이름.push=('추가할값') 0부터 c... 웹개발종합반웹개발종합반 [스파르타코딩클럽] 웹개발 종합반 - 2주차(3) 1-1.따릉이 현황 나타내기 나의 코드 ❌ let temp_html 바로 전에 풀었던 미세먼지 지수 퀴즈를 그대로 응용하는 문제였는데 그거 보면서 그 코드를 그대로 따라 쓰는 바람에 틀리고 말았다. 미세먼지 따릉이 미세먼지는 names-q1 안에 li 하나의 코드만 있지만 따릉이는 tr 안에 td가 있는 이중구조였다는 걸 간과한 것이다. 그래서 미세먼지는 temt_html에 li 코드 하나만... 개발일지스파르타코딩클럽ajax웹개발종합반ajax 스파르타코딩클럽 2주차 개발일지 jQuery란? HTML의 요소를 조작하는, 편리한 Javascript를 미리 작성해둔 것 (라이브러리) jQuery와 Javascript 비교 Javascript - 길고 복잡하게 써야함 jQuery - 보다 직관적 ✅ jQuery를 사용하려면 <head> 에 import를 해야함!! input 박스의 값 가져오기 div 보이기 / 숨기기 css 값 가져오기 태그 내 텍스트 입력하기 태그 ... 스파르타코딩클럽내일배움단개발일지스파르타코딩클럽웹개발종합반WILWIL
AWS EC2 서버에 내가 만든 웹페이지 올리기 Python, HTML, MongoDB 로 만든 나의 첫 웹페이지를 AWS EC2 서버를 활용하여 공개된 공간에 올려보자 아마존에서 리눅스 기반의 EC2 서버를 1년간 무료로 제공해준다 주의할점은 1년이 지나기 전에 인스턴스 중지 혹은 종료를 해야 추가적인 비용이 나가지 않고, 키페어 파일은 상당히 중요하므로 잃어버리지않도록 하자 또한 인스턴스를 재시작할때마다 IP 주소를 재할당하게된다 Gi... 스파르타코딩클럽gitawsec2웹개발종합반aws 웹개발종합반 1주차 강의-퀴즈 예전에 SW사관학교에 지원했던 이력이 있다. 최종면접에서 아쉽게 고배를 마셨지만 이번에 내일배움단, 내일배움캠프를 통해 역량을 쌓을 예정이다. 각설하고, 이전에 SW사관학교 코딩테스트 이전에 공부할 자료를 받아보았는데, 그 내용들이 웹개발 종합반 강의자료와 비슷한 것 같다. 그때는 사진을 집어 넣어서 로그인 페이지를 완성해보았는데 이번 퀴즈는 조금 더 간단했다. 완성한 코드와 페이지 사진은 ... 내일배움단스파르타코딩클럽웹개발종합반내일배움단 웹개발 종합반 1주차 강의-css 전시간의 퀴즈 코드에서 css를 활용하여 꾸며보자. css는 padding과 margin의 차이 padding은 내 지정공간 안으로 여백을 둔다. margin은 내 지정공간 밖으로 여백을 둔다. html은 글속성과 박스속성이 있다. 박스는 글과 달리 가로세로 개념이 존재 따라서 글을 박스로 강제로 묶어야한다. 그 방법이 바로 display: block; *주석은 ctrl + /를 하면 된다 ... 스파르타코딩클럽웹개발종합반내일배움단내일배움단 웹개발종합반 1주차-Quiz! 포스팅박스 앞의 과제에 포스팅 박스 추가 border : 테두리 작성 텍스트 박스 작성하는 법 <textarea +속성 등등> 간단 코멘트... 스파르타코딩클럽웹개발종합반내일배움단내일배움단 스파르타 웹개발 종합반 4주차 강의 개발일지 숙제에서 할 것 1) API 정보 만들기 2) API 정보 불러오기 -> 웹페이지에서 주문 정보를 입력하고 서버는 DB로 정보를 저장한다. -> 저장된 주문 정보 전체 리스트를 페이지 하단에 표시한다. 코드 1) app.py 2) index.html 마치며 처음에는 전체적인 그림이 보이지 않았고, 쉬웠던 숙제는 아니었다. 그래서 이전 연습 문제의 코드를 따라썼고 답안도 보면서 숙제를 했다. ... 스파르타코딩코딩웹개발종합반FlaskAPIAPI 스파르타코딩클럽 웹개발종합반 2주차 기록 및 강의리뷰(JQuery, Ajax) ● JQuery와 Ajax 시작하기 jQuery 란? 👉 Javascript로도 모든 기능을 구현할 수는 있지만, 1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서, **j**Query라는 라이브러리가 등장하게 되었다. jQuery와 Javascript - 코드 비교해보기 👉 jQuery는 Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript... 스파르타코딩클럽jqueryajax웹개발종합반ajax [마코의 공부일지] 웹개발 종합반 2주차 후기(3) jquery와 ajax를 활용하기 새로 배운 html ajax 활용 2 현재 서울시 따릉이 대여소 자전거 현황 *let temp_html = `` 쓰는거 잊지 말자(''가 아님) api 받아서 사진과 텍스트 바꾸기 이건 다른 것도 다시 만들어보고 싶은데 이미지 api 받을 곳이 없어서 연습할 방법이...마땅치 않은 느낌이다 흑... 과제 <팬명록에 실시간 서울 날씨 올리기> 해설 영상 안보고... 코딩공부웹개발종합반스파르타코딩클럽마코의공부일지2주차2주차 웹개발 종합반 3주차 - 파이썬 기초(1) 4강 - 파이썬 시작하기 Location으로 폴더 위치 확인하고, venv폴더까지 생성되는지 확인 오마클릭 - Python File클릭하면 파이썬 파일 만들 수 있음 5강 - 파이썬 기초공부 모든 문법을 외울 수는 없기때문에 구글링하는 습관을 들이는것이 중요하다. 원하는 값을 변수에 넣고 print하면 해당 값을 볼 수있다. 해당 오류는 선언되지않은 변수를 사용하여 생긴 오류이다. 원인을 찾... 스파르타코딩클럽파이썬기초웹개발종합반스파르타코딩클럽 Week04. Framework 라이브러리: 공구함으로 비유 가능. 단순 활용 가능한 도구들의 집합. 프레임워크: 차, 비행기 등의 운송수단. 뼈대 역할. 자주 쓰일만한 기능을 모은 유틸들의 모음집. 시작코드 입력 필요 시작코드 입력 시, localhost:5000으로 접속 가능. 여기서 5000은 포트번호로써 임의로 지정 가능하나 보통 정해져있음. HTML 파일 불러오기 위와 같이 시작코드를 입력해 서버 생성 후, 하기 ... 웹개발종합반웹개발종합반 Week03. Pymongo DB란? 데이터베이스의 약자로, 데이터를 쌓아두는 역할을 함. 저장해두었다가 필요시 적절히 갖다 쓰기 위해 존재함.(잘 정리된 도서관의 책꽂이처럼) 종류 1) SQL - 엑셀처럼 정해진 행/열에 데이터를 저장함. 이름, 키, 성별처럼.. 중간에 추가하기 불편함. 정형화된 데이터 추출에는 가장 최적화 된 형태. 2) No-SQL 한 줄 한 줄이 딕셔너리 형태. SQL처럼 데이터 하나하나 같은 ... 웹개발종합반웹개발종합반 Week01. HTML&JAVA SCRIPT 1. google font ( ) 1)head부에 삽입 2)글 전체에 태그 적용시키는 코드<★style><★/style>사이에 적용 3)<★head><★/head>사이에 적용 <★style><★/style>, <★script><★/script>안에 넣지 않음. 2. 부트스트랩 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS, Javascript로 만들어 놓은 것. 3. 메모장 만들기 bo... 웹개발종합반웹개발종합반 Week02. JAVA SCRIPT ★작업 전, 레이아웃을 어떻게 나눠서 진행 할 것인지 정하고 시작하기 Java script 기본 문법 1. 변수: 값을 담아내는 Box int, long, let 등 다양한 종류가 있음. 작은 따옴표를 이용하여 문자열도 표시 가능 변수 이름 지정시에는 알기 쉽게 할 것 2. 자료형 1) List 순서가 중요. 변수 이름=[] 형식으로 선언. 값 추가는 이름.push=('추가할값') 0부터 c... 웹개발종합반웹개발종합반 [스파르타코딩클럽] 웹개발 종합반 - 2주차(3) 1-1.따릉이 현황 나타내기 나의 코드 ❌ let temp_html 바로 전에 풀었던 미세먼지 지수 퀴즈를 그대로 응용하는 문제였는데 그거 보면서 그 코드를 그대로 따라 쓰는 바람에 틀리고 말았다. 미세먼지 따릉이 미세먼지는 names-q1 안에 li 하나의 코드만 있지만 따릉이는 tr 안에 td가 있는 이중구조였다는 걸 간과한 것이다. 그래서 미세먼지는 temt_html에 li 코드 하나만... 개발일지스파르타코딩클럽ajax웹개발종합반ajax 스파르타코딩클럽 2주차 개발일지 jQuery란? HTML의 요소를 조작하는, 편리한 Javascript를 미리 작성해둔 것 (라이브러리) jQuery와 Javascript 비교 Javascript - 길고 복잡하게 써야함 jQuery - 보다 직관적 ✅ jQuery를 사용하려면 <head> 에 import를 해야함!! input 박스의 값 가져오기 div 보이기 / 숨기기 css 값 가져오기 태그 내 텍스트 입력하기 태그 ... 스파르타코딩클럽내일배움단개발일지스파르타코딩클럽웹개발종합반WILWIL