본문 바로가기

분류 전체보기

(45)
node.js에서 java 연동 업무를 하다가 타사 서비스 모듈을 받아서 연동시켜야하는 상황이 생겼다. 자사 홈페이지 환경은 node.js 인데, 타사에서 제공하는 모듈은 asp, jsp, php 등등! 그나마 익숙한 jsp 모듈을 가져다쓰기로 했다. node.js에서 java 코드를 가져올 수 있게 해주는 npm이 있다. npm install java 터미널에서 위 코드를 실행하면 아래와 같이 모듈을 불러올 수 있다. var java = require("java"); java.classpath.push("연동시킬jar.jar") java.classpath.push("연동시킬jar의 주소/연동시킬jar이름.jar") // jar 연동 var something = java.import('패키지.클래스') ; //패키지 내 클래스 불러오기..
데이터 타입 01. 데이터 타입의 종류 기본형 : 숫자, 문자열, 불리언, null, undefined , symbol 참조형 : 객체, 배열 , 함수, 날짜, 정규표현식, map, weakMap, Set, Weakset 데이터 타입의 종류 기본형과 참조형의 구분법은 아래와 같다. 기본형 : 값이 담긴 주솟값을 바로 복제 참조형 : 값이 담긴 주솟값들로 이루어진 묶음을 가리키는 주솟값을 복제 02. 데이터 타입에 관한 배경지식 1-2-1 메모리와 데이터 컴퓨터는 모든 데이터를 0과 1로 바꾸어서 저장한다. 비트(bit) : 0 또는 1만 표현할 수 있는 메모리 조각 바이트(byte) : 8개의 bit의 묶음
JSX 규칙 babeljs.io를 통해서 확인하면 React 안에는 createElement라는 함수가 있고 , 이를 통해서 컴포넌트를 만든다. JSX 문법을 사용해서 xml 형태로 선언을 하면 babel이 위의 내용을 실행해준다. JSX 규칙 1. 태그는 무조건 닫혀있어야한다. input 같이 원래 닫지 않아도 됐던 엘리먼트도 셀프 클로징을 해줘야한다. // 입력시 오류 // 입력시 오류 2. 두개 이상의 태그는 하나의 태그로 감싸져야 한다. import React from 'react'; import Hello from './Hello'; function App() { return ( 안녕히계세요. ); } export default App; 대신에 로 대체 가능하다. 는 브라우저에서 확인이 가능하지만 는 확인이..
07. 클래스 ES6 이전의 자바스크립트는 프로토타입 기반언어로 '상속', 클래스라는 개념이 없었다. 사용자의 필요에 따라 결국 생겨나게 되었지만, 여전히 프로토타입을 일정부분 활용하기 때문에 클래스 자체의 활용법 외에 클래스를 흉내내던 ES5 방식도 학습하는 것도 중요하다. 01. 클래스와 인스턴스의 개념 이해 객체지향 언어에서는 반드시 클래스라는 개념이 등장한다. 클래스는 '계급, 집합, 집단' 뜻의 영단어로, 프로그래밍 언어 내에서도 동일한 뜻으로 사용된다. 클래스는 공통 요소를 지니는 집단을 분류하기 위한 개념 나는 이를 일종의 '카테고리'라고 이해했다. 하나의 예시를 들어 설명하자면, '음식'이라는 범주 내에는 '과일, 고기, 채소' 라는 요소가 들어가고, 이들 또한 하나의 범주로 과일은 '사과, 오렌지, 배..
06. 프로토타입 어떤 객체를 원형으로 삼고, 이를 복제(참조)함으로 상속과 비슷한 효과를 얻는 언어 01. 프로토타입의 개념 이해 6-1-1. constructor , prototype, instance > 해당 이미지는 아래의 코드를 추상화한 것이다. var instance = new Constructor(); 생성자 함수를 new 연산자와 함께 호출 Constructor에서 정의된 내용을 바탕으로 새로운 인스턴스 생성 인스턴에 __proto__ 라는 프로퍼티 자동 부여 __proto__는 Constructor의 prototype이라는 프로퍼티를 참조 Constructor에는 prototype이라는 객체가 존재하는데, 이는 내부에 인스턴스가 사용할 메서드를 저장한다. Constructor를 new와 함께 호출해 ins..