'2020/IT Q_A'에 해당되는 글 29건

location.href 와 location.replace를 알아보자

location.href는 객체의 속성이며

location.replace()는 메서드(함수)로 작동된다.

location.href='이동할 페이지.jsp';

location.replace('이동할 페이지.jsp');

location.href와 차이점은 URL이 히스토리에 기록이 되느냐 안되느냐의 차이입니다.

location.replace() 히스토리에 현재 페이지의 URL이 기록되지 않아서 이동 후 뒤로가기가 불가능합니다.

l

참조:

https://yiuse78.blog.me/50100213667

1. jquery.com 홈페이지에 접속

2. 홈페이지에서 개발자도구 (f12)를 누르고 command tap 클릭

3. command 에서 $().jquery 또는 jQuery.fn.jquery 입력

이렇게 버전확인이 가능합니다.^^

구글에서 tomcat 을 검색합니다

Download

자신의 운영체제에 맞게 다운로드 해 줍니다.

저는 64-bit windows zip를 다운받았습니다.

다운을 받으신 후

압축을 해제합니다.

이제 탐캣 서버를 실행해보겠습니다.

탐캣 폴더의 bin폴더로 들어가면 startup를 실행해 보겠습니다.

위의 경로 주소를 복사하고 (D:\JSP\apache-tomcat-8.5.50\bin)

cmd 창을 관리자 권한으로 열어줍니다.

탐캣 폴더로 간 다음에

startup.bat을 입력하시고 실행시켜 줍니다 그럼 새로운 cmd창이 열리면서 서버가 실행됩니다.

이때 새로운 cmd창을 종료하시면 서버도 꺼집니다.

브라우저 창에 http://localhost:8080을 입력해 주시면 웹 서버가 띄워집니다.

그런데 항상 서버를 실행시킬 때마다 이렇게 해주면 번거로운 점이 많습니다.

그 점을 보완해주기 위해서 eclipse를 사용합니다.

google에서 eclipse를 검색하시고

eclipse 홈페이지로 들어가서 eclipse를 다운받아 줍니다.

그 후에 실행하시면

jsp 개발환경이라고 할 수 있는 Eclipse IDE for Java EE Developers를 클릭해 줍니다.

그 후에 eclipse를 실행시키시고

새로운 프로젝트를 만들어 줍니다

프로젝트 창에서 마우스 오른쪽 클릭 후 

new - other -dynamic webproject를 검색하시고 

Target runtime에 None일겁니다.

그럼 New Runtime을 눌러

조금 전 압축을 풀었던 버전을 클릭해 줍니다.

NEXT를 눌러주면 아래와 같은 창이 뜨게되는데

비어있는 창에 D:\JSP\apache-tomcat-8.5.50 (저의 경우임) 를 넣어 경로를 설정해 줍니다.

그러면 탐캣 세팅이 되고 프로젝트를 만들어 줍니다.

  구글에서 jdk download 를 입력하시면

검색하시고 Java SE Development Kit 8을 클릭해 줍니다.

들어오시면 아래와 같은 창이 보이게 되는데 라이센스에 클릭해주시고 자신의 운영체제에 맞는 jdk를 다운로드 해 줍니다.

저는 윈도우 64비트라서 64비트를 다운 받습니다.

다운 받으신 후 설치를 하고 환경변수를 설정해 주겠습니다.

시스템 -> 고급시스템설정 -> 고급 탭 -> 환경 변수를 클릭해 줍니다.

편집을 누르고 

변수 값에 jdk 경로를 적어줍니다.

저는 아래의 경로에 있기에 복사해서 붙여 넣어줬습니다.

그 후 시스템 변수에서 Path변수를 클릭후 편집을 클릭합니다.

그 후에 

새로 만들기 클릭 후  앞에서 JAVA_HOME 만들어 주었죠?

%JAVA_HOME%\bin 을 d만들어 줍니다.

물론 아래의 변수값에 \bin 을 포함하여 만들어 주셔도 됩니다.

그 후에 cmd 창을 열고

javac를 입력해 줍니다.

위와 같이 자바와 관련된 각종 명령어들이 나오게 되는데 이것이 나와야 환경변수가 잘 되었다는 것입니다.

만약 위와 같이 안나오게 되면 자신이 설정한 환경변수를 다시 한번 확인해 보시길 바랍니다.

maven.apache.org 에 접속하신 후 아래와 같이 파일을 다운받습니다.

다운 받으신 압축파일을 풀고 도구를 모아놓은 디렉토리가 있으면 거기에다가 옮겨줍니다.

압축을 푼 폴더에 들어가면 바이너리폴더(bin)이 있는데 mvn을 실행하기 위해서는 cmd를 켜줍니다.

저는 D:에 tool 디렉토리에 maven 폴더를 넣어놨습니다.

환경변수 설정을 하겠습니다

제어판 -> 시스템 및 보안 -> 시스템 -> 고급시스템 설정에 들어가시면 고급탭에 환경변수가 있습니다. 

시스템 변수에서 Path 편집을 눌러주고 새로 만들기를 눌러 준 다음 아래와 같이 입력해 줍니다.

확인해 줍니다.

그러고 cmd 창을 다시 열고 mvn -version 을 입력해주면 버전을 확인할 수 있습니다.

  우선 메이븐이란 빌드 도구(build tool)입니다.

  프로젝트의 빌드과정을 조금 더 쉽게 해주는 것이지요.  그렇다고 해서 이클립스가 빌드 툴이냐? 하면 그것은 아닙니다. 이클립스의 경우는 IDE입니다. 즉 메이븐은 빌드과정에 대해 특화 시킨 것이 메이븐입니다.

  MAVEN처럼 빌드를 도와주는 빌드 툴은 Gradle, Ant등이 있습니다.

Ant와는 어떠한 차이점이 있을까요?

• Ant와 같은 툴은 전적으로 전처리(preprocessing), 컴파일(compilation), 패키징(packaging), 테스팅(testing), 배포(distribution)하는데 초점이 잘 맞추어져 있다.
• 메이븐과 같은 프로젝트 관리 툴은 빌드 툴을 바탕으로 여러 기능을 종합적으로 제공한다.
• 메이븐은 빌드에 관한 기능들과 보고서 작성, 웹사이트 생성, 작업 팀의 구성원 간 소통 기능을 제공한다.

메이븐 활용 패턴

1. build

• 소스 코드를 컴파일 한다
• 테스트 코드를 컴파일 한다
• 기타 패키지 생성을 위한 바이너리를 생성한다

2. Package

• 배포 가능한 jar, war, exe 파일 등을 생성한다

3. Test

• 단위 테스트(Unit, Test)등을 실행한다
• 빌드 결과가 정상인지 점검한다

4. Report 

• 빌드/패키지/테스트 결과를 정리하고, 빌드 수행 리포트를 생성한다.

5. Release

• 빌드 후 생성된 아티팩트(artifact)를 로컬 혹은 원격 저장소에 저장(배포)한다.

메이븐의 주요 개념

1. Plugin

• 메이븐(Maven)은 플러그인 실행 프레임워크이다.
• 메이븐의 플러그인 메커니즘에 의해 기능이 확장된다. (모든 작업은 플러그인이 수행한다.)
• 사용자 관점에서는 앤트(Ant)의 태스트(Task)혹은 타겟(Target, 정확히 일치하지 않음)과 유사하다.
• 플러그인은 다른 산출물(artifacts)와 같이 저장소에서 관리된다.
• 플러그인은 goal의 집합이다.

2. LifeCycle

• 메이븐의 동작 방식은 일련의 단계(phase)에 연계된 goal을 실행하는 것이며, 논리적인 작업 흐름인 단ㄱ의 집합이 라이프사이클이다 ( 빌드단계<build phases>들은 사전 정의된 순서대로 실행되고 모든 빌드 단계는 이전 단계가 성공적으로 실행되었을 때, 실행된다)
• 빌드 단계는 goal들로 구성된다( goal은 특정 작업, 최소한의 실행단위이다. 각 단계는 0개 이상의 goal과 연관된다.)
• 메이븐은 3개의 표준 라이프사이클을 제공한다
• 1. cealn: 빌드 시 생성되었던 산출물을 지운다.
• 2. default: 일반적인 빌드 프로세서를 위한 모델
• 3. site : 프로젝트 문서와 사이트 작성을 수행한다.

내장 라이프 사이클 

<default 라이프 사이클>

<clean 라이프사이클>

<site 라이프사이클>

의존성(dependency)

• 라이브러리 다운로드 자동화입니다. 더 이상 필요한(의존성 있는) 라이브러리를 하나씩 다운로드 받을 필요가 없습니다. 필요하다고 선언만 하면 메이븐이 자동으로 다운받아 줍니다.
• 메이븐은 선언적(명력식이 아니다): 사용되는 jar파일들을 어디서 다운로드 받고, 어느 릴리즈(버전)인지 명시하면, 코딩하지 않아도 메이븐이 알아서 관리합니다. (재 다운로드, 최신 버전 설치 등)
• 메이븐이 관리합니다. (라이브러리 디렉터리를 생성할 필요가 없습니다. 이클립스 내에서 라이브러리, 클래스패스 환경 설정을 할 필요도 없습니다.)

프로파일(profile)

• 서로 다른 대상 환경(target environment)를 위한 다른 빌드 설정 (다른 운영체제, 다른 배포 환경)
• 동작 방식(Activation) : -P 명령형 실행환경 옵션, 환경변수 기반
• 메이븐은 정상 절차(step) 이외에 프로파일을 위한 절차를 추가로 수행합니다.

POM(Project Object Model, 프로젝트 객체 모델)

• 프로젝트 당 하나의 pom.xml을 가집니다. pom은 프로젝트 자체와 의존성에 대한 설정 및 정보를 포함하고 메이븐을 pom.xml을 읽어, 프로젝트를 가공하는 방법을 이해합니다.
• 3가지 "coordinates"를 이용해 자원을 식별합니다
• 그룹 ID(Group ID)
• 아티팩트 ID(Artifact ID)
• 버전(Version)

POM 속성

CoC(Convention over Configuration)

• 메이븐의 큰 철학이며 명확한 '관습'으로 인해 더 편해진다는 의미입니다.
• 루비 온 레일스(Ruby on Rails)등으로 유명해졌습니다.
• 관습 혹은 기본 값은(Conventions, defaults)거의 다, 보이지 않는 "super pom"에 선언되어 있습니다.

참고 자료

  지금 spring 관련 카테고리에 글을 작성하고 있는데요 Spring 설정 중에서 InternalResourceViewResolver를 이용해 View Page를 쉽게 지정을 해보려고 합니다.

  우선 InternalResourceViewResolver은 Controller에서 return이 된 ModelAndView 객체에서 선언된 View Page를 지정해 주는 클래스입니다. 즉 이 클래스가 실질적인 jsp를 호출하는데 필요하다는 거에요.

그래서 이 클래스에게 사용이 조금 더 편리하도록 Prefix와 Suffix라는 친구가 있습니다.

Prefix: 접두어

Suffix: 접미어

 <bean id="viewResolver" 
 class="org.springframework.web.servlet.view.InternalResourceViewResolver">
 	<property name="viewClass"
 	value="org.springframework.web.servlet.view.JstlView" />
 	<property name="prefix" value="/test/" />
 	<property name="suffix" value=".jsp" />
 </bean>

  위의 소스를 보면 JSP파일은 "/test/파일명.jsp"의 형태로 위치하고 있을 겁니다. 그렇기에 접두어로 /test/를 붙이고 접미어로 .jsp를 붙여 해당 위치에 있는 jsp를 바로 불러 올수 있는거에요

JSP의 위치가 다르다면 다른식으로 설정을 해 주시면 됩니다.

즉 Controller에서 aaa를 return 하게 되면 /test/aaa.jsp를 호출하게 됩니다.

참조:

https://milkye.tistory.com/267

anaconda를 설치하고

tensorflow 를 설치하였는데

jupyternotebook web 버전에서

import tensorflowt 가 안된다면?

당신은 커넬을 설치하셨습니까?

혹시 하지 않으셨다면

conda install -c anaconda nb_conda

를 입력하여 nb커넬을 설치해보세요

그리고 import 해보세요

그러면 됩니다

전 그렇게 해결 했습니다.