프로젝트 주제: 영화 관련 추천 및 검색

 


 

# 3조 노션 링크

https://slime-scorpio-806.notion.site/11-938cf7c6ccf34c9db81d58165d2b74af

 

11일 메이킹 챌린지 [전혁과아이들]

프로젝트 주제: 영화 관련 추천 및 검색

slime-scorpio-806.notion.site

 

 

# 메인 깃허브 레포지토리

https://github.com/yarogono/sparta-project

 

yarogono/sparta-project

Contribute to yarogono/sparta-project development by creating an account on GitHub.

github.com

 

 

# 오늘 한 일

  • 파이썬 model과 view 분리
  • css 코드 버그 발견후 수정 및 정리
  • html 코드 수정 및 정리

 

 

 

# 참고 및 공부한 사이트

 

 

https://wikidocs.net/81061

 

위키독스

온라인 책을 제작 공유하는 플랫폼 서비스

wikidocs.net

 

- 글 수정 기능 관련 공부

 

 

https://wikidocs.net/81504

 

위키독스

온라인 책을 제작 공유하는 플랫폼 서비스

wikidocs.net

- 플라스크 애프리케이션 팩토리 세팅 완료

 

 

 

https://developer.mozilla.org/ko/docs/Web/CSS

 

CSS: Cascading Style Sheets | MDN

Cascading Style Sheets(CSS)는 HTML이나 XML(XML의 방언인 SVG, XHTML 포함)로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어입니다. CSS는 요소가 화면, 종이, 음성이나 다른 매체 상에 어떻게 렌

developer.mozilla.org

- css 관련 MDN 사이트 참고

반응형

 

프로젝트 주제: 영화 관련 추천 및 검색

 


 

# 3조 노션 링크

https://slime-scorpio-806.notion.site/11-938cf7c6ccf34c9db81d58165d2b74af

 

11일 메이킹 챌린지 [전혁과아이들]

프로젝트 주제: 영화 관련 추천 및 검색

slime-scorpio-806.notion.site

 

 

# 메인 깃허브 레포지토리

https://github.com/yarogono/sparta-project

 

yarogono/sparta-project

Contribute to yarogono/sparta-project development by creating an account on GitHub.

github.com

 

 

# 오늘 한 일

  • 게시판 글 삭제 기능 구현
  • 게시판 글 페이지 DB에서 데이터 가져와 출력 완료
  • 영화 순위 페이지 nav바 버그 수정

 

 

 

# 참고 및 공부한 사이트

 

 

https://journeytosth.tistory.com/38?category=409691 

 

[프로젝트] Flask로 게시판 만들기 - 4

Flask로 게시판 만들기 - 4 (참고 강의 링크-인프런 강의) (공부 하며 기록이 필요한 부분들만 정리함) 개발 환경 : windows 10 / Python 3.8.1 / vscode 검색 기능 구현하기 1. 검색 기능 구현하기 (전체 코드X,

journeytosth.tistory.com

 

 

https://wikidocs.net/81061

 

위키독스

온라인 책을 제작 공유하는 플랫폼 서비스

wikidocs.net

 

반응형

 

프로젝트 주제: 영화 관련 추천 및 검색

 


 

# 3조 노션 링크

https://slime-scorpio-806.notion.site/11-938cf7c6ccf34c9db81d58165d2b74af

 

11일 메이킹 챌린지 [전혁과아이들]

프로젝트 주제: 영화 관련 추천 및 검색

slime-scorpio-806.notion.site

 

 

# 메인 깃허브 레포지토리

https://github.com/yarogono/sparta-project

 

yarogono/sparta-project

Contribute to yarogono/sparta-project development by creating an account on GitHub.

github.com

 

 

# 오늘 한 일

  • jinja2 문법으로 html에서 if문 사용
  • 게시판 Pagination 기능 구현
  • 백엔드: 게시판 글 작성 및 게시글 리스트 화면 출력

 

 

 

# 참고 및 공부한 사이트

 

 

https://wikidocs.net/81054

 

위키독스

온라인 책을 제작 공유하는 플랫폼 서비스

wikidocs.net

 

 

 

https://journeytosth.tistory.com/38?category=409691 

 

[프로젝트] Flask로 게시판 만들기 - 4

Flask로 게시판 만들기 - 4 (참고 강의 링크-인프런 강의) (공부 하며 기록이 필요한 부분들만 정리함) 개발 환경 : windows 10 / Python 3.8.1 / vscode 검색 기능 구현하기 1. 검색 기능 구현하기 (전체 코드X,

journeytosth.tistory.com

 

 

 

https://webisfree.com/2017-08-16/python-jinja2%EC%97%90%EC%84%9C-if%EB%AC%B8-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95

 

Python jinja2에서 if문 사용하는 방법

Python에서 Jinja2 템플릿을 사용하여 표현식으로 html에 출력할 경우 if문을 사용하는 방법을 알아봅니다

webisfree.com

 

반응형

 

프로젝트 주제: 영화 관련 추천 및 검색

 


 

# 3조 노션 링크

https://slime-scorpio-806.notion.site/11-938cf7c6ccf34c9db81d58165d2b74af

 

11일 메이킹 챌린지 [전혁과아이들]

프로젝트 주제: 영화 관련 추천 및 검색

slime-scorpio-806.notion.site

 

 

# 메인 깃허브 레포지토리

https://github.com/yarogono/sparta-project

 

yarogono/sparta-project

Contribute to yarogono/sparta-project development by creating an account on GitHub.

github.com

 

 

# 오늘 한 일

  • CSS 에니메이션과 hover 기능을 사용해 다양한 효과 적용
  • jinjia2 문법을 사용해 html 코드 간소화
  • 플라스크 블루프린트를 활용해서 컬렉션 페이지 5개 코드 간소화
  • 백엔드: 영화 순위 페이지 및 컬렉션 페이지 완성

 

 

 

# 참고 및 공부한 사이트

 

 

 

https://velog.io/@decody/-Flask-Template%EC%97%90-Jinja2-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

 

Flask Template에 Jinja2 사용하기

Jinja2란 Jinja2(이하 Jinja)는 Python 웹 프레임워크인 Flask에 내장되어 있는 Template 엔진이다. Jinja는 JSP의 문법이나 ES6의 template string과 비슷한 문법을 가지고 있다. Jinja 문법은 간단히 아래와 같다. {{

velog.io

 

 

 

진자(Jinja2) 문법 Documentation

https://jinja.palletsprojects.com/en/2.10.x/

 

Jinja — Jinja Documentation (2.11.x)

 

jinja.palletsprojects.com

 

 

https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Animations/Using_CSS_animations

 

CSS 애니메이션 사용하기 - CSS: Cascading Style Sheets | MDN

CSS3 애니메이션은 엘리먼트에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜 줍니다. 애니메이션은 애니메이션을 나타내는 CSS 스타일과 애니메이션의 중간 상태를 나타내는 키프

developer.mozilla.org

 

 

 

https://studiomeal.com/archives/533

 

이번에야말로 CSS Grid를 익혀보자

이 포스트에는 실제 코드가 적용된 부분들이 있으므로, 해당 기능을 잘 지원하는 최신 웹 브라우저로 보시는게 좋습니다. (대충 인터넷 익스플로러로만 안보면 된다는 이야기) 이 튜토리얼은 “

studiomeal.com

 

반응형

 

프로젝트 주제: 영화 관련 추천 및 검색

 


 

# 3조 노션 링크

https://slime-scorpio-806.notion.site/11-938cf7c6ccf34c9db81d58165d2b74af

 

11일 메이킹 챌린지 [전혁과아이들]

프로젝트 주제: 영화 관련 추천 및 검색

slime-scorpio-806.notion.site

 

 

# 메인 깃허브 레포지토리

https://github.com/yarogono/sparta-project

 

yarogono/sparta-project

Contribute to yarogono/sparta-project development by creating an account on GitHub.

github.com

 

 

# 오늘 한 일

  • 상대경로와 절대경로에 대한 이해
  • 플라스크에서 블루프린트를 사용하는 이유와 사용법
  • 파이썬 모듈에 대한 공부 및 직접 코드 작성
  • 백엔드: 영화 순위 페이지 CSS 수정 및 각 영화 이미지 클릭 시 링크로 이동

 

 

 

# 참고 및 공부한 사이트

 

 

https://wikidocs.net/29

 

위키독스

온라인 책을 제작 공유하는 플랫폼 서비스

wikidocs.net

 

모듈이란 함수나 변수 또는 클래스를 모아 놓은 파일이다.

 

 

 

 

 

블루 프린트관련 공부 한 사이트들

 

https://wikidocs.net/81510

 

위키독스

온라인 책을 제작 공유하는 플랫폼 서비스

wikidocs.net

 

https://flask-docs-kr.readthedocs.io/ko/latest/blueprints.html

 

블루프린트를 가진 모듈화된 어플리케이션 — Flask 0.11-dev documentation

블루프린트는 리소스 또한 제공할 수 있다. 때때로 여러분은 단지 리소스만을 제공하기 위해 블루프린트를 사용하고 싶을 수도 있다. 블루프린트 리소스 폴더 보통 어플리케이션처럼, 블루프린

flask-docs-kr.readthedocs.io

 

 

 

 

반응형

 

 

프로젝트 주제: 영화 관련 추천 및 검색

 

 


 

# 3조 노션 링크

https://slime-scorpio-806.notion.site/11-938cf7c6ccf34c9db81d58165d2b74af

 

11일 메이킹 챌린지 [전혁과아이들]

프로젝트 주제: 영화 관련 추천 및 검색

slime-scorpio-806.notion.site

 

 

# 메인 깃허브 레포지토리

https://github.com/yarogono/sparta-project

 

yarogono/sparta-project

Contribute to yarogono/sparta-project development by creating an account on GitHub.

github.com

 

 

# 오늘 한 일

  • postman 툴에 대한 이해 및 사용법 강의 시청
  • DOM 트리에 대한 이해
  • 네이버 영화 API를 사용하면서 API 개념 이해
  • 백엔드: 크롤링한 데이터 영화 순위 페이지에 출력

 

 

 

# 참고 및 공부한 사이트

 

https://poiemaweb.com/js-dom

 

DOM | PoiemaWeb

브라우저는 웹 문서(HTML, XML, SVG)를 로드한 후, 파싱하여 DOM(문서 객체 모델. Document Object Model)을 생성한다. 파일로 만들어져 있는 웹 문서를 브라우저에 렌더링하기 위해서는 웹 문서를 브라우저

poiemaweb.com

 

- DOM트리의 구조를 예시 이미지를 보면서 이해

 

 

http://blog.wishket.com/api%EB%9E%80-%EC%89%BD%EA%B2%8C-%EC%84%A4%EB%AA%85-%EA%B7%B8%EB%A6%B0%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8/

 

API란? 비개발자가 알기 쉽게 설명해드립니다! - Wishket

여러분은 API가 무엇인지 알고 계신가요? 자주 듣지만 그 개념이 무엇인지 정확하게 알기 쉽지 않은데요. 이번 시간 위시켓이  API란 무엇인지 알기 쉽게 설명해드리고자 합니다. 

blog.wishket.com

 

 

 

반응형

 

 

프로젝트 주제: 영화 관련 추천 및 검색

 

 


 

# 3조 노션 링크

https://slime-scorpio-806.notion.site/11-938cf7c6ccf34c9db81d58165d2b74af

 

11일 메이킹 챌린지 [전혁과아이들]

프로젝트 주제: 영화 관련 추천 및 검색

slime-scorpio-806.notion.site

 

 

# 메인 깃허브 레포지토리

https://github.com/yarogono/sparta-project

 

yarogono/sparta-project

Contribute to yarogono/sparta-project development by creating an account on GitHub.

github.com

 

 

# 오늘 한 일

  • DB에서 find() 함수를 이용해서 데이터를 가져와 jinjia를 활용해 html에 출력
  • Git remote 명령어 직접 실행해 보면서 숙달
  • 자바스크립트 이미지 슬라이드 기능 구현
  • 백엔드: 크롤링한 데이터 영화 순위 페이지에 출력

 

 

# 참고 및 공부한 사이트

 

https://im-developer.tistory.com/97

 

[JS/Slider] 바닐라 자바스크립트로 무한 루프 슬라이드(Carousel) 구현하기

무한 루프 슬라이드 오늘은 자바스크립트로 구현해 본 무한루프 슬라이드를 정리해보려고 한다. 예전에 제이쿼리를 사용해서 슬라이드를 구현해본 적은 있지만 마지막 슬라이드에서 첫번째 슬

im-developer.tistory.com

 

- 자바스크립트만 사용해서 슬라이드 기능 구현

- CSS를 사용해서 버튼 꾸미기 및 position에 대한 이해

 

반응형

 

프로젝트 주제: 영화 관련 추천 및 검색

 

 


 

# 3조 노션 링크

https://slime-scorpio-806.notion.site/11-938cf7c6ccf34c9db81d58165d2b74af

 

11일 메이킹 챌린지 [전혁과아이들]

프로젝트 주제: 영화 관련 추천 및 검색

slime-scorpio-806.notion.site

 

 

# 메인 깃허브 레포지토리

https://github.com/yarogono/sparta-project

 

yarogono/sparta-project

Contribute to yarogono/sparta-project development by creating an account on GitHub.

github.com

 

 

# 오늘 한 일

  • Git pull에 대한 개념 이해 및 실습
  • Git fetch와 pull의 차이 이해
  • GitHub 페이지를 통한 에러코드 공유 및 해결
  • 백엔드: 크롤링한 데이터 MongoDB에 insert
  • 파이썬 딕셔너리, 리스트 사용해서 크롤링 데이터 정리

 

 

# 참고 및 공부한 사이트

https://uxgjs.tistory.com/183

 

Git Flow 개념 이해하기

Git으로 협업을 하는 것이 매우 좋다라고는 알고 있으나 실제로 서로 다른 그 사람들이 어떻게 각자 작성한 코드를 합치고 배포하는지가 궁금해 졌습니다. Git-flow 이해하기 Git-flow는 Git이 새롭게

ux.stories.pe.kr

- 협업을 위한 Git Flow에 대한 개념

 

 

 

 

https://sabarada.tistory.com/75

 

[git] git을 이용한 버전관리 - 기본편 (remote, push, pull, fetch, clone) with github

안녕하세요. git에 대해서 이야기하는 3번째 시간입니다. 오늘은 원격 저장소(remote repository)과 이를 이용하는 명령어인 push , pull , fetch , clone 에 대해서 알아보도록 하겠습니다. git의 component 구..

sabarada.tistory.com

 

pull 명령어는 원격 저장소의 소스를 가져오고 해당 소스가 현재 내 소스보다 더 최신 버전이라고 하면 

지금의 버전을 해당 소스에 맞춰 올립니다.  merge 명령어를 사용하는 것입니다.

pull = fetch + merge 의 효과가 있습니다.

 

 

 

 

반응형

 

프로젝트 주제: 영화 관련 추천 및 검색

 


 

# 3조 노션 링크

https://slime-scorpio-806.notion.site/11-938cf7c6ccf34c9db81d58165d2b74af

 

11일 메이킹 챌린지 [전혁과아이들]

프로젝트 주제: 영화 관련 추천 및 검색

slime-scorpio-806.notion.site

 

 

# 메인 깃허브 레포지토리

https://github.com/yarogono/sparta-project

 

yarogono/sparta-project

Contribute to yarogono/sparta-project development by creating an account on GitHub.

github.com

 

 

# 오늘 한 일

  • Git add,  commit, push 명령어 실행
  • Git 레포지토리 직접 만들어봄
  • Git branch에 대한 이해 및 실습(branch 삭제, 생성)
  • 협업을 위한 Git, Github 세팅
  • 백엔드: 영화 순위 크롤링(왓챠, 넷플릭스, 박스오피스)

 

 

# 참고 및 공부한 사이트

https://backlog.com/git-tutorial/kr/stepup/stepup1_1.html

 

누구나 쉽게 이해할 수 있는 Git 입문~버전 관리를 완벽하게 이용해보자~ | Backlog

누구나 쉽게 알 수 있는 Git에 입문하신 것을 환영합니다. Git을 사용해 버전 관리를 할 수 있도록 함께 공부해봅시다!

backlog.com

 

 

 

 

https://andamiro25.tistory.com/193

 

[git]깃허브로 협업하기(Forking Workflow방식)

Forking WorkFlow 방식의 협업 - 모든 프로젝트 참여자가 개인 로컬 저장소와 공개된 자신의 원격 저장소(중앙 원격 저장소를 fork한 것), 이 두개의 저장소를 가지고 협업을 진행하는 방식이다. - 모든

andamiro25.tistory.com

 

반응형

 

프로젝트 주제: 영화 관련 추천 및 검색

 

 


 

# 3조 노션 링크

https://slime-scorpio-806.notion.site/11-938cf7c6ccf34c9db81d58165d2b74af

 

11일 메이킹 챌린지 [전혁과아이들]

프로젝트 주제: 영화 관련 추천 및 검색

slime-scorpio-806.notion.site

 

 

 

# 오늘 한 일

  • 터미널 창에 직접 Git에 대한 명령어 입력하면서 숙달
  • cmd창 명령어(cd, mkdir) 입력하면서 숙달
  • 협업을 위한 git 사용법 공부
  • 프론트 엔드: 페이지 구성 디자인
  • 백엔드: 영화정보(순위 등) 크롤링 할 웹사이트 선정 후 진행

 

 

 

 

# 참고 및 공부한 사이트

https://deepinsight.tistory.com/167

 

[협업을 위한 git & GitHub] 2. 다른 사람의 원격 저장소로부터 협업하는 방법(Fork, clone, upstream, Pull Re

안녕하세요 Steve-Lee입니다. 오늘은 '협업을 위한 git & GitHub' 두 번째 시간으로 다른 사람의 원격 저장소(Remote Repository)를 가져와 협업하는 방법에 대해 다뤄보도록 하겠습니다. (내용이 조금 많을

deepinsight.tistory.com

 

 

 

 

반응형

+ Recent posts