Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- 안드로이드
- 감사일기
- hybrid
- swift
- beanstalk
- 알려줌
- ios
- 카카오톡
- https
- JavaScript
- NeXT
- node.js
- angular4
- angular
- S3
- Android
- AWS
- TypeScript
- node
- 도메인
- 네이티브
- cors
- react
- Elastic Beanstalk
- nextjs
- 웹뷰
- 페이스북
- php
- Route53
- fanzeel
Archives
- Today
- Total
목록2018/10/12 (1)
쪼렙 as! 풀스택
React - Next.js 에서 공통 레이아웃 _app.js 사용하기.
헤더나 푸터와 같이, 프로젝트에 전체에서 공동으로 쓰이는 레이아웃들이 있을 것이다. 실제 프로젝트를 진행하다보면, 헤더, 푸터뿐 아니라, 여러가지 도구들 (전체를 감싸는 로딩 block 이라던지, Alert Modal 이라던지)을 공통으로 쓸 텐데, 이것들은 앱이 최초 한번만 로드되길 바란다. create-react-app 으로 프로젝트를 만들면, 당연히 App 컴포넌트에 한번 정의해놓으면 될것이고,Next.js 프로젝트를 한다면_app.js 를 사용하면 되겠다. 뿐만아니라, 전체 페이지의 getInitialProps 를 후킹할 수 도 있다. /pages/_app.js import React from 'react'import App, { Container } from 'next/app'import {He..
개발 일지/Web & Server
2018. 10. 12. 17:12