1부에서 계속 1부 보기 django + mysql + AWS 로 쇼핑 정보 가져오는 게시판 만들기 (Daeran.net) (1) 1. 시작 평소에 '대란'이라고 하는 쇼핑 정보를 온갖 사이트에서 찾아보곤 한다. '대란'이라 함은 낮은 가격으로 물건 이 올라올때 '~~ 대란'이라고 하는 데서 유래했다. 아주 싼 가격에 올라오기 때문에 짧은 시.. nangman14.tistory.com 6. 구현 결과 지금까지의 과정까지 구현된 것들은 다음과 같다. 대문 페이지에서 Daeran.net에서 올라온 모든 글들 중 최신 순으로 10개를 보여준다. 카테고리 별로 색이 들어간 뱃지를 사용해 구분이 용이하게 했다. Bootstrap4을 사용해 페이지를 꾸몄다. 게시판 리스트 페이지에서 크롤러가 db에 저장한 데이터를..
1. 시작 평소에 '대란'이라고 하는 쇼핑 정보를 온갖 사이트에서 찾아보곤 한다. '대란'이라 함은 낮은 가격으로 물건 이 올라올때 '~~ 대란'이라고 하는 데서 유래했다. 아주 싼 가격에 올라오기 때문에 짧은 시간 안에 구매 해야 품절되기 전에 구입할 수 있다는 특징이 있다. 그래서 '대란'글은 글을 얼마나 빨리 발견하느냐에 따라 구입 승패여부가 갈라진다. 문제는 '대란'글이 올라오는 사이트가 한 두 군데가 아니라는 것이다. 여러 사이트들을 돌다보면 내가 다른 사이트를 보는 사이 괜찮은 '대란'글이 올라오는 경우가 부지기수였다. 여러 사이트들을 일일이 도는 것도 여간 귀찮은 일이 아니였다. 그렇게 몇 번의 구입실패와 귀찮음를 경험하고 나서, 나는 모든 사이트들의'대란'글들을 몰아서 볼 수 있다면 좋을텐..
Onclick과 AddEventListener 라는 비슷한 메소드 중 어떤 것을 사용해야 할까? 우선 Onclick() 메소드는 다음과 같이 사용할 수 있다. 1 element.attachEvent('onclick', function() { /* do stuff here*/ }); attachEvent() 메소드를 통해 붙여진 Onclick 메소드는 말 그대로 element를 '클릭'시 function을 실행시키는 기능이다. 하지만 AddEventListener는? 1 element.addEventListener('click', function() { /* do stuff here*/ }, false); 이런 식으로 AddEventListener를 통해 click 시 function을 실행시키는 메소드이..
최근 Django를 이용해 제작하는 프로젝트를 하는 중이다. Django가 제공하는 CBV 중 PasswordChangeView를 사용해 비밀번호 변경 페이지를 만들던 중에 나를 곤경에 빠지게 했던 경우가 있어 글로 써보자 한다. Django에서 제공하는 auth는 password라는 자체적인 type을 제공해 입력한 비밀번호를 암호화해주며 안전하게 설정할 수 있도록 도와준다. 이 기능을 자세히 모르고 있어 사단이 났다. 위의 화면처럼 ChangePasswordview를 사용하면 간편하게 비밀번호 변경 페이지를 제작할 수 있다. 여기서 필요한 구성요소는 기존 비밀번호인 old_password, 새 비밀번호인 new_password1 새 비밀번호 확인용인 new_password2가 전부이다. 그래서 비밀번..
AWS 서비스 중 EC2를 사용하다보면 Putty 등의 SSH 터미널 원격 접속을 사용할 일이 많다. 하지만 이러한 방법은 GUI가 지원되지 않아 그래픽을 사용하는 결과물을 바로 볼 수 없다는 단점이 있다. 이번 글에서는 X11 Forwarding을 통해 SSH 접속을 하면서 GUI로 어플리케이션을 실행하는 법을 알아보자 1. Putty와 Xming을 이용한 방법 SSH 접속에 많이 사용되는 Putty를 계속 이용하면서 GUI 프로그램을 사용할 수 있는 방법이다. 여기서 본 글에서 EC2 운영체제는 Ubuntu를 기준으로 시연한다. 우선 Xming이라는 프로그램을 설치해야 한다. https://sourceforge.net/projects/xming/ Xming X Server for Windows Dow..
2020년 1월 21일에 열렸던 AWS Coummunity Day 참석 후기를 올려보고자 한다. 1월 말에 참석했던 후기를 약 2달이 지나 쓰게 되어서 자세한 기억과 경험을 적지는 못하겠지만 그 때 있었던 경험들과 얻었던 것들, 간략한 후기를 남겨 앞으로 많은 사람들이 AWS 관련 행사에 관심을 가졌으면 한다. AWS Community Day가 열린다는 소식을 듣고 약 한 달 전부터 참석 신청을 하고 기다렸던 기억이 난다. 이전에 참석했던 AWS job go 행사부터 아마존 웹 서비스에 대한 흥미와 기대를 가졌기에 이번 Community day에 대한 기대감이 많았던 것 같다. 특히 AWS SAA 자격증을 앞두고 한창 AWS 서비스 관련 공부에 집중하고 있을 때라 더 그랬던 기억이 난다. 본 행사의 일정..
본 글은 이전 글 Node.js + MongoDB 로 이미지 웹 만들어보기(1)에서 이어진다. Node.js + MongoDB 로 이미지 웹 만들어보기(1) Node.js + MongoDB 로 이미지 웹 만들어보기 (1) 1. 시작 Node.js와 MongoDB 를 사용해서 이미지를 업로드하고 볼 수 있는 기초적인 웹 애플리케이션을 만들어 보고자 한다. 기본적인 기능과 디자인은 https://imgur.com/ 과 비슷한 형태가 될 것이라고 생각하고.. nangman14.tistory.com 이전 글에서 웹 애플리케이션을 만드는데 필요한 기술 스택과 개략적인 구조를 알아보았다. 이제 본격적으로 웹에서 이미지를 업로드해 저장되는 과정을 알아보자. Client는 찾아보기 버튼을 통해 이미지 파일을 올린 뒤 ..
1. 시작 Node.js와 MongoDB 를 사용해서 이미지를 업로드하고 볼 수 있는 기초적인 웹 애플리케이션을 만들어 보고자 한다. 기본적인 기능과 디자인은 https://imgur.com/ 과 비슷한 형태가 될 것이라고 생각하고 있다. 평소에 Freequration 이나 Pixabay 같은 이미지 사이트를 유용하게 사용해와서 동일한 기능의 사이트를 제작해보고 싶었다. 초기에 기획했던 기초적인 명세는 다음과 같다. 1. Client가 사이트에 이미지를 업로드하면, 사이트에 업로드의 시간순으로(최신순) 업로드된 이미지들을 볼 수 있다. 2. 업로드된 이미지를 클릭하면 이미지의 제목과 설명, 추가적으로 좋아요와 댓글을 볼 수 있게 한다. 3. 기본적으로 메인 페이지(진입 페이지)와 이미지 페이지(이미지를 ..
Node.js를 이용해 코딩을 하다보니 Javascript에서 쓰이는 콜백 패턴을 자주 사용하게 되는데, 함수를 사용하다보면 함수들을 실행하고자 할 때 코드가 복잡해지고 가독성이 떨어져 불편한 점이 이만저만이 아니였다. 그래서 이러한 단점을 보완하기 위해 Javascript에서 제공되는 프레임워크인 async를 사용해보고자 한다. https://github.com/caolan/async async는 자바스크립트의 고질적인 문제인 콜백 헬을 개선하기 위해서 개발되었다고 한다. 공식 Documentation을 읽어보면 async가 제공하는 다양한 기능들을 볼 수 있다. https://caolan.github.io/async/v3/ Home - Documentation For Async v1.5.x docum..
아직 실력이 충분치 않은 개발자 지망생으로써 간단한 프로젝트라도 따라 만들 것이 있으면 좋겠다고 생각하여 찾다보니 https://codeflow.study/courses/96 채팅 서버와 웹 어플리케이션 데모 - Codeflow 2019년 02월 07일 업데이트 codeflow.study 이런 좋은 커리큘럼을 찾게 되어서 따라 만들어보게 되었다. 본 커리큘럼을 통해서 GUI 구조를 이해하고 JavaScript와 React.js, Node.js로 채팅 서버와 프론트 어플리케이션을 만들어 본다. 지금은 보이는 코드를 따라 치는 수준이지만 앞으로 이 코드와 구조를 하나하나 뜯어보면서 완벽히 이해하는 것이 목표이다. 우선 전체적인 구조는 채팅방에 사용할 유저 프로필을 만들 수 있는 페이지, 기존의 채팅방을 불러..
