사전 스터디(웹개발 종합반 5주차)

[수업 목표] 1. Flask 프레임워크를 활용해서 API를 만들 수 있다. 2. '버킷리스트'를 완성한다. 3. EC2에 내 프로젝트를 올리고, 자랑한다! ✍️새로 학습한 내용 프로젝트 배포하기 배포한다는 것은 누구나 내가 만든 서비스를 이용할 수 있도록 하는 웹 서비스 런칭이다. 즉, 클라이언트가 브라우저를 통하여 요청 시 응답을 줄 수 있는 서버에 프로젝트를 실행시켜주는 것이다. 요청에 응답하기 위해서는 서버를 담당하는 컴퓨터가 항상 켜져있고, 프로그램(=프로젝트)를 실행하고 있어야 한다. 외부에서 접근 가능한 공개 IP주소로 웹 서비스에 접근할 수 있도록 해야한다. AWS EC2 클라우드 환경 서버 구축 1.)AWS에 접속하여 로그인 수행(계정이 없을 시 회원가입 진행 후 로그인) 2.) 언어/ ..

• format_list_bulleted 항해99
• · 2022. 12. 10.
• textsms

사전 스터디(웹개발 종합반 4주차)

[수업 목표] 1. Flask 프레임워크를 활용해서 API를 만들 수 있다. 2. '화성에 땅사기' API를 만들고 클라이언트에 연결한다. 3. '스파르타피디아' API를 만들고 클라이언트와 연결한다. ✍️새로 학습한 내용 1.Flask 프레임워크(서버 만들기) 서버를 직접 만들어서 구동시키기 위해서는 굉장히 복잡한 일들을 해야하는데, Flask 프레임워크를 활용하여 서버를 쉽게 구축하고 구동할 수 있게해준다. flask 패키지 설치 app.py 파일 flask 시작 코드 #app.py 파일 from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' if __name__ == '__main_..

• format_list_bulleted 항해99
• · 2022. 12. 9.
• textsms

사전 스터디(웹개발 종합반 3주차)

[수업 목표] 1. 파이썬 기초 문법을 안다. 2. 원하는 페이지를 크롤링 할 수 있다. 3. pymongo를 통해 mongoDB를 제어할 수 있다. ✍️새로 학습한 내용 1. 파이썬 패키시 설치 및 사용(pycharm) 용어정리 👉 함수 : 특정 작업을 수행하는 독립된 기능을 수행하는 단위 👉 메소드 : 클래스,구조체,열거형 등에 포함되어 있는 함수를 메소드라 지칭한다. 👉 모듈 : 함수,변수,클래스를 모아놓은 것, 일반적으로 .py 파일 하나를 말한다. 👉 패키지 : 특정 기능과 관련된 여러 모듈을 한 폴더 안에 넣어 관리 👉 라이브러리 : 여러 패키지와 모듈들을 모아놓은 것 👉 가상환경 : 같은 시스템에서 실행되는 다른 파이썬 응용 프로그램들의 동작에 영향을 주지 않기 위해, 파이썬 배포 패키지들을..

• format_list_bulleted 항해99
• · 2022. 12. 8.
• textsms

사전 스터디(웹개발 종합반 2주차)

[수업 목표] 1. Javascript 문법에 익숙해진다. 2. jQuery로 간단한 HTML을 조작할 수 있다. 3. Ajax로 서버 API(약속)에 데이터를 주고, 결과를 받아온다. ✍️새로 학습한 내용 1. JQuery 👉 HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. (라이브러리!) 👉 웹 페이지를 작성할 경우 JavaScript를 활용하여 동적인 부분을 처리하는데 이때, 1) 코드가 복잡해진다. 2)브라우저(크롬,사파리,IE 등) 간 호환성 문제등이 생길 수 있으며, JQuery는 이러한 문제점을 해결하기 위해 등장한 (라이브러리)이다. JavaScript와 JQuery 비교 아래 비교한 코드와 같이 자바스크립트로 HTML 요소를 조작하기 위해서는 코드가 복잡해지..

• format_list_bulleted 항해99
• · 2022. 12. 6.
• textsms

사전 스터디(웹개발 종합반 1주차)

[수업 목표] 1. 서버와 클라이언트의 역할에 대해 이해한다. 2. HTML, CSS의 기초 지식을 이해한다. 부트스트랩을 가져다 쓸 줄 안다! 3. Javascript 기초 문법을 익힌다. ✍️새로 학습한 내용 1. 부트스트랩 기본적으로 웹 페이지 구조를 만들기 위해서는 HTML을 사용하며, 만들어진 구조(요소)를 꾸미기 위해서 CSS를 활용한다. 이때, 부트스트랩을 활용하면 미리 만들어 놓은 스타일을 활용하여 손쉽게 웹 페이지를 꾸밀 수 있다. 무조건 부트스트랩을 활용하는 것보다는 개발자가 정의하는 CSS와 부트스트랩을 함께 조화롭게 사용하는 것이 좋다. 사용법 1. html문서에서 head 태그 안에 아래와 같이 부트스트랩을 사용하기 위한 2줄의 코드를 넣는다. 부트스트랩 CDN ...... 2. ..

• format_list_bulleted 항해99
• · 2022. 12. 6.
• textsms