Y-Joo_Blog

https://velog.io/@y1andyu/Nginx-gunicorn-Django-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0 EC2 + Nginx + gunicorn + Django 배포하기 gunicorn 설치 잘 작동되는지 확인 service 파일 등록 Nginx 설치 server (enables, available) 등록 시작 django debug = False로 변경 STATIC_ROOT 설정 collectstatic 실행 velog.io 이제 웹사이트를 완성하고 배포를 해볼 시간이다! 전체적인 과정은 위 포스트를 따라했으나, 중간중간 막히는 부분이 있어 구글링과, 현직 개발자인 친구의 도움을 받아 배포를 완료했다. https://velog.io/@misun9283/A..

지난 포스트에서 디자인적인 부분은 많이 개선되었고, 이제 남은건 크롤링한 데이터를 넣고 크론탭으로 자동화를 시킨 후 배포하는 것이다. 크롤링하는 과정은 협업하는 친구가 맡아 Django 모델에 JSONField로 딕셔너리 형태로 넣어주었다. class BlogData(models.Model): title = models.CharField(max_length=200) content = models.JSONField(default=dict) BlogData.objects.all().delete() BlogData(title="COIN_DATA", content=json.dumps(preprocessingDict(result.copy()))).save() 첫번째 코드는 Django 모델, 두번째는 cron.p..

이 사진은 기획안에 있던 사진으로, 코인 이름을 클릭하면 div가 노출되고, div 바깥을 클릭하면 다시 안보이게 되는 기능이다. 이를 구현하기 위해 먼저 body에 div 하나를 만들었다. detail display:none을 사용해 평소에는 보이지 않게 만들었고, JS에서 코인 이름 클릭 이벤트리스너를 이용해 보이게 만들었다. newdiv.addEventListener('click', function () { detail.innerHTML = ""; let divEls = document.querySelectorAll('.detail > div'); for (let i = 0; i < divEls.length; i++) { divEls[i].remove(); } for (let i = 0; i < p..

캘린더의 기본 베이스는 아래 사이트에서 가져와서 사용했다. hyojin96.tistory.com/entry/Calendar-%EA%B5%AC%ED%98%84-%EB%AA%A9%ED%91%9C Calendar 구현 목표 ※ 목차 Calendar 구현 목표 Calendar 코드리뷰 - HTML마크업 Calendar 코드리뷰 - CSS 적용하기 Calendar 코드리뷰 - JavaScript 적용하기 Calendar - 프로젝트를 마치며 구현된 최종 캘린더 이미지 구현한 계기.. hyojin96.tistory.com 그 후 테스트 용도로 데이터를 넣어보았다. 이전 게시물에서 말했듯 스크롤이 길어지는 모습을 보였고, 때문에 시간을 조금 투자해 가로 스크롤로 바꿀 수 있었다. 이때 프로젝트에 필요없는 부분이라 생..

소프트웨어 마에스트로 준비를 하며 프로젝트 경험이 중요하다는 사실을 깊이 깨달았다. 그 계기로 친구와 웹 프로젝트 협업을 해보기로 결정했고, 주제는 당시 불장이라고 소문나있었던 '코인 호재 모음 사이트 만들기' 로 결정했다. 그 이후 대략적인 기획안을 제시했는데, 그 기획안이 위에 있는 저 달력이다. 물론 최종적인 결과물과는 많이 다르지만, 그래도 어느정도 뼈대를 잡아준 달력이다. 간단히 설명을 하자면 우리 사이트의 목적은 여러 호재 사이트의 정보를 모아 이용자가 보기 편하게 한 화면에 들어오게 하는 것이었다. 결과부터 말하자면 저 달력을 실제로 만들어보았으나, 예상보다 훨씬 많은 코인 뉴스의 양으로 인해 각 날마다 스크롤이 너무 길어지는 참사가 발생했다.. 이는 이용자의 가독성을 아주 많이 떨어뜨린다 ..