# next

28개의 포스트

getInitialProps

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

약 12시간 전
·
0개의 댓글

Redux

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

2020년 8월 25일
·
0개의 댓글
post-thumbnail

Python - Iterator

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

2020년 8월 25일
·
0개의 댓글

Next

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

2020년 8월 24일
·
0개의 댓글
post-thumbnail

TIL #27 Python-iterator

iterator

2020년 8월 24일
·
0개의 댓글

🚙 iterator(이터레이터) 이해하기

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

2020년 8월 23일
·
0개의 댓글

React, Next and Typescript #1 설치

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

2020년 7월 31일
·
0개의 댓글
post-thumbnail

Next.js에서 Redux사용하기 (Redux wrapper) (1/2)

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

2020년 7월 24일
·
0개의 댓글
post-thumbnail

Next x Ts x styled-component x jest 기본 설정🔥

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

2020년 7월 8일
·
2개의 댓글
post-thumbnail

이터러블 / 이터레이터 / 제네레이터

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

2020년 6월 14일
·
0개의 댓글

[Next.js] 왜 Link 태그를 사용할 수 없죠? 삐빅 대소문자 문제입니다

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

2020년 5월 26일
·
0개의 댓글
post-thumbnail

RIDI 입사자 과제 회고

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

2020년 4월 14일
·
11개의 댓글
post-thumbnail

NEXT HEAD 에 대하여

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

2020년 3월 9일
·
0개의 댓글
post-thumbnail

쪼렙 개발자의 NEXT.js 입문기

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

2020년 3월 8일
·
2개의 댓글
post-thumbnail

Next.js에 Redux-Saga 연결 해보기

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

2020년 2월 26일
·
3개의 댓글

2020-02-22 ~ 02-23 삽질

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

2020년 2월 23일
·
2개의 댓글
post-thumbnail

Next.js란?

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

2020년 2월 23일
·
0개의 댓글
post-thumbnail

Next.js 동적 라우팅 SSR

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

2020년 2월 22일
·
0개의 댓글