본문 바로가기
반응형

전체 글362

Flask 웹프레임워크 사용방법 정리 # python Routing 오늘은 파이썬의 경량 웹프레임워크인 플래스크(Flask)에 대해서 정리해 보도록 하겠습니다. 1. flask 설치 프로젝트 디렉토리에서 pip모듈을 이용해서 flask를 먼저 설치해 주어야 하는데요. 아래 명령어를 사용해주면 됩니다. python -m pip install Flask 2. Hello World 경량 웹프레임워크이므로 빠르게 코드를 작성해서, Hello World를 뛰어 보겠습니다. 아래와 같이 해주면 되는데요. host는 test용이므로, 'localhost'로 지정해주구요. port는 원하는 port를 할 수 있는데, 지정하지 않으면, 5000포트로 열립니다. 다만, macOS에서는 5000포트가 이미 사용되는 것으로 알고 있어서 여기서는 3000포트를 사용하였습니다. 정상적으로 잘 동.. 2022. 4. 23.
MongoDB Atlas 무료 로 사용하기 오늘은 MongoDB의 Atlas서비스를 무료로 사용하는 방법에 대해서 정리해 보겠습니다. 1. Cluster 만들기 가장 먼저 해야할 것은 Cluster를 만드는 것 입니다. 회원가입을 하였다면, 우측 상단에 New Project 버튼을 눌러서 프로젝트를 생성해 줍니다. 이제 아래 화면에서 Build a Database를 선택해 줍니다. 우리에게 필요한 것은 Free로 제공되는 Shared입니다. 공짜로 제공되는 대신, 다른 사람과 서버를 공유하도록 하는 것 같습니다. 그럴일은 별로 없겠지만, 같이 쓰는 누군가가 서버를 크래쉬하면, 같이 다운되어버리겠지요. Create 해 주면, 아래와 같이 Shared 의 region을 선택하는 화면이 나옵니다. 예전에는 없었는데, Seoul이 포함되어 있는 것을 볼.. 2022. 2. 6.
Javascript Object 와 Function 에 관한 정리 오늘은 Javascript의 Object(객체)와 Function(함수)에 대해서 정리해 보도록 하겠습니다. 1. Object의 생성 Javascript의 Object르 생성하는 방법은 여러가지가 있지만, 다음과 같이 "{"과 "}"을 사용할 수 있습니다. 생성한 object의 property에는 아래와 같이 "." 또는 "[]"를 이용해 접근할 수 있습니다. 그럼 아래와 같은 log를 볼 수 있습니다. 2. Object의 값 변경 값을 변경하는 방버도 아래와 같이 간단합니다. 로그를 찍어보면 true로 값이 변경된 것을 볼 수 있습니다. 단순히 property의 값을 변경하는 것 이외에도, property를 추가할 수도 있습니다. 로그를 보면, iq라는 property가 추가된 것을 알 수 있습니다. 2022. 2. 1.
Array 정리 # Javascript 오늘은 Javascript의 Array에 대해서 정리해 보겠습니다. 1. Array 생성과 사용 Javascript에서 Array를 만드는 방법은 아주 쉽습니다. Javascript에서는 "["과 "]"을 이용해서 아래와 같이 Array를 생성할 수 있습니다. 위의 마지막 줄에서는 3번 인덱스의 아이템을 로그로 출력하도록 하고 있는데요. 한가지 주의할 점은 아이템의 순서는 0번째 부터 시작한다는 것입니다. 그래서 car2가 아니라, car3를 출력하여야 하는 것이구요. 아래와 같이 "model2"가 나오는 결과를 얻게 됩니다. 2022. 1. 31.
Dagger를 통한 Dependency Injection 구현 오늘은 Dependency Injection에 대한 지난 글에 이어서, Dagger를 통해서 어떻게 이를 구현하는지 정리해 보려고 합니다. 혹시 이전 글을 읽지 못하신 분들은아래 글의 링크를 참조해 주세요. Dependency Injection(DI)에 대해서 알아보자 Dagger1은 Retrofit등 유명한 라이브러리를 개발한 Square사의 작품이구요. 현재 사용되는 Dagger2는 구글에서 포크하여 개발하고 있습니다. 무조건적인 신뢰는 좋지 않습니다만, 이들 회사의 네임밸류와 포트폴리오 만으로도, 라이브러리에 대한 믿음이 생기는 건 어쩔수가 없네요. 그럼 Dagger를 구현하는 방법에 대해서 정리해 보도록 하겠습니다. 1. dagger2를 통한 구현준비 1-1. 라이브러리 Implement 라이브러.. 2021. 12. 22.
Pug (구 Jade) 설치 및 기본 문법들 정리 # NodeJS NodeJS의 UI템플릿 엔진으로 pug를 사용하고 있는데요. Jade로 알려져 있던 것이, 이름에 대한 권리 때문에 Pug로 바뀐것으로 알고 있습니다. 오늘은 이 pug의 문법을 기초부터 하나씩 정리하기보다는, 자주 사용하는 것들을 위주로정리하고, html변환기의 도움을 받아서 빠르게 문법을 작성하는 방향으로 정리해 보겠습니다. 다만, NodeJS와 Express등에 대한 사용법은 이 글에서 생략되어 있습니다. 1. Pug설치하기 본격적으로 pug에 대해서 알아보기 전에, 간단히 설치하는 방법에 대해서 정리해 보도록 하겠습니다. 먼저 아래 명령어로 pug를 설치해 줍니다. npm install pug --save 프로젝트로 폴더에서 views디렉토리에 index.pug라는 이름의 파일을 생성해 줍니다... 2021. 11. 25.
OAuth 2.0 을 구현하기 위해 알아야 할 것들 # Access Refresh Token 오늘은 OAuth를 구현하기 위해서 알아두어야 할 것에 대해서 정리해 보도록 하겠습니다. 1. OAuth OAuth는 인터넷 표준화 기구인 IETF(Internet Engineering Task Force)에 의해 정의된 표준 프레임워크입니다. 3rd 파티 앱에서, SNS서비스업체인 Resource를 가지고 있는 서버에 제한적으로 접근할 수 있는 방법에 대한 Framework를 정의한 것 인데요. Google, Facebook, Kakao, Naver 등의 서비스 제공자들은, OAuth를 통해 외부 애플리케이션에 사용자의 계정 데이터에 접근할 수 있는 권한을 안전하게 부여합니다. 이렇게 해서 사용자의 로그인 정보를 직접 제3의 애플리케이션에 제공하지 않고도, 해당 애플리케이션이 사용자의 정보에 접근할 수.. 2021. 11. 16.
Cheerio 와 Bent 이용한 HTML 파싱과 Scraping NodeJS에서 HTML을 파싱하여서 Scraping하기 위한 모듈로 Cheerio가 있습니다. 오늘은 이 모듈을 이용해서 HTML을 파싱해서 가져오는 방법에 대해서 정리해 보도록 하겠습니다. 1. Cheerio와 Request 모듈 설치 아래 코드를 터미널에 입력해서 해당 프로젝트내에서 Cheerio모듈이 설치되도록 해 줍니다. npm install cheerio --save 이번에는 bent 모듈을 설치해 보겠습니다. 사실 예전에는 request모듈을 사용하였습니다. 그렇지만, request는 deprecated되었구요. 개발자는 bent를 새로운 프로젝트로 개발하고 있다고 하여서, bent로 작업을 해 보았습니다. 이제 설치한 모듈을 해당 파일내에서 import해 주어야 하는데요. 아래와 같이 해 .. 2021. 10. 15.
소규모 서비스를 위한 호스팅 서버 준비하기 # 가상서버 리눅스 호스팅 오늘은 앱서비스개발을 위해서 최소한의 비용으로 서버를 준비하는 방법에 대해서 정리해 보도록 하겠습니다. 1. Why Hosting? 호스팅서비스의 경우 비용을 제어할 수 있다는 장점이 가장 큰 것 같습니다. 월 얼마정도로 맞추어놓고 그에 맞게 사용하면됩니다. 저처럼 개인개발자의 경우, 사용한만큼 과금되는 형태는 분명 신경이 쓰여지는 부분입니다. AWS에서도 EC2같이 호스팅서비스를 제공하고 있습니다. 하지만 매번 환율에 따라 가격도 달라지고 이런저런 작은 비용들이 붙습니다. 게다가, AWS의 UI가 편하다고 생각된 적은 한번도 없었구요. 국내업체에서 가상서버호스팅을 사용할 경우, 설치비와 매월 얼마씩해서 결재해놓으면 그것으로 요금에 대해서는 걱정 끝입니다. Docker가 생긴 요즘같은 시대에 서비스가 커.. 2021. 10. 15.
Linux 유저 및 그룹 권한 설정 방법의 모든 것 오늘은 Linux에서 유저 권한설정 방법에 대해서 정리해 보도록 하겠습니다. 1. Linux의 유저시스템 Linux는 여러 사용자가 접속할 수 있는 OS시스템입니다. 모든 권한을 가진 root가 존재하구요. 나머지 사용자들에 대해서는, 그룹에 포함시켜서 관리를 하게 됩니다. 2. group group에 관한 정보들은 "/etc/group"에서 볼 수 있습니다. 아래 명령어로 쉽게 확인할 수 있습니다. cat /etc/group 나오는 정보는 다음과 같은 순서로 나오는 것을 볼 수 있습니다. 비밀번호는 "x"로 나와서 가려지구요. 그룹에 속한 사용자 이름도 가려지는 경우가 많습니다. 그룹명: 비밀번호: 그룹ID: 그룹에 속한 사용자 리스트(","로 구분) /etc/passwd에서 사용자에 대한 정보가 기술.. 2021. 9. 30.
LifeCycle과 ViewModel 그리고 LiveData에 대해 정리해 봅니다 오늘은 구글의 Architecture Components에 들어가 있는, LifeCycle과 ViewModel 그리고 LiveData에 대해서 정리해 보겠습니다. 양으로 보면 각각의 컴포넌트에 대해서 하나의 글로 정리하는 것이 좋지만, 서로 연결되어 있는 부분들이 많아서 같이 정리하는 것이 효율적일 것 같네요. 1. LifeCycle과 ViewModel 그리고 LiveData 이 세가지 Component를 사용하는 방법은 다음과 같은데요. View를 담당하는 UI컨트롤러인 Activity나 Fragment를 최대한 가볍게 하고, 뷰의 데이터에 대한 부분은 ViewModel에게 맡기게 한다음, 데이터의 변화값을 관찰하고 변경하는 LifeData에게 맡기기 위함입니다. 이 과정에서 LifeCycle을 고려하.. 2021. 9. 24.
Android 주요 라이브 러리들 Release 버전 중요한 라이브러리인 AndroidX나 Retrofit 혹은 OkHttp, Realm, Firebase 등은 매우 많이 사용되는 라이브러리인데요. 많은 라이브러리를 개인 개발자가 팔로우 하기가 쉽지많은 않은 것이 사실입니다. 다만, 이들이 저희가 비즈니스 로직에만 집중할 수 있도록 도와주므로, 최소한의 Release버전 팔로우, 예정된 Deprecation에 대해서는 알고 있어야 할텐데요. 이 글에서는 주요 라이브러리에 대한 업데이트 링크를 한 페이지에서 관리해서, 팔로우 하기 쉽도록 매주 최신 버전을 확인해 갱신하고자 합니다. 1. AndroidX(1.0.0) AndroidX의 ReleaseNote링크는 다음과 같습니다. 1.0.0 이 메인을 이루지만, 모듈별로 각각 다른 버전을 가지고 있으므로, 아래 .. 2021. 8. 25.
Mongoose Document 생성과 CRUD 구현 # NodeJS mongoDB 오늘은 MongoDB로 CRUD를 구현하는 방법에 대해서 정리해 보도록 하겠습니다. MongoDB의 설치는 MongoDB Atlas설치에 관한 글을 참조해주세요. 신용카드 등록없이 무료로 용량을 제공하는 클라우드 서비스에 접속해서 테스트할 수 있습니다. 로컬에 설치해서 사용할수도 있겠지만, 이 방법이 훨씬 효율적인 것 같습니다. 이것에 대한 글은 아래 글을 참조해 주시구요. >> MongoDB Atlas 무료 로 사용하기 로컬로 설치하는 예전방식에 대한 글은 아래 글을 참조해 주세요. >> MongoDB 설치 및 실행 총정리 # MongoDB NodeJS 1. MongoDB의 Database 와 Collection 그리고 Document 의 개념 나무를 보기전에 숲을 한번 보면 더욱 큰 도움이 될텐데요... 2021. 5. 26.
MongoDB Database 와 Collection 그리고 Document CRUD 하기 오늘은 MongoDB에서 가장 기본을 이루는 구조에 대해서 정리해 보려고 합니다. Database와 Collection 그리고 Document인데요. 이들을 생성해보고 조회해 보는 방법에 대해서 정리해 보도록 하겠습니다. MongoDB의 설치와 실행방법은 아래 글을 참조해 주세요. >> MongoDB 설치 및 실행 총정리 # MongoDB NodeJS 1. MongoDB의 구조 1-1. BSON, Documents, Collection, Database MongoDB는 documents로 데이터를 저장합니다. 정확히는 BSON이라고 하는 documents인데요. 여기서 BSON은 Binary JSON인데요. JSON형태의 문서를 바이너리형태로 저장한 것인데, MongoDB는 JSON을 Binary형태로 .. 2021. 5. 15.
Bit, byte 그리고 16진수에 관한 정리 # ASCII 코드 오늘은 프로그래밍에 있어서 중요한 기본이라고 할 수 있는, bit, byte 그리고 16진수와 ASCII 코드에 대해서 정리해 보도록 하겠습니다. 1. Bit Bit는 Binary Digit의 약자입니다. 컴퓨터에서 사용하는 가장 작은 단위의 데이터이기도 하구요. Binary라는 것이 2개를 의미하며, digit은 자리를 의미하는데요. 즉, 2개의 자리수라는 뜻입니다. 그리고 그 2개의 수는 0과 1입니다. 10진수를 이용하여 수를 이해하는 것이 익숙하고 편한 인간에 비해서, on/off로 data를 이해하는 컴퓨터는 0과1로 모든 데이터를 표현합니다. 100은 1100100이라고 컴퓨터는 이해합니다. Nbit라고 하면 N개의 0과 1을 이용하여 데이터를 표현할 수 있는 수를 의미합니다. 비트수 표현 가.. 2021. 5. 14.
MongoDB 설치 및 실행 총정리 # MongoDB NodeJS 오늘은 NoSQL의 대표주자인 MongoDB를 설치하고 설정하여서 실행하는 방법을 정리해 보도록 하겠습니다. 참고로 이 글은 Mac에서의 설치를 중심으로 작성되었습니다. 추후에 Linux에서의 설치 방법도 업데이트하도록 하겠습니다. 1. MongoDB MongoDB를 설치할 파일을 다운로드 받기 위해서 홈페이지로 이동합니다. >> www.mongodb.com/ 아무래도 사업의 중심이 Cloud이다보니, 어디로 가야할지 조금 어려우실텐데요. 저희처럼, MongoDB를 서버에 설치해서 사용할 사람들은 아래 메뉴를 이용해서 이동하면 됩니다. Software > Community Server 로 이동해 줍니다. 나오는 화면의 우측에 Download할 OS를 선택하도록 되어있는데요. 선택해서 다운로드 받아줍니다... 2021. 5. 11.
Docker Compose로 NodeJS, Nginx 를 한번에 설치하기 # YAML Docker Compose 는 여러 컨테이너로 구성된 애플리케이션을 정의하고 관리하게 해주는데요.오늘은 Docker Compose를 이용해서,NodeJS, NGINX를 설치하고 서버를 실행하는 방법을 정리해 보도록 하겠습니다. 이 글에서는 NGINX나 Docker의 기초에 대해서는 다루지 않고 있는데요.Docker에 관한 글은 아래 글을 참조해 주시구요.>> Docker와 DockerHub를 이용한 배포 와 실행 # NodeJS Dockerfile NGINX에 관한 글은 아래 글을 참조해 주세요.>> NGINX에 대한 정리 #Upstream #Reverse Proxy #Proxy_pass 1. Docker Composedocker를 이용해서 하나의 프로덕트를 만들려면,여러개의 컨테이너를 사용해야 합니다... 2021. 5. 10.
Docker와 DockerHub를 이용한 배포 와 실행 # NodeJS Dockerfile 오늘은 서버나 웹 개발에 있어 필수적인 도구 중 하나인 Docker의 사용법을 살펴보겠습니다. Docker는 개발 커뮤니티에서 이미 광범위하게 사용되며, 많은 분들이 이미 알고 계실 것입니다. Docker의 활용 방법은 사용하는 프레임워크나 환경에 따라 조금씩 차이가 있는데요. 본 글에서는 특히 Node.js 환경에서 Docker를 어떻게 효과적으로 사용할 수 있는지에 대해 살펴보도록 하겠습니다. 1. Docker 1-1. Docker의 의미 Docker는 소프트웨어 개발 세계에서 컨테이너를 사용하는 개념을 도입함으로써, 화물 운송의 컨테이너와 비슷한 역할을 한다는 의미를 내포하고 있습니다. 이러한 Docker의 컨테이너는 각각 독립된 가상 프로세스로, 호스트 시스템에서 격리된 환경에서 실행됩니다. 이들.. 2021. 5. 10.

티스토리툴바