코딩수강일지 (29) 썸네일형 리스트형 내일배움단 팀 프로젝트 12/23 개발일지 #코딩 개발일지 시작의 한마디 거의 완성! # 개발 업무내용 [오늘의 목표] 추가기능 생각해보고 붙일 수 있는지 확인 [토의 내용] 소민님 반응형 웹 만들어오셔서 창크기에따라 카드 개수 조절 기능 추가 됨 혜진님 파일 업로드 기능 추가(파일 업로드 누르면 사진 추가되는 칸 3개 만들었는데 하나만 정상작동하고 2개는 작동 잘안돼서 수정 필요) 페이지 넘기는 기능 추가 필요할 것 같아서 가능한지 여부 검토 예정 # 업무 중 이슈/고민 .. 그리고 해결한 내용 페이지 넘기는 기능, 좋아요 기능, 삭제기능 등 추가 할 만한 내용 살펴보고 오후 튜터님 질문시간에 물어보기 # To-do List [주요 일정] 업데이트된 내용 살펴보고 취합한 후 페이지 넘기는기능 검색 해보기 내일배움단 팀 프로젝트 12/22 개발일지 #코딩 개발일지 시작의 한마디전체적인 틀 완성. 세부적인 추가 작업 시작# 개발 업무내용[오늘의 목표]만든 틀 다같이 확인하고 추가사항 논의[토의 내용]프론트엔드 세부 디자인 수정 진행 중검색 기능 입력해서 상품페이지를 여러개로 만들지 고민 필요 # 업무 중 이슈/고민 .. 그리고 해결한 내용생성된 카드 크기가 사진 크기 따라 달라지는 것 같은데 통일 시키려면 어떻게해야할지 검색 해보기# To-do List[주요 일정]추가 아이디어 짜기 내일배움단 팀 프로젝트 12/21 개발일지 #코딩 개발일지 시작의 한마디 백엔드의 차례! # 개발 업무내용 [오늘의 목표] 구성 확정하기 백엔드 업무 분배 [토의 내용] 프론트엔드 분들이 만든 index 파일 취합하였고 세부적으로 배경색 조금더 연하게, css파일 수정 됨 백엔드 업무분배 하였음(지훈: 입력내용과 카드 연결하기, 혜진: 사진 업로드 시킬때 이미지 주소 입력안하고 바로 파일 첨부 될 수 있게 만들기) # 업무 중 이슈/고민 .. 그리고 해결한 내용 구성을 2페이지로 생각하고 있었는데 프론트엔드분들이 1페이지로 합쳐 주셔서 깔끔하게 만들어 졌다. 아직까지 업무 분배를 어떤 식으로 하는지, git hub로 코드공유를 한다고 해도 다른사람이 쓴 태그명, class명 등 다 다를텐데 유기적으로 연결된 코드를 어떤식으로 분배해서 합치는지 의.. 내일배움단 팀 프로젝트 12/20 개발일지 #코딩 개발일지 시작의 한마디 프론트엔드 대략적 디자인 작업 완료! 백엔드 시작 # 개발 업무내용 [오늘의 목표] 프론트엔드 작업물 공유하고 내용 정리하기 [토의 내용] 첫 접속화면 생성 (효정님) 카드이미지,배경 생성(소민님) 지도 api활용해서 지역 클릭시 지도생성(혜진님) # 업무 중 이슈/고민 .. 그리고 해결한 내용 전영님 국비지원 교육으로인해 참여불가 효정님이 만든 첫페이지에서 상품등록하기를 누르면 메인페이지로 이동 되는걸 만들어보고 싶어서 이것저것 찾아보다가 location href에 파일명 111.html만 걸었더니 에러가 떴다. text 혜진님이 비슷한 문제를 겪었다고 해서 이동할 페이지의 전체 주소를 붙여넣어보라고 하셔서 text 전체이런식으로 넣어보니 잘 이동이 되었다. 활용해보아야 .. 웹개발 종합반 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: 바깥쪽여백 "*" : 모든 태그에적용 시키고 싶을때 - 폰트 .. 이전 1 2 3 4 다음
