전체 글 (32) 썸네일형 리스트형 Django - How does it work?, #2 Models - Views - Template Node.js 와 마찬가지로 MVC 플로우 같은 구성으로 장고도 세팅이 가능하다. 장고에서는 MVT 의 구성으로 되어 있고 다음과 같이 동작한다. 1. Models.py 장고의 모델은 노드의 모델과 같은 역할을 한다. 데이터베이스와 직접적으로 소통하고 데이터를 넣고 가져오는 파일이다. 기본적으로 클래스로 이루어지며, 메소드를 활용해 데이터를 컨트롤한다. 2. Views.py 노드에서의 뷰가 클라이언트 뷰에 관한 역할을 맡았었다면 장고에서는 노드의 컨트롤러와 같이 서버의 로직을 담당하는 부분이다. 겟 요청과 포스트 요청 등이 오면 함수 실행 시켜 어떤 데이터를 내려주고 받을지를 로직으로 처리한다. 또한 클라이언트의 요청에 응답하는 역할도 하면서 클라이언트에 어.. Django - Getting Started, #1 1. Installation 파이썬이라는 언어가 생각보다 버전에 민감한 듯하다. 파이썬의 버전마다 어떤 버전의 장고를 설치할지 결정해야 하고 그에 따라 프로젝트 환경이 달라지기 때문이다. 조금 더 쉽게 말하면, 각각의 프로젝트마다 그에 맞는 파이썬과 장고 버전을 설치 했을텐데 장고의 파일 이름 등 버전에 상관없이 같은 이름이나 명령어로 동작하기 때문에 분명 이슈가 발생될 것이다. 그래서 가상 환경(virtual environment)을 설정해서 프로젝트마다 독립적인 작업환경을 만들어 그에 맞는 파이썬과 장고 버전을 설치하고 작업할 수 있도록 도와준다. Virtual Env 및 Django 설치 파이썬3 가 제대로 설치 되어 있는지 확인한다. 만약 되어 있지 않다면 공식 홈페이지나 홈브루를 이용해 설치가 .. React 로 포트폴리오 만들기 https://me.hometowndeveloper.com/ AWS S3 - React app 배포하기 어떻게 배포할까 문득 react 로 만든 앱을 어떻게 배포했었지?.. 기억을 잃은 듯한 느낌을 받았다. 오늘은 AWS S3 를 활용해서 웹호스팅을 해보자! 1. Create react app & build 1 2 3 4 5 # react app 만들기 $ npx create-react-app react-app # /react-app $ npm run build cs React app 을 만들고 build 해주면 build 폴더가 생성되고 그 안에 static 폴더와 index.html 을 포함해 필요한 파일들이 생성된다. 2. AWS S3 버킷 만들기 AWS S3 콘솔에서 Create bucket 을 클릭해서 새로운 버킷을 만들어준다. 3. S3 설정하기 생성된 버킷을 클릭하고 상단의 Properties.. How to become a web crawling master 크롤링 매력에 빠지다..! 내 첫 크롤링은 cheerio 와 puppeteer 라는 자바스크립트 모듈을 활용한 네이버 실시간 검색 순위 크롤링이였다. 그 순위의 목록을 가져오고 가공해서 내 터미널에 띄우는 그 순간! 희열을 느꼈다. 크... 이거구나. 이런 매력이 있구나..! 크롤링은 개발자에게 아주 중요한 기술 중 하나이다. DB 에 데이터가 없다면 쌓일때 까지 기다려야 하고, 유의미한 정보가 아니라면 그 DB 는 쓸모가 없다. 웹 상에는 우리가 상상도 못할 만큼의 데이터가 떠있다. 잘 안보이게 가려놓거나 의도적으로 막아두지 않는 이상 크롤링 또는 스크래핑 이라는 기술로 데이터를 긁어올 수 있다. 이렇게 모인 데이터는 또 다른 가능성을 열어주고 환경을 만들어 주기도 한다. 최근 핀테크에서 스크래퍼라는 .. Socket.io 다루기 - 실시간 투표앱, A to Z 프로젝트, 기대의 시작 "오늘 점심 뭐 먹지..?" 아마 직장을 다니는 분이라면 공감할텐데, 중요하진 않은것 같지만 모두가 매일같이 고민하고 또 고민하는 그 질문. 오늘 뭐먹지. 점심에만 하면 다행인데 하루에 최소 두번은 하는 고민이지 싶다. 그래서 조금이나마 이런 고민을 덜어주고 오히려 이런 고민을 단순하지만 재밌게 게임처럼 메뉴를 골라볼 수 있도록 런치고고를 만들었다. 서버와 클라이언트 모두 자바스크립트 기반의 node.js 와 리액트를 사용했다. 전체적인 플로우는 다음과 같다. 메인페이지에서 새로운 룸이 생성되면 사용자의 위치를 확인한다. 동의시 사용자의 현재 위치를 기준으로 투표결과에 따라 가까운 거리순으로 식당 목록을 알려준다. => 만약 미동의시, 사용자가 직접 입력할 수 있도록 주소 검색 컴.. AWS 시대 AWS 정성과 시간을 들여서 서버를 만들고 웹앱을 만들더라도 개발자의 컴퓨터에서만 접속할 수 있다면 무슨 소용일까. 우리가 개발하고 만들어낸 많은 것들은 혼자만 사용하기 위함이 아니라 되도록이면 많은 사람들이 사용하고 공유할 수 있기를 바라면서 태어난다. 지금과 같이 많은 서비스를 누리고 경험하면서 살 수 있는 이유가 지금 나열하려고 하는 내용이다. " 배포 " : deploy 그렇다면 어떻게 배포를 할 수 있을까? 누구나 방문해서 서비스든 정보든 원하는 것을 얻어가기 위해서는 각 사용자들 컴퓨터에서 브라우저가 읽어야 하는 파일들이 필요하다. HTML, JS 혹은 CSS 와 같은 파일들이다. 어떻게 하면 이 파일들을 사용자들이 접근하고 서버에 요청하고 원하는 정보들을 얻어 갈 수 있는지 알아보자. S3 .. [TIL] node.js 서버 구성 MAIN ACTIVITY : Node.js 환경에서 서버를 만들고, 기존에 만들었던 채팅앱에서 GET 과 POST 를 써서 데이터를 주고 받을 수 있도록 만들었다. 아래 코드는 다른 모듈을 사용하지 않고 node.js만을 이용해 클라이언트의 요청에 따라 처리할 수 있도록 서버를 만든 것이다. 아주 간단한 어플리케이션 서버이고 이러한 구성으로 만들어 나갈 수 있다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 const http = require('http'); const port = 3000; const ip = '127.0.0.1'; const server = http.createServer((request,.. 이전 1 2 3 4 다음
