본문 바로가기

분류 전체보기188

웹 / 페이스북 좋아요 기능 웹 사이트 만들기(2) - DB에 있는 데이터를 활용해 클라이언트에게 시각화하기 내용이 길 것 같아, 게시글을 나누어 프로젝트를 진행해보겠다. 개발환경 설정 및 데이터베이스(DB) 준비는 아래 참고 ▼ 페이스북 좋아요 기능 웹 사이트 만들기(1) - 개발환경 설정 및 크롤링을 통한 데이터베이스(DB) 준비 기본 틀 웹페이지의 모습이다. 디자인 부분에 있어서 조금 허접(?)한 느낌이 있지만 좋아요나 없애기 등, 필요한 기능에 대해서는 충실한 편이다. 웹 페이지 HTML 기본 틀 index.html 파일 / My favorite actor . HTML 기본 틀 코드 My Favorite Actor🙈 내가 좋아하는 배우 순위♥ 문채원 (좋아요: 1004) 오늘의 연애(영화제목) 좋아요 없애기 해당 프로젝트에서는 app.py 파일에서 서버와 API를 제공하고, 데이터베이스(DB)를 활용할 .. 2021. 6. 10.
웹 / 페이스북 좋아요 기능 웹 사이트 만들기(1) - 개발환경 설정 및 크롤링을 통한 데이터베이스(DB) 준비 오늘 할 프로젝트 이번에 할 프로젝트는 영화 유명 배우들의 프로필을 만들고 우리가 좋아요를 누르거나 싫어요, 삭제를 누르는 등의 평가를 할 수 있는 예를 들면 페이스북 좋아요 기능(?) 비슷한 것을 구현해보고자 한다. 새 프로젝트를 만들어준다. 매일 색칠을 해서 가리는 부분은... 개인정보라 이해해주길 바란다. 새 프로젝트가 생성되었다면 아래와 같이 static 폴더, templates 폴더, index.html 파일, app.py 파일을 만들어준다. static 폴더에는 CSS나 이미지 파일들을 담아둘 때 사용할 것이다. 그리고 templates 폴더에는 HTML 파일들을 담아둘 때 사용할 것이다. 그리고 서버로 활용할 app.py 파일 templates 폴더에 index.html 파일 그리고 라이브러.. 2021. 6. 8.
가비아(gabia) 도메인 등록/ 500원에 도메인 만들고 등록하기/ 도메인 등록 대행 서비스/ 도메인 500원 이벤트 우선 설명 전에 현재 가비아(gabia)에서 도메인을 무려 550원에 등록할 수 있도록 이벤트를 하고 있다! !!! 가비아(gabia)를 사용하기 전에 가비아가 무엇인지 부터 알아보자. 가비아(gabia)란? 가비아(gabia)란 이전과 같이 설치해야 하는 프로그램이 아니라, 판교에 있는 클라우드 기업이다. 네이버의 힘을 빌려보자. 요약을 보면 '도메인 등록 대행 및 서버 호스팅을 주력 사업으로 하는 정보기술(IT) 업체'라고 한다. 가비아(gabia)에 대해서 알아봤는데, 우리가 가비아에서 사용하고자 하는 것은 '도메인'이다. 가비아를 통해 도메인을 등록하면 가비아에서 대행으로 등록해주는 것이다. 그럼 여기서 도메인(domain)이란? 숫자로 이루어진 인터넷상의 컴퓨터 주소를 알기 쉬운 영문으로 표현한.. 2021. 6. 8.
파일질라(FileZilla) 설치하기/ FTP 프로그램 추천/ FTP란 무엇인가?/ 파일질라 설치 방법 파일질라(FileZilla)를 다운로드 받기 전에, 파일질라가 무엇인지부터 알아보자. 파일질라(FileZilla)란? 파일 질라는 쉽게 말해 'FTP 프로그램'이다. 개인 컴퓨터와 웹 사이트(웹 서버)간에 파일 전송 프로그램이다. 여기서 말하는 FTP(File Transfer Protocol)이란? 네이버의 도움을 받자. 쉽게 말하면 '파일 전송'을 지원하는 프로그램이나 방법을 지칭한다. 파일질라는 '오픈 소스 크로스 플랫폼의 자유로운 소프트웨어인 FTP 소프트웨어'이다. 윈도우, MacOS, 리눅스로 FTP, SFTP, FTPS (SSL/TLS 위에서의 FTP)를 지원한다. FileZilla 다운로드 받기 다운받으려면 아래 링크 클릭 ▼ https://filezilla-project.org/downlo.. 2021. 6. 7.
웹 / 쇼핑몰 서버와 데이터베이스(DB) 관리하기/ 쇼핑몰 주문자 정보 관리하기/ 웹 쇼핑몰 만들어보기 이번 글에서는 쇼핑몰에서 클라이언트가 주문한 내용을 데이터베이스에 저장하고, 다시 클라이언트에게 보여주는 것을 해볼 것이다. 그 전에 쇼핑몰에 대한 기본 틀이 있어야 한다. 직접 만들어도 좋지만 예전에 만들어둔 것이 있다. 쇼핑몰 기본 틀 가져오기/ 아래 클릭▼ 웹 / 쇼핑몰 기능 추가하기 / Ajax와 jQuery로 쇼핑몰에 환율추가 해보기/ 환율 API 활용한 쇼핑몰 웹 / 쇼핑몰 기능 추가하기 / Ajax와 jQuery로 쇼핑몰에 환율추가 해보기/ 환율 API 활용한 쇼핑몰 이전에 HTML, CSS, JavaScript에 요소들로만 제작하였던 웹 쇼핑몰(?) 비스무리한 것을 다시 한번 더 활용해보고자 한다. HTML, CSS, JavaScript와 함께 이전 글에서 쭉 다뤄왔던 Ajax와 jQuer.. 2021. 6. 7.
웹 / 영화를 기록하는 나만의 메모장 웹 만들기/ 메타(meta)태그 크롤링하기/ 네이버 영화 크롤링해서 웹에 메모하기 이번 글에서는 나만의 영화를 기록하는 메모장을 만들어보자. 어떤 식으로 구현하냐면, 클라이언트가 인상깊었던 영화를 네이버에서 url을 가져오고 해당 영화에 어떤 부분이 재밌었는지 코멘트를 달게 되면 기록이 되는 방식의 메모장이다. 프로젝트 개발환경 세팅하기 myonlymovie라는 새프로젝트를 만들어준다. static 폴더에는 CSS나 이미지 파일들을 담아둘 때 사용할 것이다. 그리고 templates 폴더에는 HTML 파일들을 담아둘 때 사용할 것이다. 그리고 서버로 활용할 app.py 파일을 생성해준다. 그리고 미리 templates 폴더에 index.html 파일을 생성해준다. 그리고 라이브러리를 설치해줘야 하는데 우리가 이번 글에서 사용할 것은 데이터베이스, 크롤링, 서버를 사용할 것이다. 서버를.. 2021. 6. 7.
웹 / 책 리뷰 작성하고 저장하는 웹 만들기/ 책 리뷰 데이터베이스(DB)에 저장하고 가져와 사용하기/ Ajax, jQuery, HTML, 파이썬 Flask 프레임워크 이번 글에서는 책 리뷰를 작성하고 저장할 수 있는 웹 사이트를 만들어보겠다. 파이참(Pycharm) 새 프로젝트 생성 후 개발환경 세팅하기 새 프로젝트를 생성해준다. 미리 바탕화면에서 project 폴더를 만들고, 그 안에 bookreview라는 폴더를 만든 뒤에 새 프로젝트를 만들 때 경로를 bookreview 폴더로 해주자. 그리고 아래에 새로운 환경에 venv가 입력 되어 있는 지 확인을 해주자. 그리고 이전 글에서 했던 것처럼 세팅을 해줄 것이다. 이전 글 ▼ 웹 / Flask 프레임워크를 활용한 서버 만들기 심화/ 로컬호스트로 서버 만들기 폴더를 2개 만드는데 이름은 static 폴더, templates 폴더이다. static 폴더에는 CSS나 이미지 파일들을 담아둘 때 사용할 것이다. 그리고 .. 2021. 6. 6.
웹 / 서버에 API 직접 만들어보기/ Ajax를 통해 직접 만든 서버에서 API 가져와보기/ 서버 API GET, POST 요청해보기/ API란 무엇인가 오늘은 이전에 만들었던 서버 파일에 다른데서 가져와 활용만 했던 API를 직접 만들어볼 것이다. 그럼 그 전에 API가 무엇인지부터 이해를 하고 넘어가자. API (Application Programming Interface)란? 네이버 [컴퓨터인터넷 IT 용어대사전] 검색 결과ㅣ 위시켓이란 곳에서는 우리가 레스토랑에 있다고 가정하고 API 예시를 들었다. 점원이 가져다준 메뉴판을 보고 점원에게 주문을 한다. 그러면 점원은 요리사에게 요청을 하고, 다 된 요리를 점원이 우리에게 가져다 준다. 그러면 여기서 점원의 역할을 보면 손님에게 메뉴를 알려주고, 주방에 주문받은 요리를 요청하는 역할을 한다. 그것이 바로 API의 역할이다. 간결하게 말하면 API는 프로그램들이 서로 상호작용하는 것을 도와주는 '매개.. 2021. 6. 5.
웹 / Flask 프레임워크를 활용한 서버 만들기 심화/ 로컬호스트로 서버 만들기 이번 글에서는 이전에 다뤘던 Flask 프레임워크로 내 컴퓨터를 서버로 만들어 보았던 것에서 좀 더 심화된 내용을 다루려고 한다. 그렇기 때문에 이전 글을 참고해 Flask 프레임워크 기본 틀을 활용해 내 컴퓨터를 서버로 만드는 과정까지 완료해줘야 한다. 웹 / 내 컴퓨터를 서버로 만들고 접속하기/ 웹서버 Flask 프레임워크로 구동하기/ 파이썬으로 웹 서버 만들기 웹 / 내 컴퓨터를 서버로 만들고 접속하기/ 웹서버 Flask 프레임워크로 구동하기/ 파이썬으로 웹 이번 글에서는 웹 서버를 만들어볼 것이다. 이전에 라이브러리를 활용했던 것들과 차별을 두기 위해 새 프로젝트에서 코드를 작성해줄 것이다. 새 프로젝트를 만들어보자. 연습이란 이름으로 pr parkjh7764.tistory.com prac 프로젝.. 2021. 6. 5.

티스토리툴바