Language9 [react #2] 환경 설정 및 webpack 설정 이전에 리액트 화면을 실행하는것까지 성공하였다면 환경설정을 해보겠습니다. 프로젝트 폴더로 이동하여 아래 명령어를 하나씩 입력합니다. >npm install --save react react-dom >npm install -g babel webpack webpack-dev-server >npm install --save-dev babel-core babel-loader babel-preset-react babel-preset-es2015 webpack webpack-dev-server >yarn eject 위 명령어는 velopert님 사이트를 참고 하였습니다. 설치가 끝나면 디렉토리를 구성해보겠습니다. src ㄴserver ㄴshared ㄴassets ㄴcomponents ㄴcss 로만 구성을 하였습니다.. 2019. 7. 8. [react #1] create-reactp-app 설치 React는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리입니다. Create React App Create React App은 React 배우기에 간편한 환경입니다. 그리고 시작하기에 최고의 방법은 새로운 싱글 페이지 애플리케이션 입니다. 이것은 개발 환경을 설정하고, 최신 JavaScript를 사용하게 해주며, 좋은 개발 경험과 프로덕션 앱 최적화를 해줍니다. Node 8.10 혹은 상위 버전 및 npm 5.6 혹은 상위 버전이 필요합니다. 먼저 node를 설치한 상태에서 npm을 이용하여 설치를해보겠습니다. 새로운 프로젝트를 만들기 위해 아래의 명령어를 실행합니다. 저는 미리 workspace로 사용할 위치에 폴더를 만들고 진행하였습니다. > npm install -g create-.. 2019. 7. 8. yarn 이란? / yarn 설치 먼저 npm이 있는데 yarn을 왜 사용하지 하시는분들이 계실겁니다. yarn은 npm 쓰다가 답답해서 머리 똑똑한(페이스북, 구글 등) 개발자들이 만들었다고 합니다. Yarn은 코드의 패키지 관리자입니다. 이를 통해 전 세계의 다른 개발자와 코드를 사용하고 공유 할 수 있습니다. Yarn은 신속하고 안전하며 신뢰할 수있게 수행하므로 염려 할 필요가 없습니다. yarn의 장점으로는 초고속 메가 보안 슈퍼 신뢰성 저는 yarn을 node를 사용하여 설치를 해보겠습니다. node command prompt 창에서 > npm install --global yarn 설치가 끝났다면 버전도 체크해봄니다. yarn 버전 체크하는 방법 > yarn -v 2019. 7. 7. Node.js 설치하기 Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. V8 JavaScript engine What is V8? V8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++. It is used in Chrome and in Node.js, among others. It implements ECMAScript and WebAssembly, and runs on Windows 7 or later, macOS 10.12+, and Linux v8.dev 아래 사이트에 접속하여 안정적인 버전또는 원하시는 버전에 맞추어 다운로드합니다. https://no.. 2019. 7. 7. [Java/Spring Framework] Eclipse 스프링 연동하기 보통 회사를 입사나 이직을 하게 되시거나 신입분들은 소스를 다운받게되어서 기초에 대한 지식이나 이런것들을 못배우시거나 학원 같은데에서 배워오게 되는데 나중에 되면생각이 잘 안날때가 있으실 겁니다. 환경설정 - eclipse Mars.2 Release (4.5.2)- jdk 1.8.*버전대- tomcat 8.0.* (tomcat 너무 높은걸 쓰시면 eclipse에서 인식을 못할수도 있음) 이클립스 다운로드 URL https://www.eclipse.org/downloads/ jdk 다운로드 URL https://www.oracle.com/technetwork/java/javase/downloads/index.html tomcat 다운로드 URLhttps://archive.apache.org/dist/tom.. 2019. 3. 14. [Java/POI/엑셀출력] POI 라이브러리를 이용한 엑셀 출력 - POI-3.16 사용 라이브러리 poi-3.16 poi-3.16.jarpoi-examples-3.16.jarpoi-excelant-3.16.jarpoi-ooxml-3.16.jarpoi-ooxml-schemas-3.16.jarpoi-scratchpad-3.16.jarcurvesapi-1.04.jarxmlbeans-2.6.0.jar 해당 라이브러리 모두 참조 바랍니다. 저는 2007이하 버전으로 사용하였습니다. 2007이하 버전에서는 6만몇천건이상은 출력이 안되므로 5만건 이상일때 마다 시트를 새로 생성하여 출력하였습니다. 해당 소스는 스타일 설정만빼면 간단합니다. 테스트 출력시 30만건까지는 1분내로 거뜬히 출력하였습니다. 출력양이 많을 경우 데이터 조회에 대한 쿼리 성능을 확인해주세요 ===================.. 2019. 3. 7. [Java/Date/Format] Java date생성 format 설정하기 Date now = new Date();SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");request.setParameter("time", format.format(now)); format설정시에 대소문자를 구문해야합니다. HH : 0 -23 kk : 1 - 24 KK : 0 -11 hh : 1 - 12 대소문자에 따라 format이 바뀝니다. 2019. 2. 8. [Java/iBatis/동적쿼리] iBatis에서 쿼리가 변경되지 않을때 사용하는 방법 SELECT B_ID||'@'||XML FROM IBS_BASE_MASTER WHERE CODE_ID = #id# SELECT S_ID||'@'||XML FROM IBS_SPACE_MASTER WHERE S_ID = #id# SELECT D_ID||'@'||XML FROM IBS_DEVICE_MASTER WHERE D_ID = #id# iBatis를 사용해서 쿼리작업을 하면 아래와같은 장점이 있다. 1. xml로 sql을 관리하므로 가독성이 높아진다. 2. db연결 정보도 conf로 관리하므로 수정하기 쉬워지며 3. 그래서 코드내에서 여러개의 db에 선택적으로 접근하기도 수월하다.(테스트/실장비 자유롭게 왔다갔다~) 4.ORMap을 해주기때문에 결과를 가져올때도 사용하기가 쉽다. ibatis는 최초 쿼리.. 2019. 2. 8. [Java/jdk 다운로드] jdk 다운로드 및 설치 1. 먼저 오라클 홈페이지(http://www.oracle.com/)로 이동DOWNLOAD > Java For Developers 를 선택합니다. 2. Java Platform(JDK) 버전 를 클릭합니다. 8u45은 버전인데 최신버전의 JDK를 설치합니다.7버전의 경우 스크롤을 좀만 더 내려보면 7버전도 다운받을 수 있다. Accept License Agreement 를 선택 한 후 아래에서 해당 OS에 다운로드합니다.저는 Window7 64bit이기 때문에 x64를 선택했습니다. 다운로드가 완료가 되면 .exe 를 실행합니다. Next > 하다보면 아래와 같이 나오면 설치 위치를 수정해줘야한다. 아래 버튼중 Change를 누른다. 아래사진에 보면 C:\Program Files\Java\jdk1.8.0.. 2019. 2. 8. 이전 1 다음
