본문 바로가기

IT_Developers1149

Node.js - 비주얼 스튜디오 코드(VSCode)에서 노드 디버깅하기 VS Code에서 debugging 안녕하세요. 고코더 입니다. 이번 시간에는 노드를 실행하고 이 후에 디버깅 하는 방법을 알아봅니다. 최근에 나오는 IDE 개발 프로그램들은 기본적으로 디버깅 환경이 구축 되어 있습니다. MS가 만든 비주얼 스튜디오 디버깅 기능은 강력합니다. 이 기능의 차등을 두어 가격을 달리할 정도 인데요. 무료 프로그램 vscode도 필수적이고 꼭 필요한 디버깅 기능을 마련해두었습니다. 디버깅 방법 개발 프로그램에서 디버깅은 필수적이면서 가장 중요한 역할을 합니다. 이 역시도 VSCode에서는 쉽고 간편하게 사용이 가능합니다. ● 1. VS Code에서는 디버깅 기능을 제공합니다. 라인 왼쪽에 빨간 점을 찍어주면 해당 부분에서 프로그램 실행이 중단되어서 디버깅이 가능합니다. ● 2... 2019. 11. 27.
Node.js - 비주얼 스튜디오 코드(VSCode)로 노드 실행하기 노드JS를 비주얼 스튜디오 코드로 실행하기 안녕하세요. 고코더 입니다. 현재 지금은 개발 프로그램 홍수 속에 살아가고 있습니다. 많은 선택지 안에서 노드를 실습하는데 있어서 가장 좋은 프로그램이 무엇일까 고민을 합니다. 개인이라면 유료 프로그램을 쓰기에는 다소 무리가 있습니다. (크랙 버전은 논하지 않겠습니다.) 그래서 노드JS 학습을 위한 최고의 무료 프로그램이 무엇일지 고민하다가 비주얼 스튜디오 코드를 선택하게 되었습니다. 해당 글에서 장점을 정리하였습니다. -> VSCode - 비주얼 스튜디오 코드란? 설치 방법은 아래 글에서 확인 하시길 바랍니다. -> 비주얼 스튜디오 2019 - 쉬운 설치 및 다운로드 / 첨부파일 프로젝트 파일 열기 VS Code에서는 폴더 열기는 프로젝트로 현재 개발하고 있는.. 2019. 11. 27.
비주얼 스튜디오 코드 - 시스템 한글로 변경하기 /한국어패치 / VSCode VS Code 한글로 UI 바꾸기 안녕하세요 고코더 입니다. VSCODE를 설치하면 기본으로 영어로 설정이 되어 있습니다. 저는 영어로 된 IDE 사용을 추천하지만 불편하신 분들을 위해 기본 언어를 한글로 변경하는 방법을 알아보겠습니다 ● 1. 비주얼스튜디오코드를 실행 후에 왼쪽에 확장프로그램 아이콘을 클릭한 후에 Korean이라는 키워드로 검색을 합니다. 그리고 나오는 맨위에 "Korean Language Pack for VS Code"를 install 합니다. ● 2. 그럼 즉시 설치가 완료되고 VS CODE를 재스타트 하는 메세지가 나타납니다. ● 3. 재시작된 프로그램은 한글화가 완벽하게 되어 있습니다. 마이크로소프트가 만들어 배포하는 Pack이기에 당연한거 같네요. 마무리 IDE 시스템에 영어는.. 2019. 11. 26.
VSCode - 비주얼 스튜디오 코드란? / 장점은? Visual Stuido Code(VSCode)에 대해서 안녕하세요. 고코더 입니다. 2016년 4월 14일 마이크로소프트는 윈도우,맥에서 사용 가능한 멀티플랫폼(Multiplatform) 개발프로그램을 배포합니다. 바로 Visual Stuido Code 입니다. 기존 유료 프로그램인 Visual Stuido에서 CODE라는 네이밍을 붙혔습니다. 가격이 비싼 비주얼 스튜디오와 달리 무료로 개인,기업에서 모두 사용가능한 IDE 입니다. ● 1. VS CODE의 장점 1. MS의 친절한 관리 - MS의 프로그램은 비싸지만 그만큼 친절했습니다. 특히 비주얼 스튜디오는 특히 닷넷(.Net)을 개발시에 완벽한 한글화와 편리한 인터페이스는 초보 개발자도 중급 개발자 못지 않게 개발을 가능하게 해주었습니다. VSCO.. 2019. 11. 26.
Node.js - 동기(synchronous), 비동기(ansynchronous) 예제로 배워보자 노드JS에서 비동기로 소스 파일을 변경해보자 안녕하세요. 고코더 입니다. Node.js의 가장 큰 특징중 하나는 비동기로 처리가 가능하다는 것입니다. 이전에도 설명을 자세히 다루었지만 다시 정의하자면 하나의 요청이 처리가 완료 되기 전에 다음 요청으로 진행이 가능합니다. Node의 최대 성능을 처리해야 한다면 동기를 사용해야 합니다. 하지만 개발자의 의도에 따라 동기 처리와 비동기 처리가 가능합니다. 동기(synchronous) 예제 ● 1. 동기 방식으로 순차적으로 실행 가능한 Node 소스를 개발하였습니다. 파일을 읽어 올수 있도록 FileSystem(fs) 모듈을 이용해 파일을 불러오는 방식입니다. callback을 지정하지 않아 동기식으로 차례대로 실행을 합니다. 1234567var fs = re.. 2019. 11. 25.
JavaScript - getTime()에서 출력되는 값은 어떤 기준일까? getTime으로 표현한 데이터 15자리는 무슨 의미? 안녕하세요. 고코더 입니다. 자바스크립트에서 getTime()은 자주 사용하는 함수 입니다. 시간이 1/1000 까지 나타내주므로 페이지에 로딩 시간을 체크할 수도 있고 채팅에서는 아주 좋은 시간 값으로 사용이 가능합니다. ● 1. 그런데 숫자 모양이 조금 이상하게 느껴질 수 있습니다. 현재 getTime 을 가져오면 이와 같은 값이 나타납니다. 1574663052422 ● 2. 이건 1970.01.01 이후 부터 경과한 시간을 milliseconds 단위 그러니깐 1/1000단위로 표현된 숫자 표현입니다. 그래서 반대로 1970년대 이전으로 날짜로 하고 계산을 하면 이렇게 마이너스 값을 확인 가능합니다. -315619200000 ● 3. 결론은 1.. 2019. 11. 25.
javascript - 자바스크립트란? 그리고 개발자에게 자바스크립트란? 자바스크립트란? 안녕하세요. 고코더 입니다. 자바스크립트는 넷스케이프 커뮤니케이션즈 코퍼레이션사에 브래던 아이크가 개발한 객체기반의 스크립트 언어 입니다. HTML과 CSS로 만들어진 정적인 화면을 동적으로 변경해주는 언어입니다. 페이지에 컨텐츠를 변경하거나 이미지를 움직이게 하거나 그리기도 할 수 있습니다. 그 밖에도 동적인 모든것을 이벤트를 주어 사용할 수 있게 합니다. 자바스크립트의 특징은 이렇습니다. 1. 상속과 클래스 개념이 없는 객체 기반의 언어이다 2. 인터프리터 언어로 브라우저에 의해 해석 가능하다. 3. HTML 문서 안에 기술 가능하고 함께 수행한다. 4. 클라이언트 자원을 활용할 수 있게 한다. 자바스크립트의 구성 1. 객체 - 사용자 정의 객체, 내장 객체, 브라우저 객체를 사용할 .. 2019. 11. 22.
Deno - node를 만들었던 라이언달의 새로운 언어 노드가 아쉬워서 새로 프로그램을 만들었어요. 흔한 천재의 취미 안녕하세요. 고코더 입니다. ● 1.수학자 출신 천재 프로그래머 라이언 달은 노드JS 리더 자리를 넘기고 조이엔트 마저 떠났습니다. 그가 창시한 노드JS에 대한 아쉬움이 있었던거 같습니다. JSConf EU 2018에서 Node.js에 후회했던 10가지(10 Things I Regret About Node.js)를 발표하면서 새로운 서버사이드 언이인 Deno를 발표하였습니다. ● 2.Node.js를 창시한 천재 개발자 라이언 달이 생각한 아쉬운 점은 이렇습니다. 1. Promises를 고집하지 못한 것 2. 보안 문제 3. GN으로 빌드 시스템을 업데이트 하지 못한 것 4. 빌드시스템에 C++대신 FFI를 제공하지 못한 것 5. Package.. 2019. 11. 22.
Node.js - 싱글 스레드(Single thread), 비동기(Asynchronous) 이란? 노드JS가 운영되는 방식 안녕하세요. 고코더 입니다. Node.js의 가장 큰 특징이라고 하면 싱글 쓰레드에 비동기 처리 방식입니다. 사용자의 요청은 한 곳에서 받지만 작업은 실질적으로 멀티쓰레드로 운영하여 결과를 구현합니다. 예제로 이 방식을 표현해보겠습니다. ● 1. 싱글 스레드, 비동기 예제 " 따뜻한 오후 서점 독서중인 고코더는 배가 고파서 푸드코트로 이동합니다. 주문 방식은 먼저 한식,중식,일식,양식등 다양한 입점사들의 요리를 보고 선택을 합니다. 그리고 계산대 앞에서 줄을 섭니다. 앞 손님은 돈까스를 주문합니다. 저는 요리 시간이 오래 걸리는 스테이크를 주문했습니다. 제 뒤에 기다리던 분은 재 빠르게 라면 하나를 주문합니다. 카운터 점원이 계산을 하면서 호출벨을 나눠주고 요리에 맞는 입점사 식.. 2019. 11. 22.

티스토리툴바