웹개발 종합반
-
[4강 정리] Flask, GET요청, POST요청웹개발 종합반 2023. 8. 3. 23:35
더보기 배운것 1. Flask란? 2. GET, POST 요청 [목표] Flask 프레임워크를 활용해 API를 만들 수 있다 [화성땅 공동구매] 프로젝트를 생성해 API를 만들고 클라이언트에 연결한다 [스파르타피디아] 프로젝트를 생성해 API를 만들고 클라이언트에 연결한다 🔷 1. Flask : 파이썬의 웹 프레임워크로, 웹 애플리케이션을 개발하기 위한 도구이다. Flask는 간결하고 가벼운 설계로 알려져 있으며, 사용하기 쉬운 인터페이스와 유연한 확장성을 제공한다. 사용순서 1. app.py만들고 가상환경(venv) 을 잡는다. (이름 변경 가능) $ python -m venv venv 2. flask 라이브러리를 담기 $ pip install flask 3. 새폴더 -> templates 만든 후 i..
-
[3강 정리] MongoDB, pymongo 저장, 조회, 변경, 삭제웹개발 종합반 2023. 8. 3. 23:35
더보기 배운것 1. MongoDB의 사용방법 2. pymongo의 저장, 조회, 변경, 삭제 [목표] pymongo를 통해 mongoDB를 제어할 수 있다. 🔶 SQL vs No-SQL이란 무엇일까? - SQL(RDBMS) : 관계형 데이터베이스 관리 시스템이다. 데이터를 구조화하여 저장, 관리 및 검색하기 위한 소프트웨어 시스템으로 데이터의 일관성이나 분석에 용이하다. ex) Oracle, MySQL, PostgreSQL, Microsoft SQL Server 등등 - No-SQL(Not only SQL) : 관계형 데이터베이스가 아닌 다른 형태의 데이터베이스를 지칭하는 용어이다. NoSQL 데이터베이스는 관계형 데이터베이스 모델을 기반으로하지 않으며, 비구조화된 데이터, 대량의 분산 데이터, 실시간 ..
-
[3강 정리] 파이썬(Python) 반복문, venv 설정, 웹크롤링(bs4), select, select_one웹개발 종합반 2023. 8. 3. 23:35
더보기 배운것 1. 파이썬 반복문 사용방법 (for~in~) 2. 파이썬 venv 설정방법 3. 파이썬 기능별 설치명령문 [목표] 파이썬 기초 문법을 안다. 원하는 페이지를 스크래핑 할 수 있다. 🔷 1. Python 1. 파이썬 기초 문법 ◈ 자료형 a = 2 b = 3 print(a+b) 🔍 파이썬은 동적 타입 언어로, 변수를 선언할 때 명시적으로 자료형을 지정하지 않아도 된다. 즉, int나 double과 같은 자료형을 변수에 선언하지 않고도 값을 할당할 수 있다. ◈ 리스트형 a=['사과','배','감'] ◈ Dictionary형 a= {'name':'영수','age':24} ◈ 함수: def (함수를 선언하겠다) def hey(): print(‘헤이!’) # 참고: 자바스크립트에서는 functi..
-
[2강 정리] Javascript, 리스트, 딕셔너리 , JQuery, forEach, append, JSON, Fetch, API웹개발 종합반 2023. 8. 3. 23:35
더보기 배운것 1. Javascript의 동작과 리스트, 딕셔너리 사용법 2. JQuery의 사용형태 : $(’#아이디값’) 3. forEach의 기본형태 및 사용방법 4. append의 기본형태 및 사용방법 5. Fetch 의 기본형태 및 사용방법 6. Fetch의 단건, 다건 조회 및 변경방법 [목표] Javascript의 사용방식에 대해 이해하고 문법에 익숙해진다. JQuery로 HTML을 조작할 수 있다. Fetch로 서버 API에 데이터를 주고, 결과를 받아온다. 1강을 토대로 움직이는 웹을 만들어 보자! HTML : 뼈대 CSS:꾸미기 javascript: 움직이기 Javascript: 웹을 움직이게 하는 코드(동작을 명령함) jQuery: html를 간편하게 수행할 수 있도록 도와주는 도구 ..
-
[1강 정리] HTML, CSS(중앙정렬, 파일분리) 백그라운드 이미지 채우기, 이미지 어둡게웹개발 종합반 2023. 8. 3. 23:34
더보기 배운것 1. 서버와 클라이언트의 역할 2. HTML의 head와 body란? 3. body의 태그 예시 4. CSS 5. CSS 폰트모음 사이트 https://fonts.google.com/?subset=korean 6. 백그라운드에 사진을 꽉차게 넣는 방법 7. 이미지 어둡게 [목표] 서버와 클라이언트의 역할에 대해 이해한다. HTML, CSS의 기초 지식을 이해한다. 부트스트랩을 가져다 쓸 줄 안다! Javascript 기초 문법을 익힌다 📔브라우저의 역할 요청을 보낸다. 받은 HTML 파일을 그려서 보여준다. 그럼 그 "요청"이라는건 어디로 보내는 걸까❓ 🔽🔽🔽 바로 서버가 만들어둔 API라는 창구에 요청을 보낸다. ex) https://naver.com/ 👉 해석하자면 “naver.com”..