programming study/web (42) 썸네일형 리스트형 [스파르타코딩] 웹개발 종합반 항해 1기 5주차 (2)(2021.2.5 ~ 6) 본 내용은 스파르타코딩 웹개발 종합반 강의를 토대로 작성 1. 내 프로젝트를 서버에 올리기 웹 서비스를 런칭하고 클라이언트의 요청에 답하기 위해서는 컴퓨터가 항상 켜져있고 프로그램이 실행되어 있어야 한다. 모두가 접근할 수 있는 공개 주소인 공개 IP 주소(Public IP Address)로 나의 웹 서비스에 접근할 수 있어야 한다. 개인 컴퓨터로는 실현하기 어려우므로 AWS라는 클라우드 서비스를 이용한다. IP 주소와 포트 실제로 우리가 접속하는 컴퓨터는 숫자로 되어있는 주소(IP 주소)가 붙어있다. 문자로 이루어진 URL은 DNS 시스템으로 IP주소를 바꾼 것이다. DNS : Domain Name System IP주소 : 컴퓨터가 통신할 수 있도록 컴퓨터마다 가지는 고유한 주소. 네트워크가 가능한 모.. [스파르타코딩] 웹개발 종합반 항해 1기 5주차 (1)(2021.2.5) 본 내용은 스파르타코딩 웹개발 종합반 강의를 토대로 작성 무비스타 1. GET연습(보여주기) DB로부터 영화배우 정보를 가져와서 보여준다. 필요한 데이터 영화배우 이름 영화배우 이미지 : 이미지 src 속성 좋아요 개수 최근 작품 내용이 들어가는 부분 1. 클라이언트와 서버 연결 확인하기 /api/list , GET 서버 코드 - app.py @app.route('/api/list', methods=['GET']) def show_stars(): sample_receive = request.args.get('sample_give') print(sample_receive) return jsonify({'msg': 'list 연결되었습니다!'}) 클라이언트 코드 - index.html function sho.. [스파르타코딩] 웹개발 종합반 항해 1기 4주차 (2)(2021.2.4 ~ 5) 본 내용은 스파르타코딩 웹개발 종합반 강의를 토대로 작성 모두의 책 리뷰 1. POST 연습(리뷰 저장) 클라이언트의 입력을 받아 저장하는 API 만들기 Create -> POST 1. 클라이언트와 서버 확인 요청 정보 : 요청 URL = /review, 요청방식 = POST 서버가 제공할 기능 : 클라이언트에게 정해진 메시지를 보낸다. 응답 데이터 : (JSON 형식) 'result' = 'success', 'msg' =' 리뷰가 성공적으로 작성되었습니다.' 서버 코드 - app.py @app.route('/review', methods=['POST']) def write_review(): return jsonify({'result': 'success', 'msg': '리뷰가 성공적으로 작성되었습니다... [스파르타코딩] 웹개발 종합반 항해 1기 4주차 (1)(2021.2.4) 본 내용은 스파르타코딩 웹개발 종합반 강의를 토대로 작성 1. Flask 시작하기 Flask: 파이썬의 웹 프레임워크 서버를 구동시켜주는 편한 코드 모음 복잡한 일을 쉽게 할 수 있다. Flask 시작 코드 from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) 코드를 실행하면, http://localhost:5000/으로 접속할 수 있다. URL 나눠보기 from flask import Flask app = Flask(__name__) @app.route('/') de.. [스파르타코딩] 웹개발 종합반 항해 1기 3주차 (2)(2021.2.3 ~ 4) 본 내용은 스파르타코딩 웹개발 종합반 강의를 토대로 작성 1. mongoDB GUI를 제공하지 않는다. robo3T로 DB내부를 살펴볼 수 있다. robo3T 세팅하기 실행 후 뜨는 창에서 create 클릭 Name, Address 등을 세팅한다. 2. DB개괄 SQL vs. NoSQL RDBMS(SQL) 행/열의 생김새가 정해진 엑셀에 데이터를 저장하는 것과 유사 열을 추가하는 것과 같은 작업은 어렵다. 정형화 되어있는 만큼 데이터의 일관성/분석에 용이 MS-SQL, My-SQL 등 No-SQL(Not only SQL) 딕셔너리 형태로 데이터를 저장하는 DB 자유로운 형태의 데이터 적재에 유리 일관성 부족 MongoDB 3. pymongo로 DB조작하기 pymongo : mongoDB를 조작할 수 있는.. [스파르타코딩] 웹개발 종합반 항해 1기 3주차 (1)(2021.2.3) 본 내용은 스파르타코딩 웹개발 종합반 강의를 토대로 작성 1. 파이썬 시작하기 파이썬을 설치한다는 것의 의미 일종의 번역팩을 설치 파이썬 문법으로 된 것을 이진법 코드로 변환할 수 있도록 한다. 2. 파이썬 기초공부 변수 & 기본연산 a = 3; b = a; a = a + 1; num1 = a * b; num2 = 99 변수에는 숫자, 문자형, 리스트 형, 딕셔너리 형, 딕셔너리와 리스트의 조합, 불리언 등이 들어갈 수 있다. 자료형 숫자, 문자형: 문자형은 콤마('')로 표현 리스트형: 대괄호([]) 사용 .append() : 리스트의 뒤에 원소 추가 Dictionary 형: 중괄호({}) 사용 a = { 'name' : 'bob', 'age' : 21 } Dictionary와 List형은 서로 조합될.. [스파르타코딩] 웹개발 종합반 항해 1기 2주차 (2)(2021.2.2 ~3) 본 내용은 스파르타코딩 웹개발 종합반 강의를 토대로 작성 1. 서버 - 클라이언트 통신 이해하기 서버 -> 클라이언트 JSON :서버가 클라이언트에게 주는 데이터의 포맷 key : value로 이루어져 있다. 클라이언트 -> 서버 API : 은행창구와 같은것 GET : 통상적으로 데이터 조회(Read)를 요청할 때 POST : 통상적으로 생성(Create), 변경(Update), 삭제(Delete) 요청할 때 GET ? : 여기서부터 전달할 데이터가 작성된다는 의미 & : 전달할 데이터가 더 있다는 뜻 어떤 요청을 받았을 때, 어떤 정보를 주는지는 프론트엔드 개발자와 백엔드 개발자가 미리 정한 약속이다. google.com/search?q=아이폰&sourceid=chrome&ie=UTF-8 q = 아이폰.. [스파르타코딩] 웹개발 종합반 항해 1기 2주차 (1)(2021.2.2) 본 내용은 스파르타코딩 웹개발 종합반 강의를 토대로 작성 1. JQuery 시작하기 HTML의 요소들을 조작하는 Javascript 코드를 미리 작성해둔 것 : 라이브러리 복잡한 코드, 브라우저간의 호환성을 극복 미리 짜둔 코드이기 때문에, 사용전에 import해야한다. 2. JQuery 다뤄보기 import Jquery를 사용하기 위해, 항상 import를 먼저 한다. 자주 사용하는 JQuery input 박스의 값 가져오기 아티클 URL placeholder="" 간단 코멘트 기사 저장 크롬 콘솔창에서 $('#post-url').val(); // id가 post-url인 inputbox에 접근한다. // val() 괄호 안에 값을 입력하면 inputbox의 텍스트를 입력할 수 있다. div 보이기 /.. 이전 1 2 3 4 5 6 다음 목록 더보기
