Installation Vue.js (Eclipse)

Posted at 2018.05.24 21:32 | Posted in Study/Vue.js

Introduction


Eclipse 에서 Vue.js 개발 환경을 구축해보자.




Preparation


이클립스는 JavaScript and Web Developers 패키지로 받았다.




npm을 어디서든사용할 수 있도록 nodejs를 받아서 Path 환경 변수에 등록하자.





Install CodeMix Plugin


Eclipse Marketplace(Help - Eclipse Marketplace...)에서 vue를 검색하면 플러그인이 나온다. (하나만 있는듯? -_-)


With CodeMix, unlock a wide array of technologies from Visual Studio Code and add-on extensions built for Code OSS directly inside your Eclipse IDE.


- First class JavaScript coding & debugging

- Vastly improved HTML and CSS editing

- New languages including TypeScript, PHP and Python

- New frameworks from React and Vue.js to Angular

- New UX patterns like the Quick Open shortcuts

- As-you-type content assist




라이선스.. 네네...




설치 후 재시작 해준다.




재시작 하면 CodeMix 에 대한 설명+설정이 나온다.







Create Vue project


File - New - Project




프로젝트 이름 입력 후 Finish




아래와 같은 구조로 프로젝트가 만들어진다.




프로젝트에서 마우스 오른쪽 버튼 - Run As - npm Install 클릭.




프로젝트에 필요한 모듈들을 설치하게 된다.


Microsoft Windows [Version 10.0.16299.309]
(c) 2017 Microsoft Corporation. All rights reserved.

D:\dev\workspace\vue.js>npm install

> node-sass@4.9.0 install D:\dev\workspace\vue.js\node_modules\node-sass
> node scripts/install.js

Cached binary found at C:\Users\Antop\AppData\Roaming\npm-cache\node-sass\4.9.0\win32-x64-57_binding.node

> uglifyjs-webpack-plugin@0.4.6 postinstall D:\dev\workspace\vue.js\node_modules\uglifyjs-webpack-plugin
> node lib/post_install.js


> node-sass@4.9.0 postinstall D:\dev\workspace\vue.js\node_modules\node-sass
> node scripts/build.js

Binary found at D:\dev\workspace\vue.js\node_modules\node-sass\vendor\win32-x64-57\binding.node
Testing binary
Binary is fine
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 891 packages in 151.496s

D:\dev\workspace\vue.js>exit


node_modules 라는 디렉터리가 생성되고 하위에 필요한 모듈들이 들어있다. (이 디렉터리는 VCS에 포함시키지 말자!)




package.json - dev 에서 마우스 오른쪽 버튼. Run As - npm Script




아래와 같이 Console이 나오게 된다.


Microsoft Windows [Version 10.0.16299.309]
(c) 2017 Microsoft Corporation. All rights reserved.

D:\dev\workspace\vue.js>npm run-script dev

> vue-hello-world@1.0.0 dev D:\dev\workspace\vue.js
> cross-env NODE_ENV=development webpack-dev-server --open --hot

Project is running at http://localhost:8080/
webpack output is served from /dist/
404s will fallback to /index.html



브라우저가 자동으로 실행되고 아래와 같이 나온다면 성공!



'Study > Vue.js' 카테고리의 다른 글

Installation Vue.js (Eclipse)  (0) 2018.05.24
Installation Vue.js (WebStorm + Vue CLI)  (0) 2018.05.21

댓글 (Comment)

Name*

Password*

Link (Your Website)

Comment

SECRET | 비밀글로 남기기

Eclipse JVM 경로 지정하기

Posted at 2016.09.13 11:00 | Posted in Tools/Eclipse

eclipse.ini 파일 수정


-startup
plugins/org.eclipse.equinox.launcher_1.3.200.v20160318-1642.jar
--launcher.library
plugins/org.eclipse.equinox.launcher.win32.win32.x86_64_1.1.400.v20160518-1444
-product
org.eclipse.epp.package.jee.product
--launcher.defaultAction
openFile
-showsplash
org.eclipse.platform
--launcher.defaultAction
openFile
--launcher.appendVmargs
# 여기
-vm
D:\develoment\jvm\jdk-8u101\bin\javaw.exe
-vmargs
-Dosgi.requiredJavaVersion=1.8
-XX:+UseG1GC
-XX:+UseStringDeduplication
-Dosgi.requiredJavaVersion=1.8
-Xms256m
-Xmx1024m


'Tools > Eclipse' 카테고리의 다른 글

Eclipse JVM 경로 지정하기  (0) 2016.09.13
Eclipse + SVN Plugin  (1) 2012.03.29
Maven Integration for Eclipse  (0) 2012.02.20
Eclipse + TPTP Remote  (1) 2012.01.20
Eclipse + TPTP (Eclipse Test & Performance Tools Platform)  (4) 2012.01.01
Eclipse + MyBatis Generator  (1) 2011.07.04
installation Oracle Enterprise Pack for Eclipse  (2) 2011.05.22
Eclipse + STS (SpringSource Tool Suite)  (1) 2011.01.16
Eclipse Plugins for JBoss technology  (1) 2011.01.11
Properties Editor  (1) 2009.11.17
UTF-8 설정  (0) 2009.11.16
tag: Eclipse, jdk, JVM

댓글 (Comment)

Name*

Password*

Link (Your Website)

Comment

SECRET | 비밀글로 남기기

Introduce



웹프로젝트 생성 후 추가적으로 해야할 작업을 정리합니다.



프로젝트를 생성하면 아래와 같은 구조로 생성이 됩니다.





Create Resource Folder


기본적인 메이븐 구조에 맞게 있어야 하는 폴더가 안 만들어져 있습니다.


main/java

main/resources <- 이미 생성되어 있음

test/java

test/resources


폴더를 생성하고


main/webapp


폴더는 삭제합니다.



Project Preperties 로 들어갑니다. (프로젝트에서 마우스 오른쪽 버튼 - Properties)


Java Build Path에 3개는 이미 추가되어 있으니(폴더도 없었으면서 -_-)  한개 빠진 폴더를 추가합니다.


Add Folder 버튼 클릭



남은 하나의 폴더(test/resources)를 추가합니다.



OK 후 Java  Resources 쪽에 보면 4개의 폴더가 적용되어 있습니다.





Change JRE System Library


저는 JDK 1.5 가 없습니다. 1.6 을 사용합니다. 하지만 메이븐 프로젝트를 만들면 기본적으로 빌드를 1.5로 하게 되어 있습니다. 이클립스에서 알아서 1.6으로 해주지만 경고가 표시됩니다.



Project Facets 설정 에서 1.6 으로 바꿔줄 수 있지면 나중에 pom.xml 설정을 바꾸다 보면 다시 원상 복귀 됩니다.


해결방법은 pom.xml 에서 플러그인 부분을 아래와 같이 추가 후 저장합니다.


<build>

<finalName>maven.project</finalName>


<!-- 이거 -->

<plugins>

<plugin>

<groupId>org.apache.maven.plugins</groupId>

<artifactId>maven-compiler-plugin</artifactId>

<version>3.1</version>

<configuration>

<source>1.6</source>

<target>1.6</target>

</configuration>

</plugin>

</plugins>

</build>

</project>


그러면 아래와 같이 에러가 나게 됩니다.



하라는대로 합니다. ㅎㅎ 프로젝트 오른쪽 버튼 클릭후 Maven - Update Project.



그럼 메이븐 프로젝트 선택하고 나옵니다. 현재 작업중인 프로젝트를 선택합니다.


그러면 이제 1.6 으로 돌아가게 됩니다. 물론 경고도 사라집니다.




Change Web Resource Location


처음 메이븐 웹 프로젝트를 만들면 웹 관련 폴더는 {프로젝트 루트}/src/main/webapp 에 있습니다.


이게 좀 소스 찾아 들어가려면 귀찮습니다. -_-;; 이 부분을 {프로젝트 루트}/webapp 로 변경하겠습니다.


이미 위에서 src/main/webapp 폴더는 삭제했습니다. 삭제하지 안았다면 삭제합니다.


프로젝트 바로 아래에 webapp, WEB-INF 폴더, web.xml(servlet 2.5) 파일을 생성합니다.



webapp 경로가 바뀌었으니 pom.xml 파일에 maven-war-plugin 설정을 추가합니다.


<plugin>

<groupId>org.apache.maven.plugins</groupId>

<artifactId>maven-war-plugin</artifactId>

<version>2.4</version>

<configuration>

<warSourceDirectory>webapp</warSourceDirectory>

</configuration>

</plugin>

</plugins>

</build>

</project>


수정 후 저장을 하면 다시 Update Project 하라고 에러가 납니다.


아직 추가 설정을 더 해줘야합니다!!


Navigator 뷰에서 프로젝트를 본 후 .settings 폴더에서 두개의 파일을 수정합니다.



.jsdtscope - 블럭된 부분을 삭제합니다.


<?xml version="1.0" encoding="UTF-8"?>

<classpath>

<classpathentry kind="src" path="src/main/webapp"/>

<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.JRE_CONTAINER"/>

<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.WebProject">

<attributes>

<attribute name="hide" value="true"/>

</attributes>

</classpathentry>

<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.baseBrowserLibrary"/>

<classpathentry kind="output" path=""/>

</classpath>


org.eclipse.wst.common.project.facet.core.xml - jst.web 버전을 2.5로 변경합니다. (자신의 web.xml 따라서 변경)


<?xml version="1.0" encoding="UTF-8"?>

<faceted-project>

  <fixed facet="wst.jsdt.web"/>

  <installed facet="jst.web" version="2.5"/>

  <installed facet="wst.jsdt.web" version="1.0"/>

  <installed facet="java" version="1.6"/>

</faceted-project>


모두 저장 후 Project Explorer 뷰로 이동 후 Maven - Update Project


프로젝트를 보면 Deployment Descriptor 가 표시 되었습니다.



Maven Install 이나 War Export 해보면 정상적인 구조로 말리는 걸 확인할 수 있네요~


'Tools > Maven' 카테고리의 다른 글

메이븐 웹 프로젝트 생성 후 해야할 일들...  (2) 2013.09.09
  1. gg
    유익한 정보 정말 감사합니다.

댓글 (Comment)

Name*

Password*

Link (Your Website)

Comment

SECRET | 비밀글로 남기기

Eclipse + SVN Plugin

Posted at 2012.03.29 02:05 | Posted in Tools/Eclipse

http://www.eclipse.org/subversive/index.php

 Help - Install New Software

http://download.eclipse.org/technology/subversive/0.7/update-site/

아래 그림 처럼 3개를 선택합니다.

Subversive Revision Graph는 버전 히스토리를 그림으로 쉽게 볼 수 있습니다.

Next

라이센스 동의하고 Finish

설치중...

이클립스 재시작...

재시작 후 커넥터 플러그인을 설치하라고 합니다.

Next

Next

라이센스 동의 후 Finish

설치중...

 검증되지 않은 소프트웨어가 설치된다는 경고인듯? OK -_-

 다시 재시작합니다.

 Perspective 를 추가합니다.

 SVN Repository Exploring 을 선택합니다.

 이제 여기에서 SVN 등록하고 사용할 수 있습니다.

'Tools > Eclipse' 카테고리의 다른 글

Eclipse JVM 경로 지정하기  (0) 2016.09.13
Eclipse + SVN Plugin  (1) 2012.03.29
Maven Integration for Eclipse  (0) 2012.02.20
Eclipse + TPTP Remote  (1) 2012.01.20
Eclipse + TPTP (Eclipse Test & Performance Tools Platform)  (4) 2012.01.01
Eclipse + MyBatis Generator  (1) 2011.07.04
installation Oracle Enterprise Pack for Eclipse  (2) 2011.05.22
Eclipse + STS (SpringSource Tool Suite)  (1) 2011.01.16
Eclipse Plugins for JBoss technology  (1) 2011.01.11
Properties Editor  (1) 2009.11.17
UTF-8 설정  (0) 2009.11.16
  1. ttt
    도움 되었습니다~

댓글 (Comment)

Name*

Password*

Link (Your Website)

Comment

SECRET | 비밀글로 남기기

Maven Integration for Eclipse

Posted at 2012.02.20 03:30 | Posted in Tools/Eclipse
메이븐을 이용해서 웹프로젝트는 사용할 수 있도록 해보겠습니다.

아직까지도 불편하기만 하지만.. 쩝..

http://eclipse.org/m2e/



Eclipse Indigo(3.7)와 JDK 1.6 으로 설치 해보겠습니다.


아래 두개의 사이트에서 업데이르를 받습니다.

Maven Integration for Eclipse Update Site : http://m2eclipse.sonatype.org/sites/m2e/

Maven Integration for Eclipse Extras Update Site : http://m2eclipse.sonatype.org/sites/m2e-extras/



Maven Intergration for Eclipse WTP 플러그인이 웹 어플을 만들 수 있게 해주는 플러그인 입니다.



플러그인이 둘 다 설치되면 이클립스를 재시작 합니다.

이제 이클립스에서 메이븐 프로젝트를 생성할 수 있습니다.




위와 같은 경고 메세지가 보이면 eclipse.ini 파일에 jdk 위치를 직접 지정합니다.

(경로는 각자 다르니 알아서.. -_-+)

  1. -startup
  2. plugins/org.eclipse.equinox.launcher_1.2.0.v20110502.jar
  3. --launcher.library
  4. plugins/org.eclipse.equinox.launcher.win32.win32.x86_1.1.100.v20110502
  5. -product
  6. org.eclipse.epp.package.jee.product
  7. -vm
  8. C:\Program Files\Java\jdk1.6.0_27\bin\javaw.exe
  9. --launcher.defaultAction
  10. openFile
  11. --launcher.XXMaxPermSize
  12. 256M
  13. -showsplash
  14. org.eclipse.platform
  15. --launcher.XXMaxPermSize
  16. 256m
  17. --launcher.defaultAction
  18. openFile
  19. -vmargs
  20. -Dosgi.requiredJavaVersion=1.5
  21. -Xms40m
  22. -Xmx512m


이제 웹프로젝트를 만들어서 테스트 해봅시다~

File - New - Other... (Ctrl + N)

Maven Porject 를 선택합니다.


그냥 Next 클릭.



"maven-archetype-webapp" Archetype 을 선택합니다.



Group Id 와 Artifact Id(프로젝트명)를  적습니다.



아래와 같이 프로젝트가 만들어졌습니다.



평소 이클립스에서 하듯이 서버에 배치하고 실행해보면 페이지가 나오는 것을 확인할 수 있습니다.




JDK 버전 맞추기

그나마 우리가 쓰던대로 하려면 아주 조금 더 설정을 해줘야합니다. -_-;;;

만약 JDK 1.6 이상을 쓴다면 아래와 같이 경고가 나는 것을 확인할 수 있습니다.

Description Resource Path Location Type
Build path specifies execution environment J2SE-1.5. There are no JREs installed in the workspace that are strictly compatible with this environment.  first-maven  Build path JRE System Library Problem


메이븐 프로젝트는 기본적으로 Java 1.5를 사용하게 설정되어 있네요.

프로젝트에서 마우스 오른쪽 버튼 클릭 - Properties (Alt + Enter) 선택해서 프로젝트 설정으로 들어갑니다.

Java 를 1.6 으로 변경합니다.





Project Explorer 정렬 문제

프로젝트 생성 후에 작업을 하다보면 웹 파일쪽의 뭔가 이상합니다. -_-;;

폴더 a-z , 파일 a-z 였던 정렬이 뒤엉켜 버립니다. ㅠ_ㅠ


그나마 쓸 수 있는 방법은 아래와 같습니다.

Project Explorer 오른쪽의 View Menu(아래쪽 세모)를 클릭 - Customize View 선택.


JavaScript Elements, Web Resources, Resources 를 체크 해제합니다.


이제는 제대로 보이네요 ㅎㅎ




Java Resource 설정

이제 자바 파일을 생성해 보겠습니다.

근데 이상하게 나옵니다 -_-;; 그냥 파일로 인식이 되네요...


수정해봅시다. ㅠㅠ

프로젝트 설정으로 갑니다.

Java Build Path 부분에서 Source 탭으로 이동합니다.

기존에 있던 폴더를 삭제 후 다시 폴더를 추가합니다.


src/main/reources 를 선택합니다.



OK 버튼을 클릭합니다.


이제야 제대로 보이네요 ㅎㅎㅎ




메이븐을 사용하는 가장 큰 이유인 pom.xml 을 이용한 라이브러리 자동 세팅(?)을 이용하기 m2eclipse 플러그인을 설치했습니다.

한발치 떨어져서 보면 열라 좋아 보이지만 막상 쓸려고하니까 기존 Dynamic Web Project 에 익숙해져서 인지 불편하네요..

그나마 두번째 플러그인(WTP를 위한 플러그인)이 없었을 때는 더 불편했었죠... ㅠㅠ

설치 후에 버그(?)들 쉽게 해결할 수 있는 방법 아시는분~

'Tools > Eclipse' 카테고리의 다른 글

Eclipse JVM 경로 지정하기  (0) 2016.09.13
Eclipse + SVN Plugin  (1) 2012.03.29
Maven Integration for Eclipse  (0) 2012.02.20
Eclipse + TPTP Remote  (1) 2012.01.20
Eclipse + TPTP (Eclipse Test & Performance Tools Platform)  (4) 2012.01.01
Eclipse + MyBatis Generator  (1) 2011.07.04
installation Oracle Enterprise Pack for Eclipse  (2) 2011.05.22
Eclipse + STS (SpringSource Tool Suite)  (1) 2011.01.16
Eclipse Plugins for JBoss technology  (1) 2011.01.11
Properties Editor  (1) 2009.11.17
UTF-8 설정  (0) 2009.11.16

댓글 (Comment)

Name*

Password*

Link (Your Website)

Comment

SECRET | 비밀글로 남기기

Eclipse + TPTP Remote

Posted at 2012.01.20 21:23 | Posted in Tools/Eclipse
Eclipse + TPTP (Eclipse Test & Performance Tools Platform) 에 이어서 원격지에 있는 WAS 를 프로파일링 해봅시다.

Ubuntu 11.04 32bit 에서 테스트 하겠습니다.

$ uname -a
Linux nerv.kr 2.6.38-8-generic-pae #42-Ubuntu SMP Mon Apr 11 05:17:09 UTC 2011 i686 i686 i386 GNU/Linux

http://dev.eclipse.org/viewcvs/viewvc.cgi/platform/org.eclipse.tptp.platform.agentcontroller/src-native-new/packaging_md/linux/getting_started.html?root=TPTP_Project&view=co



Setting Up Agent Controller

서버에 심어둘 Agent Controller(AC)를 다운로드 합니다.

http://www.eclipse.org/tptp/home/downloads/


다운로드 받아서 압축을 풉니다. (전 "opt/tptpAC" 에 풀었습니다.)

bin 디렉토리의 SetConfig.sh 스크립트를 한번 실행해줍니다.

1. JVM 위치 : 디폴트 값이 맞다면 그냥 엔터로 넘기시면 됩니다.
2. 네트워크 엑세스 : ALL
3. 보안 사용 : 패스

/opt/tptpAC/bin# ./SetConfig.sh
Specify the fully qualified path of "java" (e.g. /usr/java1.4/jre/bin/java):
  Default>"/usr/lib/jvm/java-6-sun-1.6.0.26/jre/bin/java" (Press <ENTER> to accept the default value)
  New value>/usr/lib/jvm/java-6-sun/bin/java
Network access mode (ALL=allow any host, LOCAL=allow only this host, CUSTOM=list of hosts):
  Default>"LOCAL" (Press <ENTER> to accept the default value)
  New value>ALL
Security enabled. (true/false):
  Default>"FALSE" (Press <ENTER> to accept the default value)
  New value>

/opt/tptpAC/bin#

Agent Controller Server 를 실행합니다. (끄는건 ACStop.sh)

/opt/tptpAC/bin# ./ACStart.sh
Starting Agent Controller.
ACServer started successfully.


Checking Agent Controller Installation

한번 테스트 해봅시다.

/opt/tptpAC/bin# ./SampleClient

Connected to the Agent Controller on "localhost" at port number 10006

The Time Collector Agent ID: 103

Established a data channel with the agent.

Sending 5 Hello messages over data channel to TimeCollector ...

Start the TimeCollector ...

Incoming data: Hello from Time Collector Agent - Count 0
Incoming data: Hello from Time Collector Agent - Count 1
Incoming data: Hello from Time Collector Agent - Count 2
Incoming data: Hello from Time Collector Agent - Count 3
Incoming data: Hello from Time Collector Agent - Count 4
Incoming data: Hello from Time Collector Agent - Count 5

Stop the TimeCollector ...

Incoming data: Hello from Time Collector Agent - Count 6
Incoming data: Hello from Time Collector Agent - Count 7
Incoming data: Hello from Time Collector Agent - Count 8
Incoming data: Hello from Time Collector Agent - Count 9

All finished
Press enter key to exit...

/opt/tptpAC/bin#

포트가 열려 있는지 확인 해봅시다.

# netstat -n -a | grep 10002
tcp6       0      0 :::10002                :::*                    LISTEN
tcp6       0      0 ***.***.***.***:10002       ***.***.***.***:50412       ESTABLISHED

# netstat -n -a | grep 10005
tcp6       0      0 :::10005                :::*                    LISTEN

# netstat -n -a | grep 10006
tcp6       0      0 :::10006                :::*                    LISTEN
tcp6       0      0 ***.***.***.***:10006       ***.***.***.***:50414       ESTABLISHED



Profiling a Java Application

이제 톰켓을 프로파일링 모드로 구동시켜 봅시다.

시작 스크립트 부분에 아래와 같이 환경변수를 세팅해 줍니다.

# 임시 디렉토리 설정(옵션)
export TEMP="/tmp"
export TMP="/tmp"

export TPTP_AC_HOME="/opt/tptpAC"
export JAVA_PROFILER_HOME="${TPTP_AC_HOME}/plugins/org.eclipse.tptp.javaprofiler"
export PATH="${JAVA_PROFILER_HOME}:${TPTP_AC_HOME}/bin:${PATH}"
export LD_LIBRARY_PATH="${JAVA_PROFILER_HOME}:${TPTP_AC_HOME}/lib:${LD_LIBRARY_PATH}"

그리고 자바 옵션에 아래와 같이 추가합니다.

프로파일링의 종류는 3가지가 있습니다.

- CGProf : Execution time analysis.
- HeapProf : Object allocation/heap analysis.
- Thread : Thread analysis.

-agentlib:JPIBootLoader=JPIAgent:server=controlled;CGProf

저의 구동 스크립트는 CATALINA_OPTS 변수를 사용하더군요 ㅎㅎ

export CATALINA_OPTS="$CATALINA_OPTS -agentlib:JPIBootLoader=JPIAgent:server=enabled;HeapProf"

※ 만약 JPIAgent 를 찾을 수 없다거나 에러가 난다면 앞뒤로 '(쿼터)를 추가해 봅시다.

OS 종류에 따라 좀 틀려서.. ㅠ_ㅠ

export CATALINA_OPTS="$CATALINA_OPTS '-agentlib:JPIBootLoader=JPIAgent:server=enabled;HeapProf'"

옵션이 제대로 박혀 들어가 있는지도 확인 해봅시다.

# ps -ef | grep tomcat6
tomcat6   5899     1  2 20:12 ?        00:01:15 /usr/lib/jvm/java-6-sun/bin/java -Djava.util.logging.config.file=/var/lib/tomcat6/conf/logging.properties -Djava.awt.headless=true -Xmx128m -XX:+UseConcMarkSweepGC -Djava.util.logging.manager=org.apache.juli.ClassLoaderLogManager -Xms256m -Xmx512m -agentlib:JPIBootLoader=JPIAgent:server=enabled;HeapProf -Djava.endorsed.dirs=/usr/share/tomcat6/endorsed -classpath /usr/share/tomcat6/bin/bootstrap.jar -Dcatalina.base=/var/lib/tomcat6 -Dcatalina.home=/usr/share/tomcat6 -Djava.io.tmpdir=/tmp/tomcat6-tmp org.apache.catalina.startup.Bootstrap start



이제 이클립스에서 원격으로 붙어서 상태를 확인 해봅시다.

물론 TPTP 플러그인은 깔려 있어야 합니다. ^^;;

Run - Profile Configurations...



Attach to Agent 를 추가하고 원격으로 볼 주소를 Default Hosts 에 추가합니다.



Agents 탭에 보면 떠있는 프로파일링이 보입니다. (바로 안보이면 Refresh 버튼 한번 클릭!)

선택 후 "Profile" 버튼을 클릭합니다.



"Profiling and Logging" 퍼스펙티브로 이동해서 보면 "Profiling Monitor" 탭에 등록한 호스트가 보일겁니다.

더블클릭해서 보면 프로파일링 결과가 나옵니다. ㅎㅎ




생각보다는 어렵지 않네요...

'Tools > Eclipse' 카테고리의 다른 글

Eclipse JVM 경로 지정하기  (0) 2016.09.13
Eclipse + SVN Plugin  (1) 2012.03.29
Maven Integration for Eclipse  (0) 2012.02.20
Eclipse + TPTP Remote  (1) 2012.01.20
Eclipse + TPTP (Eclipse Test & Performance Tools Platform)  (4) 2012.01.01
Eclipse + MyBatis Generator  (1) 2011.07.04
installation Oracle Enterprise Pack for Eclipse  (2) 2011.05.22
Eclipse + STS (SpringSource Tool Suite)  (1) 2011.01.16
Eclipse Plugins for JBoss technology  (1) 2011.01.11
Properties Editor  (1) 2009.11.17
UTF-8 설정  (0) 2009.11.16

댓글 (Comment)

Name*

Password*

Link (Your Website)

Comment

SECRET | 비밀글로 남기기

요즘들어 개발 자체보다는 프로파일링이나 APM 쪽에 관심이 생겼습니다.

프로파일링 툴중 하나로 TPTP 라는 것이 있길래 이것저것 해보았습니다. ^^;;

TPTP 를 이용하여 웹어플(Web Application)을 프로파일링 해보겠습니다!

http://www.eclipse.org/tptp/



http://www.eclipse.org/tptp/home/documents/tutorials/profileOnServer/TPTP-WTP.html

Eclipse 3.6 (Helios) SR2 에서 진행합니다.



Installing TPTP prerequisites

TPTP 설치 전에 필요로 하는 플러그인들이 있습니다.

1. WTP (Web Tools Platform) - http://eclipse.org/webtools/

이클립스를 J2EE 버전으로 설치했다면 포함되어 있습니다.


2. EMF (Eclipse Modeling Framework) - http://www.eclipse.org/modeling/emf/




3. GEF (Graphical Editing Frame work) - http://www.eclipse.org/gef/



Installing TPTP

이클립스를 이용하여 다운로드 하면 다운로드 진행이 안되서 전 플러그인을 다운로드 받아서 설치했습니다.

4.7.2 - http://www.eclipse.org/downloads/download.php?file=/tptp/4.7.2/TPTP-4.7.2/tptp.sdk-TPTP-4.7.2.zip



Downloading and installing the Agent Controller

TPTP 를 사용하기 위해선 AC(Agent Controller)라는 것을 심어놔야 하는데 로컬 서버는 필요 없습니다.


Setting up a Server

그냥 톰켓 7.0 으로 테스트 하겠습니다.

 



Profile a Server

이제 준비는 끝났습니다.

서버(WAS)를 시작할 때 프로파일 모드(?)로 실행하면 됩니다.



아래와 같이 팝업이 뜹니다.


실행시간(Execuion Time), 메모리(Memory), 쓰래드(Thread)를 분석Analysis할 수 있습니다.

3개중 하나를 선택 하고 "Finish" 버튼을 클릭 하면 WAS 가 기동됩니다.

기동된 후 아래와 같이 창이 뜹니다.


퍼스펙티브(Perspective)를 변경할 거냐고 물어보는데 어차피 상세내역을 보려면 변경해서 봐야하므로 아무거나 선택 ^^;;



웹어플을 이것저것 테스트한 후에 "Profilling Monitor" 뷰에서 더블클릭 하거나 "Profiling and Logging" 퍼스펙티브를 선택하여 이동합니다.




그러면 아래와 같이 각 메소드마다 처리 시간을 볼 수 있네요~

 


나머지 두가지(메모리, 쓰래드)는 각자 해보시면 되겠습니다. -_-;;

오른쪽 상단의 아이콘이나 컨텍스트 메뉴를 이용하면 이런저런 기능들이 많네요~



자기 로컬에서 하는 것은개발할 때 잠깐 켜놓는 것이기 때문에 아주 눈에 띄게 잘못된 부분이 아니면 찾아내기는 힘들 것 같습니다.

통합테스트나 할 때 개발(운영) 서버에 띄워놓고 장기간 관찰해야 진짜로 효과가 있을듯 합니다.

이제 원격지에 AC(Agent Controller)를 심어놓고 하는 방법을 공부해봐야 겠습니다. ㅠ_ㅠ

'Tools > Eclipse' 카테고리의 다른 글

Eclipse JVM 경로 지정하기  (0) 2016.09.13
Eclipse + SVN Plugin  (1) 2012.03.29
Maven Integration for Eclipse  (0) 2012.02.20
Eclipse + TPTP Remote  (1) 2012.01.20
Eclipse + TPTP (Eclipse Test & Performance Tools Platform)  (4) 2012.01.01
Eclipse + MyBatis Generator  (1) 2011.07.04
installation Oracle Enterprise Pack for Eclipse  (2) 2011.05.22
Eclipse + STS (SpringSource Tool Suite)  (1) 2011.01.16
Eclipse Plugins for JBoss technology  (1) 2011.01.11
Properties Editor  (1) 2009.11.17
UTF-8 설정  (0) 2009.11.16
  1. 알려줘요..
    이클립스 갈릴레오에서는 안되나요? tptp 플러그인 설치해놓고 해봤는데 안되네요 실행이 ㅠ
  2. 알려주세요
    could not launch in profiling mode because no profilers are configured
    이런 에러가 뜨는데 왜그런건가요..ㅠㅠ]
    이클립스는 주노 버전입니다..ㅜ
    • 2014.12.06 20:56 신고 [Edit/Del]
      JVM 버전 같은 것도 보고 많이 고려는 해봐야 하겠지면
      2011년 이후에 업데이트 안되는 프로젝트로써 다른 프로파일 툴 알아보시는게 ㅠㅠ

댓글 (Comment)

Name*

Password*

Link (Your Website)

Comment

SECRET | 비밀글로 남기기

Eclipse + WebLogic 추가 설정 사항들...

Posted at 2011.08.23 11:40 | Posted in Server/WebLogic
이클립스 콘솔에서 한글이 깨짐

Eclipse + WebLogic 연동해서 쓰고.....



Workspace 기본 인코딩(encoding)을 UTF-8로 설정하게 되면



서버를 띄운 후 콘솔(Console) 내용 중에 한글이 깨져서 나오게 됩니다.

<2010. 8. 22 ���� 12�� 46�� 49�� KST> <Info> <WebLogicServer> <BEA-000377> <Starting WebLogic Server with Java HotSpot(TM) Client VM Version 17.0-b16 from Sun Microsystems Inc.>
<2010. 8. 22 ���� 12�� 46�� 54�� KST> <Notice> <Se................

웹로직 로그파일이 UTF-8이 아니라서 그런데 설정을 해줘야합니다.

"......\user_projects\domains\domain1(도메인명)\bin" 폴더에서 setDomainEnv.cmd 파일을 수정합니다.

227 라인 정도 부분에 JAVA_PROPERTIES 환경 변수에 추가해줍니다.

set JAVA_PROPERTIES=-Dplatform.home=%WL_HOME% -Dwls.home=%WLS_HOME% -Dweblogic.home=%WLS_HOME%
 -Dfile.encoding=UTF8 -Dfile.client.encoding=UTF8

다시 웹로직을 시작 시키면 한글이 제대로 나옵니다.

서버 시작시 윕에서 적용한 옵션이 나오는 것을 확인할 수 있습니다.

.
***************************************************
*  To start WebLogic Server, use a username and   *
*  password assigned to an admin-level user.  For *
*  server administration, use the WebLogic Server *
*  console at http:\\hostname:port\console        *
***************************************************
starting weblogic with Java version:
java version "1.6.0_21"
Java(TM) SE Runtime Environment (build 1.6.0_21-b07)
Java HotSpot(TM) Client VM (build 17.0-b17, mixed mode, sharing)
Starting WLS with line:
C:\PROGRA~1\Java\JDK16~1.0_2\bin\java -client   -Xms256m -Xmx512m -XX:CompileThreshold=8000 -XX:PermSize=48m  -XX:MaxPermSize=128m -Dweblogic.Name=AdminServer -Djava.security.policy=C:\oracle\MIDDLE~1\11112~1.X\WLSERV~1.3\server\lib\weblogic.policy  -Xverify:none  -da -Dplatform.home=C:\oracle\MIDDLE~1\11112~1.X\WLSERV~1.3 -Dwls.home=C:\oracle\MIDDLE~1\11112~1.X\WLSERV~1.3\server -Dweblogic.home=C:\oracle\MIDDLE~1\11112~1.X\WLSERV~1.3\server -Dfile.encoding=UTF8 -Dfile.client.encoding=UTF8  -Dweblogic.management.discover=true  -Dwlw.iterativeDev= -Dwlw.testConsole= -Dwlw.logErrorsToConsole= -Dweblogic.ext.dirs=C:\oracle\MIDDLE~1\11112~1.X\patch_wls1032\profiles\default\sysext_manifest_classpath;C:\oracle\MIDDLE~1\11112~1.X\patch_jdev1111\profiles\default\sysext_manifest_classpath  weblogic.Server
<2010. 8. 19 오후 4시 19분 03초 KST> <Info> <WebLogicServer> <BEA-000377> <Starting WebLogic Server with Java HotSpot(TM) Client VM Version 17.0-b17 from Sun Microsystems Inc.>
<2010. 8. 19 오후 4시 19분 04초 KST> <Info> <Management> <BEA-141107> <Version: WebLogic Server 10.3.2.0  Tue Oct 20 12:16:15 PDT 2009 1267925 >
<2010. 8. 19 오후 4시 19분 06초 KST> <Notice> <WebLogicServer> <BEA-000365> <Server state changed to STARTING>
<2010. 8. 19 오후 4시 19분 06초 KST> <Info> <WorkManager> <BEA-002900> <Initializing self-tuning thread pool>
<2010. 8. 19 오후 4시 19분 07초 KST> <Notice> <LoggingService> <BEA-320400> <The log file .....




PermGen space 에러.

잘 사용하다가 "java.lang.OutOfMemoryError" 에러가 나면서 서버가 뻣어 버리니는 경우가 많이 일어납니다...

이클립스가 뻣는게 아니라 웹로직 서버가 뻣는 것입니다.

이유는 여러가지가 있겠지만 어쨋든 메모리가 딸린겁니다... -_-;;

이때는  PerGen 사이즈를 늘려주면 좀 더 오래 버팁니다 ㅠㅠ

해결법 1)

웹로직을 직접 죽입니다. 작업관리자에서 웹로직을 띄우고 있는 java.exe 를 죽이면 됩니다.


해결법 2)

메모리 사이즈를 늘려서 좀 더 오래 버티게 하는 방법이 있습니다.

서버를 띄울때 로그를 잘 보면 처음에 아래와 같은 로그를 볼 수 있습니다.

Starting WLS with line:
C:\PROGRA~1\Java\JDK16~1.0_2\bin\java -client   -Xms256m -Xmx512m -XX:CompileThreshold=8000 -XX:PermSize=48m  -XX:MaxPermSize=128m ....

이 크기를 늘려주면 됩니다.

이클립스와 연결된 도메인 폴더로 이동합니다. (이하 %DOMAIN_HOME%)

%DOMAIN_HOME%\bin\setDomainEnv.cmd 파일을 수정합니다.

187 라인 쯤에 변경할 수 있는 부분이 있습니다.

아래의 값을 변경하면 됩니다. 자신의 OS 비트에 따라 변경하세요~

set MEM_MAX_PERM_SIZE_64BIT=-XX:MaxPermSize=256m

set MEM_MAX_PERM_SIZE_32BIT=-XX:MaxPermSize=128m

  1. 잘 봤습니다. 다음 아래 사항 설정 할때 주의하세요

    set JAVA_PROPERTIES=-Dplatform.home=%WL_HOME% -Dwls.home=%WLS_HOME% -Dweblogic.home=%WLS_HOME%
    -Dfile.encoding=UTF8 -Dfile.client.encoding=UTF8

    를 그대로 붙여넣게 되면 다음줄로 내려가게 되는데...

    한줄에 다 써주어야 합니다 ^^
  2. 감사합니다. 많은 도움이 되었습니다.
  3. jee
    오홍, 댓글 못보고 엔터치고 입력해서 헤맸어요 ㅎㅎ 잘 정리해주셔서 감사합니다.
  4. 공갈사기
    잘 보고 갑니다. 감사합니다.
  5. 좋은글 출처를 표시하고 블로그에 담아갑니다. ^^
  6. tay
    이 블로그에서 많은 도움 받고 갑니다.
    여러 번 들어왔네요.
    감사합니다.

댓글 (Comment)

Name*

Password*

Link (Your Website)

Comment

SECRET | 비밀글로 남기기

Eclipse + MyBatis Generator

Posted at 2011.07.04 16:49 | Posted in Tools/Eclipse
이번 프로젝트는 Spring + MyBatis 입니다.... ㄷㄷ(난 하이버네이트가 더 좋은데 ㅠㅠ)

뭐든 ORM이 마찬가지지만 설정을 열라 해줘야 합니다... 매핑 같은거 ㅠㅠ

하버네이트는 DB 긁어와서 파일 만들어줬는데 마이바티스는 없나.. 해서 찾아보니 역시나 있었습니다.!!

Eclipse Helios 사용.



Installation

이클립스에서 Help -> Install New Software..

사이트 주소 : http://mybatis.googlecode.com/svn/sub-projects/generator/trunk/eclipse/UpdateSite/




Create Config File

이클립스에서 File -> New -> Other 클릭.

플러그인을 정상적으로 설치했으면 아래와 같이 "MyBatis Generator Configuration File" 이 나올겁니다.


저장할 폴더 위치와 파일 이름을 설정합니다.



이제 이 파일을 열어서 편집합니다. 아래는 샘플 입니다. (ㄷㄷㄷ)
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE generatorConfiguration PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN" "http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd" >
<generatorConfiguration>
	<classPathEntry location="D:\dev\workspace\eclipse\board_v2\WebContent\WEB-INF\lib\mysql-connector-java-5.1.16-bin.jar" />

	<context id="context1">
		<jdbcConnection driverClass="com.mysql.jdbc.Driver"
			connectionURL="jdbc:mysql://hostname:3306/db" userId="antop"
			password="xxxxxxxx" />

		<javaModelGenerator targetPackage="kr.nerv.antop.entity.model"
			targetProject="board_v2" />

		<sqlMapGenerator targetPackage="kr.nerv.antop.entity.xml"
			targetProject="board_v2" />

		<javaClientGenerator targetPackage="kr.nerv.antop.entity.mapper"
			targetProject="board_v2" type="XMLMAPPER" />

		<table schema="antop" tableName="ab_board" />
		<table schema="antop" tableName="ab_board_comment" />
		<table schema="antop" tableName="ab_board_file" />	
	</context>
</generatorConfiguration>

모델, XML, 맵퍼 3가지를 생성합니다.

기존 아이바티스 사용하는 방법대로면 모델과 XML 만 있으면 사용 할 수 있을 것 같네요..



Generation

이제 이 설정파일(generatorConfig.xml)에서 마우스 오른쪽 버튼 클릭 후 "Generate MyBatis/iBATIS Artifacts" 클릭!!


파일들이 생성되어 있을 겁니다. ㅎㅎ


이제 진짜 쓸만하게 제대로 만들어 졌는지는 까봐야 알겠죠.. 후...

자기가 잘 쓸만하게 만드려면 설정 파일을 제대로 작성해야 할 듯..



http://code.google.com/p/mybatis/wiki/Generator

http://code.google.com/p/mybatis/source/browse/sub-projects/generator/trunk/core/mybatis-generator-systests-mybatis3/src/main/resources/generatorConfig.xml?r=2403


'Tools > Eclipse' 카테고리의 다른 글

Eclipse JVM 경로 지정하기  (0) 2016.09.13
Eclipse + SVN Plugin  (1) 2012.03.29
Maven Integration for Eclipse  (0) 2012.02.20
Eclipse + TPTP Remote  (1) 2012.01.20
Eclipse + TPTP (Eclipse Test & Performance Tools Platform)  (4) 2012.01.01
Eclipse + MyBatis Generator  (1) 2011.07.04
installation Oracle Enterprise Pack for Eclipse  (2) 2011.05.22
Eclipse + STS (SpringSource Tool Suite)  (1) 2011.01.16
Eclipse Plugins for JBoss technology  (1) 2011.01.11
Properties Editor  (1) 2009.11.17
UTF-8 설정  (0) 2009.11.16
  1. 감사합니다.
    처음 세팅할때도 이 글 참고했었는데 generate 어떻게 했나 기억이 안나서 또 찾아왔다가 글 남겨봅니다.
    xml 우클릭...^^

    참고로 저는 example 스타일로는 쓰지 않아서... 별도 경로에 generate해놓고 일부만 카피해서 씁니다.

댓글 (Comment)

Name*

Password*

Link (Your Website)

Comment

SECRET | 비밀글로 남기기

installation Oracle Enterprise Pack for Eclipse

Posted at 2011.05.22 13:02 | Posted in Tools/Eclipse
http://download.oracle.com/docs/cd/E15315_07/help/oracle.eclipse.tools.common.doc/html/index.html

현재까지 나와있는 Eclipse 3.6.2 + Oracle Enterprise Pack for Eclipse 11.1.1.7.2 설치하는 방법입니다.

OS는 Windows 7 x86 (32bit), 웹로직(WebLogic)은 현재 최신 버젼(10.3.5)를 기준으로 합니다.

먼저 이클립스웹로직을 다운로드 합니다.

웹로직은 설치형을 다운로드 받아서 설치해도 됩니다. 하지만 전 무설치(zip) 버젼을 설치 하겠습니다.



Install Oracle Enterprise Pack for Eclipse

이클립스 실행 후 Help - Eclipse Markerplace 클릭.



Eclipse Marketplace 선택.



oracle
검색.



가장 최신버전의 Install 버튼을 클릭합니다.



Next 버튼 클릭.



라이센스 동의 후 Finish 버튼 클릭.



설치 중...



중간에 경고가 나옵니다. 그냥 Yes...



설치 완료 후 다시 시작합니다.



다시 시작 후 Help - About Eclipse 으로 보면 OEPE 가 설치되어 있습니다.


설치된 내역을 보면 아래와 같이 여러가지가 설치된 것을 볼 수 있습니다.


이 중에서 Oracle WebLogic Server Tools 플러그인의 기능을 사용해 보겠습니다.



도메인 생성

이클립스에서 사용할 기본 도메인을 하나 생성하겠습니다.

명령 프롬프트 창에서 아래와 같이 입력합니다.

// 자바 홈 환경변수 설정
> set JAVA_HOME=C:\Program Files\Java\jdk1.6.0_24

// 미들웨어 홈 환경변수 설정

> set MW_HOME=D:\stage\wls1035_dev

// 환경설정 스크립트 실행

> %MW_HOME%\configure.cmd

// 웹로직 환경변수 세팅 스트립트 실행

> %MW_HOME%\wlserver\server\bin\setWLSEnv.cmd

// 도메인 생성

> %MW_HOME%\wlserver\common\bin\config.cmd


새 WebLogic 도메인 만들기 선택



기본 웹로직 도메인은 선택이 되어있습니다.



도메인 이름 설정.


관리자 아이디와 비밀번호 설정.


도메인 모드 및 JDK 설정.


특별한 추가 설정은 하지 않습니다.


구성 요약.


도메인 생성 완료.





이클립스에서 서버 등록

이클립스에서 웹로직 서버를 등록 하겠습니다.

이클립스 실행 후 File - New - Other... 클릭.

 



Server 선택.



서버의 종류를 선택합니다. 여기서 잘 선택해야 합니다.

  • Oracle WebLogic Server 11gR1 PatchSet 4 - 10.3.5
  • PatchSet 3 - 10.3.4
  • PatchSet 2 - 10.3.3
  • PatchSet 1 - 10.3.1

이런식으로 버젼이 되어있습니다.

웹로직 10.3.5 를 사용하려고 하니 PatchSet 4 를 선택합니다.



Weblogic home: 웹로직 설치 경로의 wlserver 폴더 선택.

Java home: jdk 위치 선택.



전에 생성 했던 도메인의 위치를 선택합니다.



Server 탭에 보면 웹로직 서버가 등록되어 있습니다.

기본적으로 제공되는 톰켓(tomcat)처럼 켰다 끄고 프로젝트를 등록하고 할 수 있습니다.






서버 시작 후에 웹로직 콘솔에 접속해 봅니다.

http://localhost:7001/console

'Tools > Eclipse' 카테고리의 다른 글

Eclipse JVM 경로 지정하기  (0) 2016.09.13
Eclipse + SVN Plugin  (1) 2012.03.29
Maven Integration for Eclipse  (0) 2012.02.20
Eclipse + TPTP Remote  (1) 2012.01.20
Eclipse + TPTP (Eclipse Test & Performance Tools Platform)  (4) 2012.01.01
Eclipse + MyBatis Generator  (1) 2011.07.04
installation Oracle Enterprise Pack for Eclipse  (2) 2011.05.22
Eclipse + STS (SpringSource Tool Suite)  (1) 2011.01.16
Eclipse Plugins for JBoss technology  (1) 2011.01.11
Properties Editor  (1) 2009.11.17
UTF-8 설정  (0) 2009.11.16
  1. Jibro
    우왁
    감사합니다 덕분에 완전 진도 많이 나갔어요 ^^
    친절하시기까지. .. 세상에 죽으란 법은 없네요 ㅠㅠ
    두드리면 열리리니... 감사합니다! 더 열심히 해야겠어요 ㅎㅎ
  2. 감사
    무한 감사 드리고 갑니다~

댓글 (Comment)

Name*

Password*

Link (Your Website)

Comment

SECRET | 비밀글로 남기기