취미개발 블로그와 마음수양

react-native init 프로젝트명 실행 npm run android ENOENT 에러일 때 npm cache clear --force

1. Aws amplify nextjs - aws amplify 로 배포. 밑의 주소를 보고서 하면 되는데 dev.to/dabit3/5-minute-tutorial-deploying-a-next-app-with-aws-amplify-hosting-5199 ⚡️ 5 Minute Tutorial: Deploying a NextJS app with AWS Amplify Hosting How to deploy a Next app to AWS with Amplify Hosting dev.to 단 .. SSR 이 되지 않는다. 저기서 형태는 build 명령어가 build 한 뒤에 export 하는 형태로 SSG 라고볼수가 있다. 그리고 동적라우팅을 amplify 에서 다시 설정을 해줘야 한다. router.quer..

아 왜이려.. 복붙이 안되노 ㅠ

airbnb 스타일 같이 사용해보고 싶은 경우 ooyuolog.tistory.com/51 nextjs 같이 사용할 경우 ( unused var 생겼었음 ) joelmasters.medium.com/setting-up-eslint-for-nextjs-37163d4cabaa type script 같이사용할 경우 tristan91.tistory.com/564

배포 walkinpcm.blogspot.com/2020/03/aws-amplify-console.html AWS Amplify Console을 이용한 프론트엔드 배포자동화 시스템 구축하기 개발 공부를 하면서 정리한 내용을 함께 공유하는 블로그입니다. Share the knowledge, the information for development. walkinpcm.blogspot.com 소마법 taeny.dev/javascript/nextjs-with-deployment-platform/ 🚀 nextJS 뭘로 배포할까? (Netlify, Vercel, Github page) 이번 포스팅에서는 , 서버리스에 대한 개념을 알아보고 대표적인 3개의 배포 플랫폼을 Netlify, Vercel, Github pag..

명령어 npx create-next-app --example with-typescript with-typescript-app 참고 블로그 velog.io/@hwang-eunji/React-Next-and-Typescript-1-%EC%84%A4%EC%B9%98 React, Next and Typescript #1 설치 정적 사이트 생성을 위해 next를 사용하기로 했고, CNA로 next 프로젝트 생성했다.nextjs 공식문서 typescript 사용하기nextjs+typescript 예제 깃헙npx create-next-app --example with-typescript with velog.io

react-script 에 있는 config 디렉터리에 webpack.config.js 파일이 있다. 거기서.. options: { importLoaders: 1, modules: true, localIdentName:'[path][name]__[local]--[hash:base64:5]' } 로 속성지정을 하면 다음과 같은 내용이 나오게 된다. 참고링크 https://codeburst.io/4-four-ways-to-style-react-components-ac6f323da822 4. Four ways to style react components This is the fourth part of my React tutorials. See the Intro to react.js here codeburst..

render constructor getDerivedStateFromProps : props 로 받아온 값을 state에 동기화 시키는 용도 componentDidMount : 컴포넌트를 만들고 첫 렌더링을 마친 후 실행 shouldComponentUpdate : props 또는 state를 변경했을 때, 리렌더링을 시작할지 여부를 지정하는 메서드 getSnapshotBeforeUpdate : render 를 호출한 후 DOM에 변화를 반영하기 바로 직전에 호출하는 메서드 componentDidUpdate :리렌더링을 완료한 직후 실행 componentWillUnmount : 컴포넌트를 DOM에서 제거할 떄 실행

rcc 를 통한 컴포넌트 생성 import React, { Component } from 'react'; class $TM_FILENAME_BASE$ extends Component { render() { return ( $END$ ); } } export default $TM_FILENAME_BASE$; rsc 를 통하여 함수형 컴포넌트 생성 import React from 'react'; const $componentName$ = () => { return ( $END$ ); }; export default $componentName$; 추가로 책 보며 내가 넣은 ara_style import styles from '$CURSOR$'; import classNames from 'classnames/b..