Adonis Tutorial : 첫페이지 만들어보기



  • 프로젝트 디렉토리 구조
    xyz
    ├── app
    │   ├── Commands
    │   ├── Http
    │   ├── Listeners
    │   ├── Model
    ├── bootstrap
    ├── config
    ├── database
    │   ├── migrations
    │   └── seeds
    ├── providers
    ├── public
    ├── resources
    │   └── views
    ├── storage
  • 첫페이지를 변경해보자. 우선 xyz/resources/views/welcome.njk 을 삭제하고 xyz/resources/views/index.njk 을 만든다.
    <html>
    <head>
    <title>My First HTML Page</title>
    </head>
    <body>
    <h1>My First HTML Page</h1>
    </body>
    </html>
  • Main 컨트롤러를 생성한다.
    $ cd xyz
    $ node ace make:controller Main
    그러면, xyz/app/Http/Controllers/MainController.js 파일이 생성된다.
  • xyz/app/Http/Controllers/MainController.js 파일을 아래와 같이 수정한다.
    'use strict'
     
    class MainController {
      * index (request, response) {
        yield response.sendView('index')
      }
    }
     
    module.exports = MainController
  • xyz/app/Http/routes.js 를 아래와 같이 작성한다.
    'use strict'
     
    const Route = use('Route')
     
    Route.get('/', 'MainController.index')
  • 다시 한번, 웹브라우저에서 http://localhost:3333 으로 접속해서 잘 나오는지 확인해봅니다.

댓글

이 블로그의 인기 게시물

야마하 디지털 피아노 YDP-140

테이블위로 마우스 커서 이동시 색깔 변경하기

피아노 연습