티스토리

Developer_52

검색하기

블로그 홈

Developer_52

developer-52.tistory.com/m

bnnj86@gmail.com https://github.com/bnnj86

구독자: 0

방명록 방문하기

주요 글 목록

Virtual Box, Vagrant를 이용한 가상환경에서 작업하기. virtual box 는 가상의 OS를 구동시켜주는 프로그램이다. 이를 통해 윈도우에서도 맥이나 우분투 환경에서 프로그래밍이 가능하다. (맥이나 우분투에서도 다른 환경을 사용할 수가 있다.) virtual box를 통해 vagrant를 실행, 가동할 수 있다. (vagrant는 virtual Box를 구동하는데 도움을 주는 프로그램이다.) vagrant를 통해 어떤 OS의 어떤 세팅으로 가상머신을 돌릴지 정할 수가 있다. Virtual Box 다운로드 : https://www.virtualbox.org/wiki/Downloads Downloads – Oracle VM VirtualBox Download VirtualBox Here you will find links to VirtualBox binarie.. 공감수 0 댓글수 0 2020. 2. 11.
Python & Ruby - 설치 및 실행 https://opentutorials.org/course/1750 Python & Ruby - 생활코딩 수업의 특징 본 수업은 Python(파이썬)과 Ruby(루비), Ruby와 Python을 동시에 배우는 수업입니다. 저는 이것을 병렬학습이라고 부릅니다. 이를 통해서 프로그래밍 언어들을 관통하는 보편적인 원리를 파악하고, 각 언어가 가지고 있는 특성을 드러내고 싶습니다. 두 개의 언어를 각각 배우는 것보다 빠르게 익힐 수 있다는 것은 덤으로 따라오는 효과입니다. 수업의 대상 본 수업은 프로그래밍 언어의 문법과 기능을 익히는 수업입니다. 수준은 초심자도 opentutorials.org 생활코딩을 통해서 파이썬과 루비에 대해 배운 것을 정리해 본다. 파이썬과 루비는 프로그래밍에서 많이 사용하는 강력한 언.. 공감수 0 댓글수 0 2020. 1. 10.
Project M-TOD 프로젝트 노션 링크 : https://www.notion.so/martin52dev/M-TOD M-TOD(Mobile-Tickets On Demand) / T3 (Team Token Ticket ) 1. About www.notion.so M-TOD (Mobile-Tickets On Demand) 프로젝트는 승진님, 태중님, 호준님 그리고 MetaSchema 기업과 협업 프로젝트로 진행했다. M-TOD 프로젝트는 블록체인, 스마트 컨트랙트를 이용한 K-POP 콘서트 스마트티켓 모바일 앱 개발 프로젝트다. 인터넷으로 콘서트 티켓을 구입하면 고객이 종이티켓으로 받는 대신 핸드폰 어플리케이션을 통해 받게 해주는 전자 시스템을 구현하는 프로젝트이다. 콘서트 티켓을 종이티켓으로 받는 경우 배송 및 구매자가 콘서트.. 공감수 0 댓글수 0 2019. 12. 12.
Project Type To Korean 프로젝트 링크 : https://www.notion.so/martin52dev/Type-To-Korean-Team Type To Korean / Team Name Trio 1. About www.notion.so Type To Korean은 내가 프로그래밍을 배우고 팀원들(홍식님, 동호님)과 진행한 첫 번째 프로젝트다. Type To Korean은 외국인들이 한국어에 관심을 가지게 되는 과정이 음악이나 드라마와 같은 한류 문화를 통해 관심을 가진다는 생각으로 프로젝트가 시작이 되었다. 외국인들이 좋아하는 BTS, 블랙핑크 등의 노래나 한국 드라마(대장금, 별에서 온 그대 등)를 타자 Typing을 통해 써보면서 한국어를 배울 수 있는 플랫폼을 구성해보자는 취지로 프로젝트가 진행이 되었다. 홍식님과 동호님.. 공감수 0 댓글수 0 2019. 12. 12.
Postman? Postman~! 포스트맨은 Node.js, 서버를 구현할 때 유용하게 이용이 된다. 서버에서 만든 api를 포스트맨을 통해서 테스트하고 받아볼 수가 있다. 서버는 실행할 때 (npm run start 혹은 npm run dev) 지정된 port로 실행이 된다. 보통 5000 port를 많이 사용한다고 한다. 배포를 하기 전에는 localhost에서 서버를 테스트하게 된다. ( => http://localhost:5000 ) 이 주소를 포스트 맨에 넣고 원하는 api의 종류에 따라 GET, POST 등을 설정해 준 뒤에 주소 뒤에 End Point만 넣어주면 원하는 api를 테스트 해 볼 수가 있다. 물론 공개된 배포 사이트 api도 받아볼 수가 있다. 백엔드의 경우 프론트엔드가 요청한 값을 fetch연결을 하기 전에는 .. 공감수 0 댓글수 0 2019. 11. 5.
Using -Cloud, S3, EC2, RDS in AWS 클라이언트와 서버에 대해 배울 때는 Localhost에 연결해 내 컴퓨터에서만 클라이언트, 서버가 작동하는 것을 볼 수가 있었다. 만약에 클라이언트 또는 서버가 작동이 잘 되고 이제 일반 사용자들에게 배포를 하려고 한다면 어떻게 해야 될 지에 대해서 경험해 본 것을 정리한다. AWS 사이트와 코드스테이츠, 생활 코딩 등의 자료를 참고했다. https://aws.amazon.com/ko/ https://learnco.codestates.com/Immersive/15/4963 https://opentutorials.org/course/608/3006 https://hongku.tistory.com/101 예전에는 배포를 하려면 우선적으로 직접 서버를 구축하고, 관리를 해야 했다. 요즘은 AWS(아마존 웹 서.. 공감수 0 댓글수 0 2019. 11. 5.
Database SQLite SQLite는 MySQL 과 같은 데이터베이스 관리 시스템이다. 하지만 오프라인 상태에서도 응용 프로그램으로 넣어 사용이 가능하고 상대적으로 가벼운 Embedded DB(제한된 메모리와 성능을 가지고 특정 기능 구현을 목적으로 하는 시스템에 적합하도록 만든 데이터 베이스)이다. RDBMS(Relational Database Management System)에 비해 규모가 큰 프로젝트에는 적합하지 않을 수 있지만, 작은 규모의 어플리케이션을 개발을 하는데에는 유용하게 쓸 수 있다. 어플리케이션 하나를 개발하면서, RDBMS를 쓰기는 너무 부담스럽고 먼가 데이터베이스에서 관리가 필요로 하는 데이터들을 다룰 때 유용하다. SQLite는 다음과 같은 장점이 있다. 1. local에서 간단하게 Database를 .. 공감수 0 댓글수 0 2019. 11. 5.
Issues when install MySQL in Window SQL 이란? - Structured Query Language 로 구조화된 Query 언어를 말한다. Query 란? - 저장되어 있는 정보를 얻기 위해서 코드 내에서 질문을 하는 것이다. SQL은 코드에서 구조화된(정의된) 문장으로 원하는 정보를 얻어 낼 수 있는 언어이다. memory 안에서 데이터를 저장해 두면 memory가 작동을 멈추게 되면 데이터가 사라진다. 이 때문에 fs 모듈을 이용해 파일에 저장하고 받아올 수도 있지만 항상 모든 데이터를 가져와 직접 필터링을 해야하는 번거로움이 있다. Database를 이용하면 SQL을 이용해 내가 원하는 특정 데이터만을 가져올 수가 있다. 이러한 장점 때문에 Data를 Database 안에 저장하고 SQL을 이용해 원하는 특정 값만 가져오는 방법을 많.. 공감수 0 댓글수 0 2019. 11. 5.
React, Front-end Library(3) https://reactjs.org/docs/hello-world.html에서 react에 대해 공부하고 정리해본다. State and Lifecycle. State는 props와 유사하지만, 공개되지 않고 component에 의해 완전히 제어된다. State를 사용하려고 하면 우선 사용하려고 하는 위치의 component를 Class로 변환해야 사용이 가능하다. Class로 변환하는데는 다음과 같은 단계로 변환할 수가 있다. 1. React.Component 를 확장하는 동일한 이름의 ES6 class를 생성한다. 2. render() 라고 불리는 빈 method를 component 안에 추가한다. 3. component 함수의 내용을 render() method 안으로 옮긴다. 4. render() .. 공감수 0 댓글수 0 2019. 11. 5.
React, Front-end Library(2) https://reactjs.org/docs/hello-world.html에서 react에 대해 공부하고 정리해본다. Element Rendering. element는 React에서 가장 작은 단위다. element는 화면에 표시할 내용을 아래와 같이 나타낸다. const element = Hello, world React 엘리먼트는 일반 객체이며, 쉽게 생성할 수 있다. React DOM은 React element가 DOM에 맞게 element를 바꿔준다. HTML에 가 있다고 할 때, 이 안에 들어가는 element들을 React DOM이 관리를 한다. 이때 HTML의 를 “root DOM” node라고 부른다. React로 구현이 되는 Application은 보통 하나의 루트 DOM 노드가 있다. .. 공감수 0 댓글수 0 2019. 10. 29.
React, Front-end Library(1) https://reactjs.org/docs/hello-world.html에서 react에 대해 공부하고 정리해본다. React에서 사용하는 태그 문법은 문자열이나 HTML이라고 부르기엔 좀 애매하다. React에서는 이벤트가 처리되는 방식과 시간에 따라 상태(state)가 변하는 방식, 화면에 표시하기 위해 데이터가 준비되는 방식 등의 rendering 로직이 다른 사용자 인터페이스와 연결이 되게 해준다. const name = ‘ martin Han ’; const element = Hello, {name} ; ReactDOM.render( element, document.getElementById(‘root’) ); 위와 같이 쓰여진 선언은 JSX라고 하며 JavaScript를 확장한 문법이다. J.. 공감수 0 댓글수 0 2019. 10. 29.
Browser, Server, API, HTTP, Ajax 보통 컴퓨터를 사용하는 이유는 정보를 주고 받기 위해서이다. 컴퓨터에서 정보를 얻기 위해서 우리는 구글이나, 다음, 네이버등을 이용하기 위해 인터넷 익스플로러, 크롬, 파이어폭스, 사파리, 오페라 등의 Web Browser를 사용한다. Browser란 정보를 검색하는데 사용하는 응용 프로그램이다. 브라우저는 팀 버너스 리가 처음으로 제안을 해 만들어 졌다 (Nexus [ 구) 월드 와이드 웹(WWW)]). 우리는 이러한 Browser를 통해서 구글, 다음 등의 서버에 들어가게 된다. Server란 정보를 내보내 주는 저장소(컴퓨터)이다. Server의 종류에는 도메인 Server, 메일 Server, 웹 Server, 이미지 Server등 다양하다. 컴퓨터에서 도메인과 관련된 정보를 주면 도메인서버, 이.. 공감수 0 댓글수 0 2019. 10. 29.
Data Structure - Tree , Binary Tree, Binary Searching Tree Tree 구조는 Graph Data Structure의 한 종류다. JavaScript에서 object(객체)는 Tree 구조와 매우 유사하다. Tree구조란 어떤 것인지, Binary Search Tree는 무엇인지에 대해 알아보자 우선적으로 Graph와 Tree에 대해 비교를 해보면 아래와 같다. Tree Data Structure는 node로 이루어진 구조로서, 하나의 root node를 가진다. root node는 0개 이상의 child node를 가지고 있으며 그 child 또한 0개 이상의 child node를 가진다. 이러한 과정을 통해 나무 모양의 구조로 나타나는 특징이 있다. node들은 서로 edge로 연결되어 구성되며 tree 구조에서는 cycle이 존재하지 않는다. tree 구조는 .. 공감수 0 댓글수 0 2019. 10. 29.
Data Structure - Graph 이번 story에서는 Data Structure 중에서 Graph Data Structure에 대해서 이야기를 해보려고 한다. Graph Data Structure는 지도나 지하철노선, 전기회로 등에 이용될 수가 있다. Graph Data Structure는 수학적인 모형들을 Data Structure로 표현할 수가 있다. 우선 아래의 그림을 통해서 수학적 모형을 확인해보면, 위의 그림을 보면, 각각의 꼭지점들(A, B, C, D, E)가 있고 그것들을 연결하는 모서리가 있다(AB, AD, AE, BC, CD) Graph Data Structure 는 하나의 쌍(V, E)을 세트로 구성하고 있다. V에는 각각의 정점들(vertices)의 노드정보들을 저장하고 있고 E에는 V에 들어가 있는 vertices.. 공감수 0 댓글수 0 2019. 10. 29.
Data Structure - Stack, Queue, Linked List Data를 저장하고자 할 때, 저장 및 처리하는 방식에 따라 다양한 자료구조 방식을 가질 수가 있다. 그 중에서 Stack, Queue 그리고 Linked List에 대해서 정리해 보려고 한다. Stack은 Data를 저장할 때 (아래의 책 사진처럼) 순서대로 쌓아올린다고 생각하면 편하다. Data들을 순서대로 쌓아올렸으니 처리를 할 때는 마지막에 쌓아 올린 것(빨간색 책)부터 처리를 해야한다. Stack은 저장을 마지막으로 한거 부터 처리해야 된다. 책을 볼 때 맨 위에 올려진 책부터 순서대로 보고 난 뒤에 가장 먼저 놓아둔 노란 책을 볼 수 있듯이(노란책이나 파란책은 위에 책들이 막고 있어서 펼칠 수 없는 것을 생각하면 좋을 것 같다.)Stack은 처음 저장한 Data를 처리하기 위해서는 그 후에 저.. 공감수 0 댓글수 0 2019. 10. 29.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.