<Context docBase="C:/image/" path="/image/" reloadable="true"/>      
      <Context docBase="springBatchWeb" path="/main" reloadable="true" source="org.eclipse.jst.jee.server:springBatchWeb"/><Context docBase="nuriBlog0309" path="/" reloadable="true" source="org.eclipse.jst.jee.server:nuriBlog0309"/>
원인 : 이클립스 서버 프로젝트가 닫혀 있어서 그랬던 것으로 확인
해결 : 해당 프로젝트 더블 클릭하여 열어주니 정상 작동됨

1. Node.js 설치
2. Node.js, npm 버전 확인
3. react 설치
4. 특정 폴더에 react 설치
5. npm start로 리액트 서버 실행
Node.js 홈페이지로 가서 설치

https://nodejs.org/ko/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

정상 설치되었다면 아래와 같이 cmd에서 위와 같은 명령어로 현재 버전 확인
npm -v
node -v

react를 사용할 수 있게, react 전역 설치
install -g create-react-app

리액트를 사용할 폴더에 리액트 설치
create-react-app .

참고로 다음과 같이 create-react-app 이후에 <폴더명도 입력을 해줘야 한다>

설치가 완료되면 아래와 같이 Happy hacking!이란 메시지가 나온다.

npm start

스타트를 하면 다음과 같이 localhost:3000에서 리액트 프론트 페이지를 확인할 수 있다.

'[웹개발] > React 개념' 카테고리의 다른 글

[리액트 개념 ] 리액트 설치방법  (0) 2020.04.06

인텔리J에서 스프링 부트 프로젝트를 생성하고 실행해보자.

인텔리J에서의 스프링 부트 프로젝트 실행방법은 이클립스와 약간 상이하다.

아래 방법대로 차근 차근 진행해보도록하자.

Packaging은 꼭 War 파일로

 

JSP 파일이 저장될 수 있는 webapp 폴더를 생성해보도록하자!

pom.xml에 emebeded dependency가 추가되어야 정상적으로 JSP 페이지 호출이 가능하다.
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.2.6.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.example</groupId>
    <artifactId>demo</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <packaging>war</packaging>
    <name>demo</name>
    <description>Demo project for Spring Boot</description>

    <properties>
        <java.version>1.8</java.version>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-jdbc</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-tomcat</artifactId>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
            <exclusions>
                <exclusion>
                    <groupId>org.junit.vintage</groupId>
                    <artifactId>junit-vintage-engine</artifactId>
                </exclusion>
            </exclusions>
        </dependency>

        <!-- https://mvnrepository.com/artifact/org.apache.tomcat.embed/tomcat-embed-jasper -->
        <dependency>
            <groupId>org.apache.tomcat.embed</groupId>
            <artifactId>tomcat-embed-jasper</artifactId>
        </dependency>
        <dependency>
            <groupId>com.oracle</groupId>
            <artifactId>ojdbc6g</artifactId>
            <version>11.2.0</version>
        </dependency>

    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

</project>

  다음과 같이 컨트롤러를 작성해준다.

application.properties를 작성해준 후 프로젝트를 구동하면 정상적으로 출력되는 것을 확인할 수 있다.

인텔리제이 File and Code Template 추가하기

인텔리제이에서 File Template 추가하는 방법이 이클립스와 다르다.

그렇기 때문에 방법을 살펴보고 추후 참고하여 적용해보도록하자.

 

JSP 파일이 없다면?

아래와 같이 파일 추가를 하려고 하는데, JSP 파일이 없다면 우선 JSP Template을 추가해 주어야 한다.

상단에 File을 클릭해서 .jsp로 생성해도되지만 그렇게 한다면 JSP 템플릿 양식이 없기 때문에 일일이 하나하나 다 입력을 해야 하는 번거로움이 있다.

템플릿 추가는 Edit File Template에서 하자.

우클릭 > New > Edit File Templates 로 접속해서 JSP 템플릿 추가 및 파일 생성시 확인할 수 있다.

다음과 같이 Name과 Etension을 입력해준다.

그리고 Other 탭을 클릭한 후 원하는 Template을 상단에 빈 공간에 입력해준다.

그리고 OK 버튼을 클릭해준 후 다시 파일을 추가해보도록하자.

다음과 같이 JSP 파일이 추가된 것을 확인할 수 있다.

다음과 같이 jsp 파일을 추가하면 우측과 같이 추가한 Template을 확인할 수 있다.

+ Recent posts