목록항해99 사전스터디 (4)

Jaeilit

항해99_사전스터디_미니프로젝트_최종

* 미니프로젝트는 순수 HTML, CSS, 간단한 JS 로 제작하였습니다. * 항해99_3기 본 과정에 앞서 사전스터디 그룹에서 미니프로젝트를 시작하게 되었습니다. 미니프로젝트의 내용은 사전강의를 통해 배운 내용으로 간단한 커피리뷰 사이트를 제작해서 배포까지가 목표입니다. 제가 맡은 부분은 커피에 대한 상세 페이지 부분입니다. 1. 홈 화면 홈 화면은 다른분이 작업 해주셨습니다. 최종컨셉때 헤더의 해당 체인점을 클릭하면 그 체인점의 인기메뉴 / 추천메뉴를 출력하는게 목표였습니다. 본 과정을 앞둔 시점에서 시간적 여유도 없고, 무엇보다 저희 실력이 아직은 너무 부족해서 여기서 마무리하게 되었습니다. 홈 화면의 상품들은 크롤링해서 만든 API 를 사용하지 않았더라구요.... 그냥 다 하나하나 img와 nam..
항해99 3기 2021. 9. 10. 14:17
항해99_사전스터디_미니프로젝트_객체(데이터)만들기 + API 호출(json-server)

* 미니프로젝트는 순수 HTML, CSS, 간단한 JS 로 제작하였습니다. * 항해99_3기 본 과정에 앞서 사전스터디 그룹에서 미니프로젝트를 시작하게 되었습니다. 미니프로젝트의 내용은 사전강의를 통해 배운 내용으로 간단한 커피리뷰 사이트를 제작해서 배포까지가 목표입니다. 제가 맡은 부분은 커피에 대한 상세 페이지 부분입니다. 1. 객체(데이터)만들기 지난 번의 코드에서 수정을 조금 했습니다. 더보기 수정사항 db에 저장하기 위해서 아래 사진과 같이 객체 데이터를 만들었습니다. 핵심내용은 for 문안에서 배열을 순회하면서 true 인 값의 id 값을 반환 하는 건데요, id 값이 사진을 보시면 detail-form-radio-bad 입니다. 좀 이상하죠,, 이런 id값을 을 반환 하는 이유는 아래 사진과..
항해99 3기 2021. 9. 2. 22:27
항해99_사전스터디_미니프로젝트_댓글기능 구현하기

* 미니프로젝트는 순수 HTML, CSS, 간단한 JS 로 제작하였습니다. * 항해99_3기 본 과정에 앞서 사전스터디 그룹에서 미니프로젝트를 시작하게 되었습니다. 미니프로젝트의 내용은 사전강의를 통해 배운 내용으로 간단한 커피리뷰 사이트를 제작해서 배포까지가 목표입니다. 제가 맡은 부분은 커피에 대한 상세 페이지 부분입니다. 1. 댓글기능 만들기 HTML, CSS로 간단하게 댓글 작성을 해야할 것 같은 분위기로.... 꾸며봤습니다. (실제 XD 디자인) HTML, CSS는 다른 부분에서 다루겠습니다. 2. 코드 function reviewSubmit() { const reviewInput = document.getElementById("detail-review-content") const reviewV..
항해99 3기 2021. 9. 1. 00:43
항해99_사전스터디_4주차

서버만들기, GET - POST 이해하기 1. Flask 프레임워크 : 서버를 구동시켜주기 위한 프레임워크 >기본구조 from flask import Flask app = Flask(name) @app.route('/') def home(): return 'This is Home!' @app.route('/mypage') def mypage(): return 'This is My Page!' if name == 'main': app.run('0.0.0.0',port=5000,debug=True) 2. Flask 서버 만들때는 항상! static 폴더 - 이미지, css파일 templates 폴더 - html 파일 app.py 파일 templates import 연결 from flask import Fla..
항해99 3기 2021. 8. 6. 17:41
이전 Prev 1 Next 다음