코딩수강일지/팀스파르타 웹개발 종합반 수업일지 (5) 썸네일형 리스트형 웹개발 종합반 4주차 수강일지 서버 (하나의 프로그램 개념. 같은 컴퓨터에서 서버도 만들고, 요청(클라이언트)도 할수있음 → 로컬 개발환경) 프레임워크 : 남이 짜둔 틀 안에서 자유롭게 코딩 라이브러리 : 남이 짜둔 걸 갖다쓰는거(간단하게) Flask 프레임워크: 서버를 구동시켜주는 편한 코드 모음. 서버를 구동하려면 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있습니다. * API만들기 Get요청 * 서버(API = 은행창구) from flask import Flask, render_template, request, jsonify app = Flask(__name__) ⠀ @app.route('/') def home(): return render_template('index.html') ⠀ @app.route('/test', metho.. 웹개발 종합반 3주차 수강일지 ˙ Ajax 복습(로딩후 실행, 반복) $(document).ready(function () { $('#cards-box').empty(); listing(); });//새로고침 후 바로 listing 함수를 실행하게 하는코드 $('#cards-box').empty();코드는 아래에 cards-box id를 비우고 시작하기 위한 코드 function listing() { $.ajax({ type: "GET", url: "http://spartacodingclub.shop/post", data: {}, success: function (response) { let rows = response['articles'] for (let i = 0; i < rows.length; i++) { let comment .. 웹개발 종합반 2주차 수강일지 한번에 코딩다해놓고 수정하지말고 한줄한줄 차근히 되는지 확인해가면서 진행 count+= 1은 count = count + 1과 같음 ( =+ 라는 연산자는 없음) jQuery 란?👉 Javascript로도 모든 기능(예 - 버튼 글씨 바꾸기 등)을 구현할 수는 있지만, 1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서, **j**Query라는 라이브러리가 등장하게 되었답니다. jQuery와 Javascript - 코드 비교해보기 👉 jQuery는 Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드입니다. 전문 개발자들이 짜둔 코드를 잘 가져와서 사용하는 것임을 기억해주세요! (그렇게 때문에, 쓰기 전에 "임포트"를 해야합니다! -> google C.. 웹개발 종합반 1주차 수강일지 * 코드는 화려한 것보다 동작하게 짜는것이 가장중요 1. 어떻게 더 깔끔하게 짜는지 2. 왜 깔끔하게 짜야하는지 순으로 배워나가면 된다 * 함수 : 부르면 정해진 동작을 하는 것 * 팁 ctrl+alt+L : 줄정렬(블록지정한 후) css 구글링시 w3schools, mdn 활용 1주차 첫 수업 브라우저의 역할: 서버에게 요청하고 정보를 받아와서 보여주는 역할 HTML : 뼈대 CSS : 예쁘게 꾸미는것 JavaScript : 움직이게 하는역할 (유일하게 browser가 알아들을 수 있는 언어) tag종류 div : 구역을 나눌때 사용 span : 특정글자를 꾸밀때 사용 a href: 하이퍼링크 CSS padding: 안쪽여백, margin: 바깥쪽여백 "*" : 모든 태그에적용 시키고 싶을때 - 폰트 .. 웹개발 종합반 5주차 수강일지 * 서버/클라이언트 만들기 복습 * 참고( ".sort" : 데이터베이스에있는 데이터를 가져올때 오름차순/내림차순으로 정렬해서 가져옴) movie_star = list(db.mystar.find({},{'_id':False})).sort('like', -1) ('like'키값의 데이터를 내림차순으로 정렬) * POST요청 - 서버 @app.route('/api/like', methods=['POST']) def like_star(): name_receive = request.form['name_give'] #name_give로 name값을 받아온다음 name_receive에 저장 target_star = db.mystar.find_one({'name': name_receive}) #name_receive.. 이전 1 다음
