목록JavaScript (8)

이진욱의코딩

(vue.js)vue.js를 여러가지방법으로 설치해보고 실제 간단히 구동까지.

이번 시간부터는 vue.js를 여러 가지 설치방법을 배워보고 간단히 적용시키는 방법도 알아봅시다. 우선 vue.js가 무엇이지 먼저 살펴보도록 하겠습니다. vue.js가 무엇일까요? Vue(/vjuː/ 로 발음, view 와 발음이 같습니다.)는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크입니다. 다른 단일형 프레임워크와 달리 Vue는 점진적으로 채택할 수 있도록 설계하였습니다. 핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽습니다. 그리고 Vue는 현대적 도구 및 지원하는 라이브러리와 함께 사용한다면 정교한 단일 페이지 응용프로그램을 완벽하게 지원할 수 있습니다. 저는 저번에 node를 설치하고 bitnami패키지를 설치해서 sql서버 등을 열..
vue.js 2019. 12. 11. 23:18
[js] 자바스크립트의 기본을 알아봅시다.

이번 시간부터 한 달 동안은 자바스크립트에 대해 공부한 내용을 포스팅하도록 하겠습니다. 웹페이지를 구축함에 있어 각각의 역할이 있다. HTML은 문서의 구조와 내용을 구축하고, CSS는 문서를 스타일시트를 조작해 꾸미게 된다. 현재는 웹페이지가 단순히 문서를 읽는 것을 벗어나 액션이나 동적인 느낌을 표현하는 경우가 대부분이다. 이때 동적인 부분을 담당하는 역할을 자바스크립트(JS)가 맡고 있다. 우선 자바스크립트의 핵심 개념과 특징에 대해서 말씀드리겠습니다. §. 자바스크립트의 핵심 개념 1. 객체 기본 데이터 타입 boolean, number, string, null, undefined를 제외한 나머지는 객체이다. 2. 함수 일반적인 객체보다 더 많은 기능이 있는 객체. 3. 프로토타입 모든 객체는 숨..
JS 2019. 11. 13. 02:12
(Node.js) 동기와 비동기 그리고 콜백_callback에 대해서 알아봅시다.

이번 시간에는 동기와 비동기 그리고 콜백에 대해서 알아보도록 하겠습니다. 우선 동기와 비동기에 대해 알아보겠습니다. Node.js에서 매우 중요한 특징인 비동기 처리방식을 살펴보겠습니다. 이번 내용은 Node.js의 실행 순서를 파악하는 것이 목적입니다. syntax라는 폴더안에 sync.js와 sample.txt 파일을 만들겠습니다. 먼저 fs라는 모듈을 불러와서 fs라는 변수에 넣도록 하겠습니다. var fs = require('fs'); 그리고 sample.txt라는 파일을 만들어서 텍스트를 넣은상태로 저장합니다. 내용은 apple이라고만 적어두겠습니다. 그리고 filesync 부터 해보도록 하겠습니다. 외부에서 불러들일 생각이기 때문에 외부 파일의 위치를 적어주고 utf-8을 적어줍시다. 코드입니..
JS 2019. 10. 30. 23:14
node.js설치방법과 node.js를 이용해서 웹서버만들기

이번 시간부터는 node.js를 설치해서 사용하는 방법에 대해 포스팅하겠습니다. 우선 node.js를 설치부터 합니다. 제가 지금 컴퓨터가 window10이기 때문에 window10을 기준으로 설명드리겠습니다. 설치방법은 간단합니다. https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 이사이트에 접속을 해서 다운로드하시면 됩니다. 사이트에 접속하시면 첫화면이 이렇게 되어있을 거예요. 좌측은 최신 버전이지만 개발 공부를 목적으로는 굳이 최신 버전을 설치할 필요가 없습니다. 안정성면에서 아직 다듬어지지 않았기 때문이죠. 따라서 예제를 위해서는 좌측에 있는 ..
JS 2019. 9. 27. 02:11
jQuery 객체에 대해 알아봅시다.

이번 포스팅은 제이쿼리 객체에 대해 알아보도록 하겠습니다. jQuery객체란? jQuery함수의 리턴값으로 jQuery함수를 이용해서 선택한 엘리먼트들에 대해서 처리할 작업을 프로퍼티로 가지고 있는 객체이다. 암시적 반복에 대해 살펴보자면 jQuery객체의 가장 중요한 특성은 암시적인 반복을 수행한다는 것이다. DOM과 다르게 jQuery객체의 메서드를 실행하면 선택된 엘리먼트 전체에 대해서 동시에 작업이 처리된다. 암시적 반복은 값을 설정할 때만 동작합니다. 값을 가져올 때는 선택된 엘리먼트 중 첫 번째에 대한 값만을 반환한다. 이에 대한 내용은 아래의 예제를 통해 살펴보겠습니다. 더불어 체이닝이라는 방법도 간단히 설명하자면 체이닝(Chaning)이란 선택된 엘리먼트에 대해서 연속적으로 작업을 처리할 ..
JS 2019. 8. 31. 21:37
jQuery에 대해 알아봅시다.

이번 시간은 제이쿼리에 대해 알아보도록 하죠. 우선, 라이브러리에 대해 설명을 먼저 하자면 라이브러리는 자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어를 라이브러리라고 한다. 제이쿼리를 이용하면 훨씬 더 쉽게 사용가능하다 예를 들어 DOM을 이용하면 10줄이 나오는 것을 제이쿼리 라이브러리를 사용하면 1줄에 끝낼 수 있다. 더욱더 간단하게 설명하자면 (된장을 푼 물에 갖은 재료를 넣어 끓인 찌개로 토장찌개라고도 불린다. 된장은 한국의 전통 발효음식이며 콩으로 메주를 쑤어 말린 뒤 발효시킨 것을 뜻하는데, 주로 음식의 양념으로 쓰이는 식품이다. 그중 된장찌개는 한국 사람들이 즐겨 먹는 토착성이 짙은 음식으로, 된장만을 넣어 끓이기도 하고, 고추장이나 고춧가루를 첨가하여 매콤한 맛을 더하기도 한다..
JS 2019. 8. 30. 17:59
이전 Prev 1 2 Next 다음