반응형 개발49 [React] React 특징 React 의 특징 리액트는 자바스크립트 라이브러리로 유저 인터페이스를 만드는데 사용합니다. 구조가 MVC, MVW 등인 프레임워크와 달리, 오직 V(View, 뷰)만 신경 쓰는 라이브러리입니다. 컴포넌트(Component) 리액트의 특징 중 가장 마음에 드는 부분입니다. 리액트 프로젝트에서 특정 부분이 어떻게 생길지 정하는 선언체가 있는데, 이를 컴포넌트(Component)라고 합니다. 컴포넌트는 다른 프레임워크에서 유저 인터페이스를 다룰 때 사용하는 템플릿과는 다른 개념으로 재사용이 가능한 API로 수많은 기능을 내장하고 있습니다. 컴포넌트 하나에서 해당 컴포넌트의 생김새와 작동 방식을 정의합니다. ※ 컴포넌트는 최초로 실행한 '초기 렌더링'과 컴포넌트의 데이터 변경으로 다시 실행되는 '리렌더링' 개.. 2021. 1. 25. [ES6] Javascript ES6 기초 정리 ※ ES6 관련 내용은 많기 때문에 앞으로 계속 추가할 예정입니다. ※ 기초적인 내용만을 다뤘기 때문에 더 깊은 내용은 별도의 게시글에서 다룰 예정입니다. ES6 [ECMAScript 6] ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말합니다. 처음 접한 ES6 는 화살표 함수입니다. // ES6 화살표 함수 var plus = (num) => num + 1; plus(1); // 결과 // 2 // 기존 Javascript 함수 var plus = function( num ) { return num + 1; } plus(1) // 결과 // 2 기존 Javascript 에서 함수를 만들 때와는 너무 다른 형식이었습니다. (Java 의 Lambda 와 비슷해서 적응.. 2021. 1. 25. [Module] 공통 모듈 1. 공통모듈 1. 모듈 개념 모듈은 크게 독립된 하나의 소프트웨어 또는 하드웨어 단위를 지칭하는 용어 모듈화를 통해 분리된 시스템의 각 기능들을 서브프로그램, 서브 루틴, 소프트웨어 내의 단위 프로그램, 작업 단위 등과 같은 의미로 사용 2. 모듈의 특징 각 모듈은 상대적으로 독립성을 가지고 있습니다. 모듈 내부에는 그 모듈을 하나로 통합하는 수많은 조합이 존재할 수 있습니다. 모듈은 단독으로 컴파일할 수 있으며 재사용할 수 있습니다. 독립성이 높은 모듈일수록 수정 시 다른 모듈에 영향을 거의 미치지 않고 오류가 발생 시에도 쉽게 해결할 수 있습니다. 2. 결합도 외부의 모듈과의 연관도 상호의존성 모듈 간의 관련성을 측정하는 척도 유형 설명 결합도 품질 내용 결합도 다른 모듈 내부에 있는 변수나 기능을.. 2021. 1. 25. [Node.js] Node.js 기본 명령어 1. Node PackageNode.js 를 사용하면 절대 모를 수가 없는 것이 npm 입니다.NPM(Node Package Manager) 은 Node.js 에서 사용하는 모듈들을 패키지로 만들어 관리하고 배포하고 있습니다.Javascript 에서 빌드 도구인 셈 입니다. 그렇다면, npm을 별도로 설치해야하나요?그렇지 않습니다.Node.js 를 설치했다면 자동으로 npm이 설치되어있습니다.2. NPM 기본 명령어윈도우 키 + R 을 누르고 cmd 를 입력 후 커맨드 창을 열어 아래 명령어를 실행합니다.npm -v※ npm 의 버전을 확인하는 명령어 npm -h※ npm 에서 사용할 수 있는 명령어 모음을 볼 수 있는 명령어 npm install ※ npm 에서 특정 패키지/모듈을 설치하는 명령어 입니.. 2021. 1. 23. [Eclipse] Eclipse Tab to Space 설정 ※ Eclipse 를 이용해 개발을 할 때 tab 문자열 때문에 사람에 따라 소스코드가 뒤죽박죽으로 보일 때가 있다. ※ 소스코드는 개발하는 당사자만 보는 것이 아니기 때문에 개발 표준에 맞춰 개발할 필요가 있다. 1. 이클립스 상단 메뉴 Window - Preferences 를 클릭 2. 검색어에 tab 을 입력 3. 빨간 네모 영역에 있는 값을 세팅한다. ※ Displayed tab width : 의 값은 개발 표준을 따르도록 한다. ※ Show whitespace characters 옵션은 빈 공간을 화면에 표시해주는 기능이다. ※ 해당 옵션을 선택할 경우 아래 그림과 같이 화면에 표시된다. 4. 소스 코드에 대한 설정이다. ※ Profile name 은 사용자가 원하는 값을 입력해도 된다. Tab.. 2021. 1. 20. [Node.js] Node.js 시작하기 1. Node.js비동기 이벤트 주도 JavaScript 런타임으로써 Node.js 는 확장성 있는 네트워크 애플리케이션을 만들 수 있도록 설계되었습니다. nodejs.org/ko/about/About | Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. 준비물- Node Js 설치하기 3. node js 를 이용한 javascript 실행 적당한 위치에 study 라는 폴더를 만들고 그 안에 test.js 파일을 생성합니다. test.js 파일 내용console.log('test file execute');study 폴더에서 shift 키를 누르고 마우스 오른쪽 클릭을 하면 아래 메뉴가 .. 2021. 1. 19. 이전 1 ··· 3 4 5 6 7 8 9 다음 반응형
