# next

ehgks0000

서버로부터 동적인 데이터를 가져오는 방법중 getInitialProps이 있다.getInitialProps 는 컴포넌트디드마운트,컴포넌트윌마운트 같은 라이프사이클의 일종으로 넥스트가 임의로 추가해준 라이프 사이클이다.getInitialProps은 어떤 작업보다도 최초로

beginal

redux : 원리가 간단해서 에러가 덜 남 , 코드량이 많아짐mobx : 코드량이 적어짐, 에러 추적이 힘듬contextAPI : 주로 컴포넌트에 코드가 직접 들어가서 보기 좋지 않음 ,쓰다보면 어차피 redux처럼 쓰게 됨State : 데이터 저장소Action :

enjoywater

Iterator란 wikipedia에 따르면,객체 지향적 프로그래밍에서 배열이나 그와 유사한 자료 구조의 내부의 요소를 순회하는 객체이다.라고 정의되어있다.값을 차례대로 꺼낼 수 있는 객체이며, 내장함수 또는 iterable객체의 메소드로 객체를 생성할 수 있다.Ite

beginal

React를 사용한 프레임워크로 SSR과 Code Splitting을 쉽게 구현 할 수 있게 해줌SSR과 Code Splitting를 쉽게 구현 할 수 있다.프레임워크 특성상 정해진 틀 안에서 작업하므로 자유도가 떨어진다.반응형 작업 시 무조건 모바일 먼저 작업하기작은

kgh239

iterator

may_soouu

iterate : 순환하다, 반복하다반복적으로 하나하나 꺼내어 처리 가능한 컬렉션이나 sequence 들을 이터레이터 객체라고한다.이터레이터는 next()함수를 구현한 객체로, next()함수는 순환 가능한객체의 다음 원소를 반환한다.파이썬의 이터레이터형 list,

hwang-eunji

정적 사이트 생성을 위해 next를 사용하기로 했고, CNA로 next 프로젝트 생성했다.nextjs 공식문서 typescript 사용하기nextjs+typescript 예제 깃헙npx create-next-app --example with-typescript with

jehjong

컴포넌트에서 공통적으로 쓰이는 데이타가 흩어져있기 때문에 부모 컴포넌트에서 데이타를 받아서 자식 컴포넌트에게 각각 보내줘야한다컴포넌트끼리 데이타를 전달하는 과정도 매우 복잡하고 오류가 발생하기도 쉽다.규모가 있는 서비스라면 중앙데이타저장소 Store를 최소 한 개 만들

jjunn0

mkdir next-init-mecd next-init-menpm init -ygit initnpm install --save react react-dom nextmkdir pagesmkdir testsmkdir componentsmkdir public이렇게 npm 초

minho

Wednesday_July_1

kimjeongwonn

자바스크립트 공부중 어려웠던 내용을 복습해 보려고 한다. 그 중 하나가 Iterble/Iterator/Generator 였다. 패스트캠퍼스 Nodejs 올인원 패키지에서는 제대로 설명해 주지 않아서 많이 아쉬웠다. 강좌의 분량을 생각하면 어쩔 수 없기도 했지만, 이해하

ohmycaptain

ddd

mayinjanuary

<You should only use "next/router" inside the client side of your app.> & <There are multiple modules with names that only differ in casing.>

eomttt

3/16 일에 새로운 회사인 RIDI에 입사하게 되었다.새로운 환경에 적응하는 일은 늘 어려운 일이다. 특히 나 같은 경우는 먼저 다가가서 친해지는 성격도 아니고 은근히 내성적이기 때문에 약간 새로운 환경을 두려워하기도 한다.무튼 그러나 회사는 회사기 때문에 최대한 빠

cyranocoding

SSR(Server Side Rendering)의 가장 큰 장점 중에 하나는 바로 SEO(Search Engine Optimization)이다. 다양한 SEO 스킬들을 적용하기 위해서 서버로부터 &lt;head>를 받을 수 있어야 한다. 이를 가능하도록 하는 것이 Ne

cyranocoding

React는 기본적으로 CSR(Client Side Rendering) Framework이다. 서버에서 기본 Html만 받아 Client에서 데이터를 구성하여 화면에 렌더링한다. 그래서 React Application 들은 SPA(Single Page Applicati

ansrjsdn

Redux만으로는 비동기적인 작업을 처리하지 못 합니다. 그래서 미들웨어를 연결해서 비동기작업 처리를 하는 코드를 짜주어야 합니다. 대표적인 미들웨어로 thunk와 saga가 있는데 saga가 더 기능이 많고 많이 쓰이는 것 같아 saga로 해보도록 합니다.위 명령어를

ansrjsdn

22일부터 23일까지의 삽질 및 생각을 적어본다DND 프로젝트 남은 기한이 1주일지 2주일지 잘 모르겠지만 최대한 열심히 해보려고 한다.현재 코로나 바이러스 때문에 밖에도 안 나가고 코딩 놀기 코딩 놀기만 반복중이다...흑흑ㅠㅠ주말동안 엄청 많은 작업은 하지 않았고 많

ansrjsdn

Next.js는 React 앱을 쉽게 구축할 수 있게 하고 SSR을 쉽게 설정할 수 있게 하는 리액트 프레임워크다.공식문서 : https&#x3A;//nextjs.org/Next.js의 장점으로는 이렇게 적혀있다.직관적인 페이지 기반 라우팅 시스템(동적 경로 지원)가능

ansrjsdn

이전에는 Next의 getInitialProps를 활용하여 기본적인 SSR을 해보았다. 이제는 동적라우팅으로 되어있는 페이지들을 SSR하게 만들어 볼 것이다. 그리고 styled-components가 처음에는 csr로 실행이 되어 css가 적용되지 않고 나타났다가 적용