투두리스트 만들어보기 - 수정, 삭제 기능

2020-02-04

간단한 CRUD 기능이 있는 투두리스트를 만들어 보았습니다. demo : https://simsimjae.github.io/react_todolist 위 예제는 다음 레포지토리에 저장되어있습니다. git clone https://github.com/simsimjae/react_practice.git get reset --hard eb11259927…

투두리스트 만들어보기 - 조회, 작성 기능

2020-02-04

간단한 CRUD 기능이 있는 투두리스트를 만들어 보았습니다. demo : https://simsimjae.github.io/react_todolist 위 예제는 다음 레포지토리에 저장되어있습니다. git clone https://github.com/simsimjae/react_practice.git get reset --hard eb11259927…

[Next.js] Automatic Static Optimization

2020-01-31

Next는 페이지에 가 없으면 해당 페이지는 페이지라고 판단하여 한다. 페이지를 pre-render한다는 말은 빌드할떄 그 페이지를 html파일로 만들어버린다는 얘기이다. 유저의 요청이 들어왔을때 서버에서 html파일을 만들어서 주는게 아니라 미리 빌드할때 페이지를 만들어둔다. 그 페이지에서 비동기 요청을 해서 받아온 데이터로 마크업이 달라지지 않기 때문…

[Next.js] scss import시 Link 컴포넌트 작동 안함 이슈

2020-01-31

발견된 현상 pages 디렉토리에 와 가 있었다. about.js에는 swiper 컴포넌트를 가져와서 사용하고 있었는데 스타일링을 위해서 about.js에서 swiper.scss를 import해서 사용하고 있었다. 그런데 이 scss를 추가하자 갑자기 메인페이지에서 about페이지로 Link컴포넌트(next/link)로 라우팅이 안되는 이슈가 발견되었다.…

[Next.js] Getting Started, Pages, Routing

2020-01-28

요즘 SPA를 만들기 위한 많은 라이브러리와 프레임워크들이 있지만 대부분 러닝커브가 크다. SEO와 UX를 위해서 서버사이드 렌더링도 배워야 한다. 그래서 우리는 간단하지만 커스텀가능한 Next.js를 개발했다. next 사용 조건 및 특징 next를 사용하기 위해서는 와 같은 파일에서 리액트 컴포넌트를 default로 export해야한다. next는 웹…

동적 Context API

2020-01-20

위 예제는 다음 레포지토리에 저장되어있습니다. git clone https://github.com/simsimjae/react_practice.git get reset --hard 6425494561510d85fc7fb098ba4256e1d59f2fbd yarn start or npm run start 실행 서론 이전 버전에서는 리액트만으로 상…