Developer_52

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..

JavaScript 2020. 2. 11. 17:34

프로젝트 링크 : 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을 통해 써보면서 한국어를 배울 수 있는 플랫폼을 구성해보자는 취지로 프로젝트가 진행이 되었다. 홍식님과 동호님..

JavaScript 2019. 12. 12. 16:28

포스트맨은 Node.js, 서버를 구현할 때 유용하게 이용이 된다. 서버에서 만든 api를 포스트맨을 통해서 테스트하고 받아볼 수가 있다. 서버는 실행할 때 (npm run start 혹은 npm run dev) 지정된 port로 실행이 된다. 보통 5000 port를 많이 사용한다고 한다. 배포를 하기 전에는 localhost에서 서버를 테스트하게 된다. ( => http://localhost:5000 ) 이 주소를 포스트 맨에 넣고 원하는 api의 종류에 따라 GET, POST 등을 설정해 준 뒤에 주소 뒤에 End Point만 넣어주면 원하는 api를 테스트 해 볼 수가 있다. 물론 공개된 배포 사이트 api도 받아볼 수가 있다. 백엔드의 경우 프론트엔드가 요청한 값을 fetch연결을 하기 전에는 ..

JavaScript 2019. 11. 5. 00:49

SQL 이란? - Structured Query Language 로 구조화된 Query 언어를 말한다. Query 란? - 저장되어 있는 정보를 얻기 위해서 코드 내에서 질문을 하는 것이다. SQL은 코드에서 구조화된(정의된) 문장으로 원하는 정보를 얻어 낼 수 있는 언어이다. memory 안에서 데이터를 저장해 두면 memory가 작동을 멈추게 되면 데이터가 사라진다. 이 때문에 fs 모듈을 이용해 파일에 저장하고 받아올 수도 있지만 항상 모든 데이터를 가져와 직접 필터링을 해야하는 번거로움이 있다. Database를 이용하면 SQL을 이용해 내가 원하는 특정 데이터만을 가져올 수가 있다. 이러한 장점 때문에 Data를 Database 안에 저장하고 SQL을 이용해 원하는 특정 값만 가져오는 방법을 많..

JavaScript 2019. 11. 5. 00:37

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() ..

JavaScript 2019. 11. 5. 00:34

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..

JavaScript 2019. 10. 29. 22:39

보통 컴퓨터를 사용하는 이유는 정보를 주고 받기 위해서이다. 컴퓨터에서 정보를 얻기 위해서 우리는 구글이나, 다음, 네이버등을 이용하기 위해 인터넷 익스플로러, 크롬, 파이어폭스, 사파리, 오페라 등의 Web Browser를 사용한다. Browser란 정보를 검색하는데 사용하는 응용 프로그램이다. 브라우저는 팀 버너스 리가 처음으로 제안을 해 만들어 졌다 (Nexus [ 구) 월드 와이드 웹(WWW)]). 우리는 이러한 Browser를 통해서 구글, 다음 등의 서버에 들어가게 된다. Server란 정보를 내보내 주는 저장소(컴퓨터)이다. Server의 종류에는 도메인 Server, 메일 Server, 웹 Server, 이미지 Server등 다양하다. 컴퓨터에서 도메인과 관련된 정보를 주면 도메인서버, 이..

JavaScript 2019. 10. 29. 22:34

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 구조는 ..

JavaScript 2019. 10. 29. 22:29