목록스파르타코딩클럽 웹개발종합반 (6)

고을마을 : 나의 코딩 이야기

첫 협업 미니프로젝트- NETNOTE

📺1. 프로젝트 소개 - NETNOTE 넷플릭스에서 제공하는 컨텐츠 감상 후 기록하여 다른 사용자들과 공유하는 커뮤니티 사이트 입니다. 👨‍👩‍👧2. 제작기간 및 팀원 소개 📅 2022-04-05 ~ 2022-04-21 고승유 - 로그인 페이지, 회원가입 페이지 김은진 - 메인 페이지, URL 모달창, 디자인 총괄 정지은 - 상세 페이지, 기록 페이지 🛠3. 사용한 기술 언어 : Python3, HTML, CSS, JavaScript 프레임워크 / 라이브러리 : Flask, Jquery, Bulma 협업툴 : Git, Github, Figma 데이터베이스 : MongoDB 🖥4. 프로젝트 화면 📄5. API 설계 깃허브주소: https://github.com/stopss/netnote
스파르타코딩클럽 웹개발종합반 2022. 5. 2. 00:26
[스파르타코딩클럽] 웹개발 종합반 5주차 기록

5주차 강의를 들었다. 4주차 때 했던 Flask 프레임워크로 API를 만드는 과정을 다시한번 복습했고, EC2에 homework 아이유 팬명록을 올려보기도 했다. 5-2 [버킷리스트] 프로젝트 세팅에서부터 5-6 [버킷리스트] POST 연습(완료하기)까지 위와 같은 페이지를 만들어 보았다. 우선 Flask, pymongo, dnspython 패키지를 설치해주었고 static, templates 폴더와 index.html, app.py를 만들어주었다. @app.route("/bucket", methods=["POST"]) def bucket_post(): bucket_receive = request.form['bucket_give'] bucket_list = list(db.bucket.find({}, {..
스파르타코딩클럽 웹개발종합반 2022. 3. 16. 18:00
[스파르타코딩클럽] 웹개발 종합반 4주차 기록

4주차 강의를 들었다. Flask 프레임워크를 활용해서 API를 만들어서 연결시켜봤다. 4-2 Flask 시작하기-서버만들기에서부터 4-4 Flask 시작하기-본격 API만들기까지 새로운 프로젝트를 진행하고 Flask 패키지를 깔았으며. static폴더(이미지, css 파일을 넣는 폴더) templates 폴더(html 파일을 넣는 폴더) app.py 파일을 만들어 주었다. * GET → 통상적으로! 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회 → 데이터 전달 : URL 뒤에 물음표를 붙여 key=value로 전달 → 예: google.com?q=북극곰 * POST → 통상적으로! 데이터 생성, 변경, 삭제 요청 할 때 예) 회원가입, 회원탈퇴, 비밀번호 수정 → 데이터 전달 : 바로 보이지..
스파르타코딩클럽 웹개발종합반 2022. 3. 15. 21:41
[스파르타코딩클럽] 웹개발 종합반 3주차 기록

3주차 강의가 시작되었다. 파이썬, 크롤링, DB에 대해서 배웠다. 3-2 연습 겸 복습 - 스파르타피디아에 OpenAPI붙여보기 $(document).ready(function () { listing(); }); function listing() { $('#cards-box').empty() $.ajax({ type: "GET", url: "http://spartacodingclub.shop/web/api/movie", data: {}, success: function (response) { let rows = response['movies'] for (let i = 0; i < rows.length; i++) { let title = rows[i]['title'] let desc = rows[i]['..
스파르타코딩클럽 웹개발종합반 2022. 3. 14. 19:37
[스파르타코딩클럽] 웹개발 종합반 2주차 기록

웹개발 종합반 2주차의 과정이다. 1주차보다 강좌 수가 줄어서 부담이 적겠다고 생각했으나 초보 중 한참 초보인 나로서는 조금씩 헤매는 과정이 나타나기 시작한 주차였다. 1주차 간단한 복습과 2주차에서 배우게 될 내용을 포괄적으로 설명해주고 바로 수업이 진행되었다. 2-2 jQuery 시작하기에서부터 2-5 JQuery 연습하기까지의 내용 jQuery란 HTML의 요소들을 조작하는 편리한 Javascript를 미리 작성해둔 것. (라이브러리!) jQuery를 사용하기에 앞서서서 아래의 jQuery CDN 부분을 참고해서 임포트해야한다. 1주차에서 부트스트랩 강의에선 부트스트랩 CDN이 코드스니펫에 딸려있어서 CDN을 직접 확인하는 방법을 몰랐는데 이번 강의를 통해서 알게되었다! 부트스트랩 CDN은 다음 링..
스파르타코딩클럽 웹개발종합반 2022. 3. 13. 17:11
[스파르타코딩클럽] 웹개발 종합반 1주차 기록

기나긴 취업고민 끝에 개발자가 되기로 마음을 먹었다. 문과생이 수학적 지식이 요구되는 코딩을 잘할수 있을까? 라는 걱정도 있었지만 걱정만 하고 시도해보지 않으면 후회만 남는법. 부트캠프 항해99에 도전하기로 했다. 스파르타 코딩클럽의 부트캠프 항해99 7기에 참여하기 앞서 사전 준비 프로그램인 웹개발 종합반을 수강하게 되었다. 이번 글에서는 웹개발 종합반 1주차 내용을 공부하고 그 기록을 남기고자한다. 스파르타 코딩클럽의 이범규 대표가 직접 강의를 진행한다. 친절한 설명과 나처럼 한번도 코딩을 경험해보지 못한 사람들을 위해 차근차근히 수업을 진행해줬다. 1-3 html css기본내용에서부터 1-7 폰트, 주석, 파일분리까지의 내용 스파르타코딩클럽 | HTML 기초 나는 구역을 나누죠 나는 문단이에요 bu..
스파르타코딩클럽 웹개발종합반 2022. 3. 12. 00:58
이전 Prev 1 Next 다음