반응형 전체 글87 [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. [Spring] Spring Framework MVC 커뮤니티 사이트 Tutorial - 2 [Spring] Spring Framework MVC 커뮤니티 사이트 Tutorial - 1 1. 게시판 등록 기능 구현 이전 [Spring] Spring Framework MVC 게시판 Tutorial - 1 에서 프로그램을 어떻게 만들지 설계를 했다면 이번에는 실제로 코딩을 하는 튜토리얼입니다. 1. 프로젝트 세팅 ※ 먼저 프로젝트 세팅을 하셔야합니다. [Spring] Spring Framework MVC MySQL & Mybatis 연동 2. DB 생성 게시글 등록을 위한 데이터베이스를 먼저 생각해봐야합니다. 일반적인 커뮤니티 사이트에서 게시글을 등록할 때 순서를 기억해보겠습니다. 1. 필요한 정보 식별 아래 그림처럼 1. 좌측 메뉴를 하나 클릭하면 2. 오른쪽 영역에 클릭한 메뉴에 등록된 게시글 .. 2021. 1. 21. [Spring] Spring Framework MVC 커뮤니티 사이트Tutorial - 1 [Spring] Spring Framework MVC 커뮤니티 사이트 Tutorial 시작 Spring Framework MVC Project 를 사용해 게시글 등록 기능을 구현하기 위한 프로그램 설계 튜토리얼입니다. 1. 게시글 등록 화면, 기능 개발을 위한 준비 1. 어떻게 할지 생각하기 아래 질문을 먼저 생각해보아야 합니다. 게시글 등록을 위해서 필요한 것은 무엇인가? 일단, 생각나는 대로 작성해봅니다. 1. 사용자가 입력할 화면 2. 사용자가 입력한 게시글 데이터를 데이터베이스에 저장할 API 크게 생각하면 두가지 입니다. 두가지의 생각을 어떻게 프로그램으로 만들 수 있을까에 대한 고민을 해야합니다. 2. 생각을 구체화 하기 1. 사용자가 입력할 화면 사용자가 사용할 화면을 설계할 때 고려해야하는.. 2021. 1. 20. 이전 1 ··· 7 8 9 10 11 12 13 ··· 15 다음 반응형
