리액트 노드버드 강의를 구입하고 클론 코딩 후 수많은 오류들을 마주했었는데 순간순간 인지하고 해결하고 넘어갔었는데 복습도 하고, 내가 분명 가볍게 넘어간 부분들도 있기 마련이기에 강의를 빠르게 들으며 흐름 정도만 파악하고 혼자 진행해보려고 한다. 우선 강의는 React
next.js 기본 npm init 부터 기본설정을 해보려 한다. 나는 리액트 공부를 할때 주로 CRA를 썼었는데 필요없는 것들이 많이 들어있어 무겁기도 하고 처음부터 제대로 설정하는 법을 인지하는 것과 못한 것의 차이는 크다고 생각이 든다. 처음 패키지명을 작성하
2장에서는 ant design 을 이용한 기본적인 틀을 구성한다.공식문서를 보고 형식변환만 해서 사용하면 되기 때문에 크게 어려움은 없었던 것 같다. 우선 antd와 styled-components를 사용하기 위해서 npm을 이용한다.(사용법은 많이 나와있으니 생략)주
우선 next.js에서 next-redux-wrapper를 사용하는 이유는 무엇인가 ?이것이 궁금해진 이유는 react에서 createStore를 이용해서 리덕스 스토어를 사용하는 반면 next에서는 createWrapper을 사용하고 createStore도 마찬가지로
더미데이터의 중요성프론트엔드 개발자는 백엔드 쪽과 연동하여 데이터를 주고 받기 전에는 데이터를 완전히 저장하는 것에는 한계가 있다.하지만 브라우저가 종료되기 전에는 localStorage, store 등을 이용해 데이터를 저장할 수 있는데,결국에는 후에 백엔드에 데이터
현재 내가 만들고 있는 트위터 비슷한 이 노드버드 프로젝트에는 사람들이 게시글을 올릴 수 있고, 그 게시글에는 기본 글 외에도 이미지,해쉬태그 등을 올릴 수 있을 것이다.이미지 작업을 해보자.우선 post reducer의 맨 처음 게시글에는 3종류의 이미지를 넣어주었다
infinite scroll ?ex) CRUD 게시판을 생각해보면 게시글이 있고 이 게시글을 보여주는 list page가 있을 것이다.리스트가 적을 때는 상관 없지만 실서비스에서 수십수만개가 된다면 어떻게 될까 ?한번에 수많은 데이터를 서버에서 들고와서 사용해야되기 때
오늘은 바보같은 실수를 해서 시간을 많이 잡아먹은 일이 있어서, 이런 실수를 줄이고 앞으로 이런 실수가 나온다면 오류를 찾는 시간을 줄이기 위해서 기록을 하고 있다.유저 게시글의 팔로우 / 언팔로우를 클릭한다면 게시글의 유저 id를 현재 로그인한 유저의 Followin
cookie 설정은 프론트엔드 개발자가 흔히들 빼먹는 부분이라고 한다.쿠키란 무엇인가 ?정보가 있고, 그 정보를 저장하기 위해 사용하는 것이라고 생각하면 될 것 같다.예를 들어 로그인 정보등이 대표적이다.아래는 정확하게 쿠키가 사용되는 과정을 복기하기 위해서 타 블로그
next를 쓰는 주된 이유는 서버 사이드 렌더링 때문이다.서버 사이드 렌더링이란 무엇인지 부터 정확히 개념을 짚고 넘어가보자.서버 사이드 렌더링클라이언트에서 요청을 하면 html 리소스를 서버로 넘기고 서버에서 데이터를 받아와 html이 완료되고 이를 다시 클라이언트로