본문 바로가기

분류 전체보기

(33)
웹개발 종합반 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: 바깥쪽여백 "*" : 모든 태그에적용 시키고 싶을때 - 폰트 ..
내일배움단 팀 프로젝트 12/17 개발일지 #코딩 개발일지 시작의 한마디 처음부터 다시 시작! # 개발 업무내용 [오늘의 목표] 세부 항목 들을 어떤 방식으로 표현할지 설정 [토의 내용] 식빵마켓(가제) - 식빵카드 붙이고 브라운 계열로 꾸미면 예쁠듯 직접 입력 해야하는 항목 : 제목, 내용, 사진, 가격, 위치, (닉네임) 항목에 내용을 입력하고 저장 누르면 아래쪽에 카드형식으로 판매할 상품이 진열되는 느낌 아래쪽 카드는 사진만 있다가 커서올리면 글 내용이 드러나는 식으로 꾸미면 좋을 것 같음(가능여부확인) # 업무 중 이슈/고민 .. 그리고 해결한 내용 연락처 없이 판매자에게 어떻게 연결할 수 있을까 고민 -> 카톡 오픈챗방을 만들어 링크를 걸어두면 어떨까 생각함(그러면 모든 사람들이 한 오픈챗방을 이용하는건가?) (정리 필요) # To-do..
내일배움단 팀 프로젝트 12/16 개발일지 #코딩 개발일지 시작의 한마디 틀이 잡혀나가는 줄 알았지만 아니였다?! # 개발 업무내용 [오늘의 목표] 항목 설정 완료하고 실현 가능 여부 튜터님께 상담 [토의 내용] 세부적으로 무슨항목은 크롤링해오고 직접 입력하는 항목들은 어떤 것인지 분류 디자인 의견 공유 # 업무 중 이슈/고민 .. 그리고 해결한 내용 #이슈 Private한 페이지로 구상해서 로그인페이지가 있어야 될 것이라고 생각함(형식상으로 로그인페이지를 만들면 되지않을까 생각함) 리스트내에 직접 입력을 해서 데이터에 저장 할 수 있는 방법이 있을지 확인이 필요했음 #튜터님 의견 일단 시간이 촉박하기 때문에 로그인페이지를 만드는데 시간이 많이 걸릴 수 있다고 하셨음(비추) 크롤링해서 가져온 데이터베이스와 개별적으로 작성한 데이터베이스를 한꺼번에..
내일배움단 팀 프로젝트 12/15 개발일지 #코딩 개발일지 시작의 한마디 점점 틀이 잡혀나가는 느낌적인 느낌?! # 개발 업무내용 [오늘의 목표] 세부 항목 설정하기 [토의 내용] 깃허브/깃허브 데스크탑 가입해서 team repository 생성 완료 세부 항목을 날짜위주(지원일정, 면접날짜등)로 정리해 사용자 실용성에 초점을 맞춤 # 업무 중 이슈/고민 .. 그리고 해결한 내용 처음엔 사람인 url 가져와서 내가 지원한 기업정보들을 한눈에 보기위한 목적이 컸지만 생각해보니 실용성면에서 떨어질 것 같아 일정 위주로 개편 하자는 의견 제시 -> 하지만 사람인 페이지에서 가져올 것도 많지 않은데 굳이 url써서 크롤링 해와야 될까 의문이 생김 (배운 크롤링 활용목적으로는 괜찮지 않을까?) -> 그리고 크롤링으로 가져다 쓰면서 직접 수정도 가능한 그런..
내일배움단 팀 프로젝트 12/14 개발일지 #코딩 개발일지 시작의 한마디 생애 첫 팀프로젝트! 어떤 결과물이 나올까, 잘 진행될 수 있을까? 설렘반 걱정반./ # 개발 업무내용 [오늘의 목표] 주제 구체화하기 [토의 내용] 취업 준비 기업정보리스트 만들기위해 어떤식으로 틀을 짜야할지, 세부 항목은 어떤것으로 설정할지에 대해 토의 # 업무 중 이슈/고민 .. 그리고 해결한 내용 아직까진 순조로운 느낌. 다들 아이디어 잘 내주셔서 좋았다 :) # To-do List 사람인 사이트에서 어떤 항목을 크롤링해올지, 직접 입력할지에 대해 고민해보기 깃허브 가입하기