항해 전/웹 개발 종합반8 og(open graph) 태그 og 태그 : og 태그란 Open Graph Tag의 줄임말로써 페이스북으로부터 시작된 규약입니다. 여러 사이트 및 콘텐츠들은 대부분 URL을 통해 공유가 되는 데 공유가 될 때 사이트 및 콘텐츠들을 표기하는 방식을 관리 할 수 있는 것이 og 태그이다. 링크를 공유하면 자연스럽게 보이는 썸네일, 제목, 설명들을 말한다. 해당 화면에 보이는 제목, 설명, 이미지 등이 바로 open graph 태그로 노출된 정보라고 한다. -> 콘텐츠 제목 -> 웹페이지 URL -> 웹페이지 타입(blog, website 등) -> 표시되는 이미지 -> 웹사이트 이름(URL과 다름) -> 웹페이지 설명(제목 아래에 표시) 출처 https://gocoder.tistory.com/315 HTML - og(open graph.. 2021. 10. 27. 웹개발 종합반 5주차 강의 2차 시도 숙제 http://eundol.shop/ 원페이지 쇼핑몰 양초를 팔아요 eundol.shop 회고록 오늘 2차 시도로 원페이지 쇼핑몰을 서버에 올리고 도메인까지 설정 해봤는 데 계속 하다가 서버 구동을 안시켜서 오류 나고 print 잘못 써서 오류 나고 왜인지도 모르겠는 오류가 많이 생겨서 몇시간을 붙잡고 있었지만 땅굴 파듯이 열심히 파고 파다 보니 숙제를 무사히 끝마칠 수 있었다. 잘했다!!!! 고생했어 너무너무 고생했어 장해 메모 연결하기 $ ssh -i /g/sparta_prepare/spartakeypair2.pem unbuntu@54.180.87.192 nohup 설정하기 컴퓨터를 꺼도 서버가 계속 돌아감. nohup python app.py 서버 강제 종료 ps -ef | grep 'app.p.. 2021. 10. 22. 웹개발 종합반 수료 회고록 1주차부터 4주차까지는 순탄하게 잘 이해하고 넘어 갔던 것 같은데 5주차에서 숨이 막히는 줄 알았다. 완전히 처음 보는 용어들과 설정들이다 보니 봐도 봐도 이해를 하지 못했고 1차 시도는 실패한 상태입니다. 오늘까지 총 3일동안 웹개발 종합반 강의를 수강 하면서 1회차를 마무리 하고 다음 주에 2회차를 할 예정입니다. 5주차 강의는 그때 다시 차근차근 들으면서 2차 시도를 해 볼 예정입니다. 아직 항해99 시작 전 워밍업이라 더 힘이 바짝 들어가서 하루종일 코딩을 하고 있는 데 이 마음이 오래오래 갔으면 좋겠다. 화이팅 2021. 10. 21. 웹개발 종합반 5주차 강의 1차 시도 숙제 회고록 1차 시도 실패 : 백신 맞은 상태에서 하려다가 너무 어려워서 강의만 듣고 구동은 하지 못했다. 1번째 문제는 이해를 못하겠고 2번째 문제는 설정 하는 게 많다보니 오류가 많이 발생해서 그 오류를 잡지 못했다. 다음 주에 2차 시도를 할 예정이고 그때도 안되면.... 다시 시도 해보도록 하겠다. 2021.10.20 공부 내용 정리 https://blog.naver.com/eundol0519 ㅡㅡ : 네이버 블로그 당신의 모든 기록을 담는 공간 blog.naver.com 도메인 구매 사이트 https://www.gabia.com 웹을 넘어 클라우드로. 가비아 그룹웨어부터 멀티클라우드까지 하나의 클라우드 허브 www.gabia.com 2021. 10. 20. 웹개발 종합반 4주차 강의 숙제 숙제 + DB 회고록 4개 정도의 크고 작은 프로젝트를 진행 했는 데 교수님과 같이 진행 할 때는 알 것 같으면서도 모를 것 같은 그런 느낌이 들었는 데 숙제를 진행 하면서 스스로 생각 해보고 어떻게 진행 되는 지 차근차근 진행 해보니 완벽히는 아니지만 80% 정도는 알게 된 것 같습니다. 다음 주 복습 할 때는 내가 만들었던 홍초 판매하는 사이트를 완성 시키면 될 것 같다. 2021.10.19 공부 내용 정리 https://blog.naver.com/eundol0519 ㅡㅡ : 네이버 블로그 당신의 모든 기록을 담는 공간 blog.naver.com 깃허브 https://github.com/eundol0519/homework/tree/main GitHub - eundol0519/homework: h.. 2021. 10. 20. 웹개발 종합반 3주차 강의 숙제 숙제 + DB 한번 더 연습 ★ data = request.get('url', headers=headers)에 url을 바꿔줘야 한다. 웹 사이트에서 오른쪽 클릭해서 검사를 누른다. 크롤링 할 정보가 담긴 tr을 눌러서 오른쪽 클릭 후 copy -> copy selector를 한다. python 파일에 복사 붙여넣기 하고 trs에 겹치는 부분까지 select를 사용해서 설정한다. 각각의 정보들은 같은 방식으로 copy selector 해서 trs에 설정한 뒷부분을 따로 복사한 후 반복문을 사용해서 복사 해둔 값들을 붙여 넣어서 trs 안에 있는 정보 값들을 select_one 해준다. import requests from bs4 import BeautifulSoup from pymongo impor.. 2021. 10. 19. 웹개발 종합반 2주차 강의 숙제 -> $(document).ready(function(){ }) : 페이지가 열리자 마자 실행되는 함수를 설정하는 곳 ajax를 사용해서 환율 API를 url 연결하고 기존의 홍초 값과 환율을 나눠서 달러를 구했고 .toFixed()를 사용해서 소수점 2번째 자리에서 반올림 함 .text를 사용해서 출력했다. 회고록 음..... 3주차의 충격으로 인해 2주차는 와 너무 간단했다!! 싶었습니다. 2021.10.19 공부 내용 정리 https://blog.naver.com/eundol0519 ㅡㅡ : 네이버 블로그 당신의 모든 기록을 담는 공간 blog.naver.com 깃허브 https://github.com/eundol0519/homework/blob/main/2%EC%A3%BC%EC%B0%A8 G.. 2021. 10. 19. 웹개발 종합반 1주차 강의 숙제 회고록 HTML, CSS, JS 기초를 다시 한번 더 다질 수 있었던 강의였던 것 같고 부트스트랩을 사용해서 작은 사이트들을 만들어 보니 이런 형태로도 만들 수 있구나라는 깨달음과 아이디어를 얻을 수 있었습니다. 전 교육원이나 독학에서 봤던 내용들이라 다시 보니 반갑기도 하고 다시 하나하나 쌓아간다는 느낌이라 공부하는 내내 뿌듯했습니다. 위 숙제는 평소 자주 마시고 관심을 가지고 있었던 홍초라는 제품을 가지고 만들었습니다. 강의를 듣고 숙제를 만들면서 새로 알게 된 내용 중 가장 인상 깊었고 재미있었던 부분은 div의 background-image를 설정하는 기능이였습니다. 전 프로젝트를 할 때는 HTML에서 img 태그를 사용하기만 했었는 데 CSS에서 image를 조작 할 수 있다는 게 인상 깊.. 2021. 10. 18. 이전 1 다음 728x90
