Image
Image

DAY2-4.UI Design Pattern(MVP,MVC,MVVM)

1.Design Pattern(설계패턴)?소프트웨어 공학에서 패턴이란 용어는 근/현대에서 각종 소프트웨어/시스템을 구축하면서 직면했던 대표적인 주요 문제점들의 해결책으로 서의 설계방법들을 유형별로 정리해 둔 것입니다.좀 풀어 이야기하면 소프트웨어 개발의 주요 목적인 현실세계의 다양한 문제점들을 해결하기 위한 수단으로서 각종 S/W 개발작업을 진행할 때 직면..

Image
Image
Image

DAY2-3. Node Application 호출 프로세스 이해하기

Node Express 웹 어플리케이션 기반에서 웹페이지의 호출 프로세스를 단계별로 확인하고 관련 파일과 코드의 용도 및 기능을 파악해보겠습니다.1)터미널에서 npm start 명령어를 실행한다.-package.json파일내 Scripts 속성에 정의된 명령어가 실행된다.-node 명령어를 통해 bin폴더내 www 파일이 실행된다.2)./bin/www 파일..

Image
Image

DAY2-2.Node Express기반 웹 프로젝트 구성하기

1)Node Express.js?-Node기반의 오픈소스 웹서버 프레임워크 라이브러리 -웹 및 모바일 애플리케이션 개발 및 서비스를 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 개발 프레임워크-노드 기반 웹서버의 생성 및 관련 웹서버 고급기능등을 기본제공함-자유롭게 활용할 수 있는 수많은 HTTP 유틸리티 메소드 및 미들웨어를 통해 쉽고 빠르게 강력한 API를 작성-웹서버 기반 MVP UI 설계패턴을 쉽게..

Image
Image

DAY2-1.NPM 소개 및 Package.json 이해하기

이번 시간에서는 재 사용 가능한 자바스크립트 및 노드 모듈을 손쉽게 본인의 프로젝트에서 사용할 수 있는 환경을 제공해주는 NPM(Node Package Manager) 과 개발소스의 빠른 배포 및 손 쉬운 노드 팩키지 복원을 도와주는 package.json 파일의 용도에 대해 알아보도록 하겠습니다.1)NPM(Node Package Manager)?-Node Package 란 노드 개발자가 개발한 재사용 가능한 노드 모듈 소스 및 자바스크립트 ..

Image
Image

DAY2-1.NPM 소개 및 Package.json 이해하기

이번 시간에서는 재 사용 가능한 자바스크립트 및 노드 모듈을 손쉽게 본인의 프로젝트에서 사용할 수 있는 환경을 제공해주는 NPM(Node Package Manager) 과 개발소스의 빠른 배포 및 손 쉬운 노드 팩키지 복원을 도와주는 package.json 파일의 용도에 대해 알아보도록 하겠습니다.1)NPM(Node Package Manager)?-Node..

Image
Image

DAY2-4.UI Design Pattern(MVP,MVC,MVVM)

1.Design Pattern(설계패턴)?소프트웨어 공학에서 패턴이란 용어는 근/현대에서 각종 소프트웨어/시스템을 구축하면서 직면했던 대표적인 주요 문제점들의 해결책으로 서의 설계방법들을 유형별로 정리해 둔 것입니다.좀 풀어 이야기하면 소프트웨어 개발의 주요 목적인 현실세계의 다양한 문제점들을 해결하기 위한 수단으로서 각종 S/W 개발작업을 진행할 때 직면..

Image
Image

DAY2-2.Node Express기반 웹 프로젝트 구성하기

1)Node Express.js?-Node기반의 오픈소스 웹서버 프레임워크 라이브러리 -웹 및 모바일 애플리케이션 개발 및 서비스를 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 개발 프레임워크-노드 기반 웹서버의 생성 및 관련 웹서버 고급기능등을 기본제공함-자유롭게 활용할 수 있는 수많은 HTTP 유틸리티 메소드 및 ..

Image
Image

DAY1-2.Javascript ES2015+ 기초문법

2.Javascript ES2015+ 기초문법 실습1)Javascript -객체 기반 스크립트 프로그래밍 언어의 한 종류입니다.-과거 주로 웹 브라우저 기반에서 작동되는 동적 웹 페이지 개발기술로 사용되었지만-최근엔 서버환경에서 동적 웹 프로그래밍(Node.js) 개발 및 다양한 개발 분야에서 사용되고 있습니다.-범용적으로 사용되는 많은 개발언어는 표준 스..

Image
Image

DAY2-3. Node Application 호출 프로세스 이해하기

Node Express 웹 어플리케이션 기반에서 웹페이지의 호출 프로세스를 단계별로 확인하고 관련 파일과 코드의 용도 및 기능을 파악해보겠습니다.1)터미널에서 npm start 명령어를 실행한다.-package.json파일내 Scripts 속성에 정의된 명령어가 실행된다.-node 명령어를 통해 bin폴더내 www 파일이 실행된다.2)./bin/www 파일..

Image
Image

DAY1-5.Node 주요 내장모듈 활용하기

5.Node 주요 내장모듈 활용하기1)OS 내장 모듈-운영체제 정보 제공 모듈- 코딩실습 : os.js 파일을 생성하고 하기코드를 코딩 후 저장합니다.- 터미널에서 해당 파일을 실행하고 콘솔창에 출력되는 로깅내용을 확인합니다.//내/외장 모듈을 사용하려면 먼저참조해야죠..//os내장모듈을 참조합니다.const os = require('os');consol..

Image
Image

DAY1-4.노드 내장객체 활용하기

4.노드 내장객체 활용하기-노드 내장객체 실습 코딩을 진행합니다.-관련 실습자료 완성본은 제공 구글 드라이브 Node\DAY1폴더에 존재합니다.-학습자료경로: 구글드라이브\Node\DAY1\globalA.js globalB.js- Visual Studio Code를 가동하고 VSCode 탐색기창에서 Node\DAY1폴더를 선택하고 해당 폴더에 globalA..

Image
Image

DAY1-3.Javascript ES2015 Module 활용하기

3.Javascript ES2015 Module 활용하기1)모듈이란-개발 생산성의 효율성과 편리한 유지보수를 위해 복잡한 코드를 사용 용도, 제공 기능에 단위로 분리 재사용-모듈 파일을 참조(추가)하여 모듈내 정의된 클래스나 기능을 쉽게 활용가능 -코드의 재사용성을 극대화 해주는 방식 중 하나2)ES2015 모듈-.js 확장자로 자바스크립트 파일로 작성-자..

Image
Image

DAY1-2.Javascript ES2015+ 기초문법

2.Javascript ES2015+ 기초문법 실습1)Javascript -객체 기반 스크립트 프로그래밍 언어의 한 종류입니다.-과거 주로 웹 브라우저 기반에서 작동되는 동적 웹 페이지 개발기술로 사용되었지만-최근엔 서버환경에서 동적 웹 프로그래밍(Node.js) 개발 및 다양한 개발 분야에서 사용되고 있습니다.-범용적으로 사용되는 많은 개발언어는 표준 스..

Image
Image

DAY1-1.Node.js 소개 및 개발환경 구축하기

1.Node.js 소개 및 개발환경 구축하기1) Node.js-노드는 구글 크롬 브라우저의 v8 자바스크립 엔진으로 빌드 된 자바스크립트 런타임 환경으로 시작되었습니다.-런타임이란? 특정 개발언어로 작성된 프로그램을 실행할 수 있는 환경을 말합니다.-노드는 자바스크립트로 개발된 프로그램을 각종 컴퓨터(서버포함)에서 실행할 수 있게 런타임 환경을 지원합니다..

Image