본문 바로가기

IT_Developers1149

브라켓 - 수정중인 소스 실시간 미리보기 기능 사용/ brackets 파일을 브라우저에서 미리보기 안녕하세요. 고코더 입니다. 브라켓은 해당 수정중인 파일을 실시간으로 미리보기 할 수 있는 기능을 제공 합니다. ● 1. 브라켓을 실행 한 후에 오른쪽 위에 번개(?)표시 아이콘을 클릭 합니다. 현재 저는 index.html 을 수정 중 입니다. ● 2. 그럼 컴퓨터에 임의에 포트로 해당 페이지를 보여줍니다. ● 3. 그리고 파일을 수정하면 브라우저에도 실시간으로 수정중인 소스에 내용을 즉시 보여줍니다. F5눌러 새로고침 하지 않아도 되는 편리함이 있습니다. ● 4. 그리고 파일에서 프로젝트 설정을 클릭 합니다. ● 5. 해당 프로젝트 설정 창에서 실시간 미리보기를 원하는 URL을 입력하면 실시간 미리보기시에 해당 페이지로 연결하여 오픈하게 됩니다. ● 6. 브라켓이 생성하는.. 2019. 11. 29.
WebStorm - JetBrains이 가져온 JavaScript IDE 혁명 / 웹스톰을 추천하는 이유 할 수 있다면 웹스톰으로 개발 하는게 어떨까요? 안녕하세요. 고코더 입니다. Node.js에 등장으로 JavaScript 개발을 위한 IDE들이 다시 주목 받고 있습니다. 공룡 IT 기업들은 이미 저마다 무료로 사용가능한 개발 프로그램들을 제작하여 배포하고 있습니다. 이런 레드오션 시장에서 유료 정책으로 성공한 웹스톰에 대해 이야기를 나누려고 합니다. 1. 기존에도 훌륭한 무료 IDE 시장 자바스크립트를 개발 할 수 있는 프로그램은 많습니다. 급할때는 메모장을 사용 할 수 도 있고 강력한 기능을 갖춘 무료 프로그램도 많습니다. MS사에 비주얼 스튜디오 코드, 깃허브에 아톰, 어도비에 브라켓등 선택 사항은 넓고 풍족합니다. 실제로 많은 개발자와 기업에서는 이 프로그램들을 도입하여 부족함 없이 자바스크립트를.. 2019. 11. 28.
브라켓 - 포터블 무설치 프로그램 다운로드 / Brackets 설치 없이 쓰는 브라켓 portable 안녕하세요. 고코더 입니다. 브라켓를 포터블로 사용할 수 있게 만든 프로그램을 어떤 개발자가 깃을 통해 배포 중입니다. ● 1. 해당 URL로 접속하여 exe로 되어 있는 프로그램을 다운로드 해주세요. https://github.com/sagiegurari/brackets-portable/releases/latest ● 2. 첨부파일로도 올려 드립니다.(압축해제된 버전) ● 3. 깃에서 다운로드 받은 파일을 실행하면 압축을 푸는 과정이 필요 합니다. 설치는 아니에요. ● 4. 압축이 풀린 폴더에서 exe를 실행하면 포터블로 브라켓이 실행 가능합니다. 마무리 포터블 좋아하는 분들에게는 좋겠네요. 2019. 11. 28.
브라켓 - 소스 비교를 위한 화면 분할 / Brackets adobe Brackets 에서 소스 2개를 수정하는 소스분할 기능 안녕하세요. 고코더 입니다. 2개의 소스를 비교하거나 HTML과 CSS를 함께 개발하는 등 한번에 소스를 같이 봐야 하는 경우가 있습니다. 이럴때는 에디터 소스 창을 분할 하는 방법을 많이 사용합니다. 브라켓에서도 소스 분할 기능을 제공하고 있습니다. ● 1. 소스를 수정 중에 왼쪽 패널에 있는 아이콘을 클릭 합니다. ● 2. 분할하는 옵션을 선택 가능합니다. 가로 분할을 선택했습니다. ● 3. 그리고 새로운 소스를 클릭하면 분할된 화면으로 에디터창이 열립니다. 마무리 HTML과 CSS를 함께 수정할때 편리합니다. 사실 모든 에디터 프로그램의 기본 기능이 되었습니다. 2019. 11. 28.
브라켓 - 확장프로그램 설치하기 / Brackets 브라켓 기능을 확장기능을 설치 하는 방법 안녕하세요. 고코더 입니다. ● 1. 브라켓도 다른 IDE처럼 다양한 확장 프로그램을 설치하여 기능을 다양하게 확장 가능 합니다. 브라켓을 실행 후에 오른쪽 망원경? 같은 아이콘을 클릭 합니다. ● 2. 그리고 나타나는 화면에서 설치가능 탭을 클릭 후에 원하는 확장기능에서 설치를 클릭 합니다. ● 3. 그럼 이어서 확장 기능을 설치를 진행합니다. 방법은 그저 해당 파일을 다운로드 하여 압축을 해제하는 방식 입니다. ● 4. 설치가 완료되면 도움발 메뉴에서 확장 기능 폴더 여기를 클릭 합니다. ● 5. 그럼 해당 폴더를 살펴보면 확장 기능 프로그램 폴더가 생겨있습니다. 확장 프로그램이 다운로드 되어 압축이 해제된 상태 입니다. 마무리 아직은 크게 쓸만한 확장이 보이.. 2019. 11. 28.
Node.js - LTS 버전, Current 버전 차이점 및 특징 노드JS 안정버전과 최신버전 안녕하세요. 고코더 입니다. 노드 홈페이지에 배포 파일을 다운로드 하려고 하면 두가지 버전이 나타납니다. LTS, Current라고 나타나는 버전 입니다. 이런 두가지 배포 방식은 유니티3D, 우분투, 라라벨등 거의 모든 분야에 프로그램에서 나타나는 추세입니다. 사용자 입장과 개발사 입장에서도 좋은 버전 관리 방법입니다. 당연히 노드에서도 이런 배포 방법을 사용하고 있습니다. ● 1. LTS(Long Term Supported) LTS 버전 특징 - 버전 숫자가 짝수로 이어져 나갑니다. 10 다음 현재 12 버전입니다. - 안정성, 신뢰도를 보장합니다. 2년동안 보안 취약점등 개선사항등을 보장합니다. - 실제 서비스용으로 사용합니다. 홀수 버전인 Current에서 어느 정도 .. 2019. 11. 27.
ISO 639 - 나라별 고유 코드 명칭 / 개발 상식 나라별 코드 부호 안녕하세요. 고코더 입니다. ● 1. ISO 639라는 재단은 전 세계의 언어 명칭에 따라 고유한 부호를 만드는 단체입니다. 우리가 흔히 줄여쓰는 나라 표기법은 이 재단에서 만들어 발표합니다. 이 재단 덕분에 공항이나 축구경기를 보는등 다양한 곳에서 ko,jp,en 등 각 나라의 이름을 2글자로 줄여서 쓰거나 kor,jpn,eng 이런식으로 3글자를 줄여쓰는 방법을 많이 봐왔습니다. ● 2. 특히 웹페이지를 개발하면서 다국어 사이트를 운영할때 보통 이 언어코드를 기준을 기준으로 보여주는 언어를 다르게 합니다. 세계 최대 온라인 판매사이트 아마존은 URI에 2글자 코드에 따라 언어를 다르게 노출 하고 있습니다. https://www.amazon.com/-/ko/ 사이트를 둘러보다보면 사이.. 2019. 11. 27.
Node.js - 노드JS 홈페이지 사용법 / 이전 버전 다운로드 / API문서 / nodejs.org Node 공식 사이트 활용법 안녕하세요. 고코더 입니다. Nodejs.org 라는 도메인으로 등록된 이 홈페이지는 nodejs 재단에서 운영하는 사이트 입니다. 공식적으로 설치 파일과 다양한 정보를 제공하는 사이트 입니다. 홈페이지 접속 /다국어 ● 1. 해당 URL에 접속하면 자동으로 /en 으로 영어 홈페이지를 기본으로 보여줍니다. https://nodejs.org/ ● 2. 이 홈페이지는 다국어를 지원합니다. URL뒤에 URI에 KO를 붙혀서 접속하면 한글로된 페이지에 접속이 가능합니다. https://nodejs.org/ko ● 3. 그 밖에도 다른 나라들도 두 글자로 표현된 ISO 639-1 codes 기준으로 접속이 가능합니다. 일본 : nodejs.org/ja 독일 : nodejs.org/d.. 2019. 11. 27.
V8 엔진 - 구글이 만든 자바스크립트 엔진 V8 JavaScript engine 안녕하세요. 고코더 입니다. 2008년 구글은 독일 개발 센터에서 크롬에 성능을 높히기 위해 C++로 개발한 v8이라는 오픈소스 엔진를 발표합니다. 자바스크립트로 작성된 코드를 JIT(Just-In-Time) 컴파일러를 통해 기계어로 변환해주는 역할을 합니다. 자바스크립트을 엔진으로 하는 프로젝트는 이전에도 많았습니다. 1. Chakra - MS의 익스플로러와 엣지에 사용 위해 개발 - https://github.com/Microsoft/ChakraCore 2. JavaScriptCore - 애플 사파리 브라우저에 사용하기 위해 개발 - https://svn.webkit.org/repository/webkit/ 3. Rhino - 모질라에서 개발한 - https://.. 2019. 11. 27.

티스토리툴바