전체 글 (21) 썸네일형 리스트형 Test Image [내일배움단] 앱개발 종합반 - 1주차 - 배운 내용 정리 Javascript 문법 화살표 함수 ( Arrow Function ) [리터럴 방식] let a = function() { console.log("function"); } a(); [화살표 방식] let a = () => { console.log("arrow function"); } a();. 비구조 할당 // 객체 let blog = { owner : "noah", url : "noahlogs.tistory.com", getPost() { console.log("ES6 문법 정리"); } }; // 기존 할당 방식 let owner = blog.owner let getPost = blog.getPost() // 비구조 할당 방식 let { owner, getPost } = blog; // 각각 blo.. [내일배움단] 웹개발 종합반 - 5주차 - 배운 내용 정리 AWS (Amazon Web Services) 지역이 서울로 설정되어 있는지 확인. 인스턴스 대여하는 컴퓨터를 인스턴스라고 함. 인스턴스 시작 할 때 애플리케이션 및 OS 이미지를 설정 함. 보안 설정 SSH 접속을 위한 22번 포트 개방 ( 인스턴스 시작 당시 개방되어 있음. ) 웹 서비스를 제공하기 위한 80번 포트 개방 데이터베이스 접속을 위한 27017 포트 개방 Ubuntu 원격 SSH 접속 Git bash를 이용함. ( SSH 명령이 가능한 다른 프로그램도 사용 가능. ) ssh -i Downloads/AWS_keypair.pem ubuntu@"ip_address" "ip_address" 자리에 인스턴스의 공유 ip 기입 Ubuntu 초기 설정 시간 설정 sudo ln -sf /usr/shar.. [내일배움단] 웹개발 종합반 - 4주차 - 배운 내용 정리 Flask 기본 코드 from flask import Flask, render_template, jsonify from pymongo import MongoClient app = Flask(__name__) client = MongoClient('localhost', 27017) db = client.dbhomework # HTML 화면 보여주기 @app.route('/') def homework(): return render_template('index.html') # 주문하기(POST) API @app.route('/order', methods=['POST']) def save_order(): sample_receive = request.form['sample_give'] print(sample_re.. [내일배움단] 웹개발 종합반 - 4주차 - 배운 내용 정리 Flask 기본 코드 from flask import Flask, render_template, jsonify from pymongo import MongoClient app = Flask(__name__) client = MongoClient('localhost', 27017) db = client.dbhomework # HTML 화면 보여주기 @app.route('/') def homework(): return render_template('index.html') # 주문하기(POST) API @app.route('/order', methods=['POST']) def save_order(): sample_receive = request.form['sample_give'] print(sample_re.. [내일배움단] 웹개발 종합반 - 4주차 - 오늘 배울 것 [수업 목표] Flask 프레임워크를 활용해서 API를 만들 수 있다. '모두의책리뷰' API를 만들고 클라이언트에 연결한다. '나홀로메모장' API를 만들고 클라이언트와 연결한다. [목차] 01. 4주차 오늘 배울 것 02. 폴더 세팅 03. Flask 시작하기 - 서버 만들기 04. Flask 시작하기 - HTML 파일 주기 05. Flask 시작하기 - 본격 API 만들기 06. [모두의책리뷰] - 프로젝트 세팅 07. [모두의책리뷰] - 뼈대 준비하기 08. [모두의책리뷰] - POST 연습( 리뷰 저장 ) 09. [모두의책리뷰] - GET 연습( 리뷰 보여주기 ) 10. [나홀로메모장] - 프로젝트 세팅 11. [나홀로메모장] - API 설계하기 12. [나홀로메모장] - 조각 기능 구현해보기 .. [내일배움단] 웹개발 종합반 - 3주차 - 배운 내용 정리 파이썬 기본 문법 파이썬은 중괄로( { } )를 이용해 코드를 구분하지 않는다. 줄 들여쓰기를 기준으로 코드를 구분한다. 함수 선언 def function_name(): print('함수 내용') 조건문 사용 a = 123 if a is not None: print(a) 반복문 사용 items = ['1', '2'] for item in items: print(item) 웹스크래핑(크롤링) 웹 서버로 GET 요청을 보내기 위해선, requests 패키지가 필요함. bs4 패키지를 활용하면 HTML, Json 코드들을 보기 편하게 자동으로 줄을 맞춰준다. 기본 코드 import requests from bs4 import BeautifulSoup headers = {'User-Agent': 'Mozilla.. [내일배움단] 웹개발 종합반 - 2주차 - 배운 내용 정리 javacript 태그 사이에 넣어서 사용한다. 함수를 선언해 놓으면, 함수이름으로 호출 할 수 있다. jQuery jQuery는 다른 사람이 작성해놓은 javascript 코드이다. 사용하기 위해서는 jQuery 코드를 붙여넣어야 한다. HTML 코드를 문자열로 관리할 때는 ` ( backtick )으로 문자열을 감싸서 사용한다. 특정 항목 하위로 항목을 추가하는 경우 append 함수를 사용한다. ( hi id를 가진 태그에 temp_html HTML 코드를 추가하는 예시 ) 이미지 url 소스 변경하는 코드 ( img-cat class를 가진 태그의 src 어트리뷰트를 imgUrl로 변경하는 예시 ) ajax ajax 기본형을 가져다가 복사해서 사용하면 된다. type으로 GET, POST 등 여러.. 이전 1 2 3 다음