Nellie's Blog

👉 4주차 수업목표 1. Flask 프레임워크를 활용해서 API를 만들 수 있다. 2. '화성에 땅사기' API를 만들고 클라이언트에 연결한다. 3. '스파르타피디아' API를 만들고 클라이언트와 연결한다. 1,2주차에는 html,css,js를 배웠고, 3주차에는 서버를 다룰수있는 python과 저장소인 db를 배웠다. 4주차에는 드디어 서버를 배워본다! 👉 Flask 시작하기 - 서버만들기 참고) 파이썬으로 웹개발을 할 때 가장 유명한 것은 Django(장고)인데, 장고는 무겁고 기능이 많아서 복잡하여 초보가 쓰기 쉬운 라이트한 flask프레임워크를 사용한다. (자바의 Spring) - HTML과 mongoDB까지 연동해서 서버를 만들어보자! 1. 파이참에서 Flask 패키지 설치 (Flask 프레임워..

👉 3주차 수업목표 1. 파이썬 기초 문법을 안다. 2. 원하는 페이지를 크롤링 할 수 있다. 3. pymongo를 통해 mongoDB를 제어할 수 있다. 👉 3주차 설치 1. Python 설치 파이썬을 설치한다는것은? → 일종의 번역팩을 설치하는것. 컴퓨터는 101010001 과 같은 언어만 알아듣는데, 파이썬 문법으로 된 것을 101010001로 변환해줄 수 있도록, 번역 패키지를 설치하는 것!!! 2. (윈도우만!) Git bash 설치 👉 2주차 연습 겸 복습 - 스파르타피디아에 OpenAPI 붙여보기 - 아티클들의 정보를 불러오는 OpenAPI를 써서 저장된 포스팅 불러오기(GET)를 만들어보자! 아래 처럼! ..... // ⭐id="cards-box"를 이용해서 이쪽에 append해주자! 영화..

2주차에서는, HTML파일을 받았다고 가정하고, Javascript로 다시 서버에 데이터를 요청하고 받는 방법을 배운다. jQuery를 이용해 Javascript로 HTML을 쉽게 제어하고, Ajax를 이용해 다시 서버에 데이터를 요청하고 받아보기! 👉 jQuery 란? - HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 라이브러리! (쓰기 전에 "임포트"필수! 아래와 같이 head안에 한줄 넣어주면 끝!) Javascript로도 모든 기능(예 - 버튼 글씨 바꾸기 등)을 구현할 수는 있지만, 1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서, jQuery라는 라이브러리가 등장하게 됨. - jQuery와 Javascript 코드 비교 document.getEle..

👉 웹의 동작 개념 (로컬 개발 환경) 👉 웹의 동작 개념 (배포) 👉 HTML / CSS 기초 - 로그인 페이지 만들기 로그인 페이지 아이디, 비밀번호를 입력해주세요 ID: PW: 로그인하기 background-image: url(''); background-position: center; background-size: cover; --> 배경넣을때 이 3줄은 항상 같이 다닌다. 👉 구글 웹폰트 입히기 https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 구글 웹폰트 사이트 접속 -> 마음에 드는 폰트 클릭..

- 자바스크립트를 사용하기앞서, Visual Studio Code 와 Node.js 를 설치해준다! - Node.js 란 ? "Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser" Node.js를 정의하는 문장. 우리가 자바스크립트 언어의 문법에 맞게 코딩을 했을 때 컴퓨터가 이를 해석해서 처리할 수 있도록 해주는 일종의 전용번역기. 이 번역기가 이전에는 웹브라우저에만 있었지만, 우리 컴퓨터에 Node.js만 설치해주면 웹브라우저가 아닌 곳에서도 자바스크립트 코드를 실행하..