일일회고

알게된것 react.suspense react에서 map() 사용시 key로 index 사용시 문제점 리액트에서 map()으로 컬렉션을 렌더링할때, 리액트가 해당 element를 식별 할 수 있는 유일한 방법이 id. 따라서 id는 고유해야한다. 그런데 만약 elem

1. React에서 re-rendering 시키는 조건 4가지

📘 알게된 것 1. git commit -amend로 커밋 수정하기 현재 커밋 (HEAD가 가리키는 커밋) 수정할 때 사용 커밋 메시지를 바꾸고 싶을 때 이전 커밋의 파일 내용을 수정하고 싶을 때 커밋 메시지의 오타 수정 등등 중요한 점은 -amend를 통해서 커밋

👩‍💻 알게된것 1. Next의 이미지 최적화 next에서는 이미지와 같은 static assets들을 public 디렉토리에 넣는다. next에서는 서드 파티 라이브러리를 사용할 필요 없이 이미지 최적화를 디폴트로 지원해준다. build시 이미지를 최적화 하는게

next에서는 Head라는 컴포넌트를 사용하여 meta-data를 다룰 수 있다.이렇게 Head 안에 title 태그를 넣어주면 동적으로 타이틀이 바뀐다.key prop을 이용하여 해당 태그가 한 번만 렌더링되도록 확실히 할 수도 있다.공식문서에서 설명하기를 next는

평소와 같이 git add .로 변경사항을 스테이징하고, git commit -m "message"로 커밋 후 remote에 push 했더니 발생한 오류.add, commit, push는 늘 하던 일인데 에러가 떠서 너무 당황스러웠다.아무튼 구글링을 해보니 대체로커밋을

알게된것 1. Next 프로젝트 셋팅시 Parsing error : Cannot find module 'next/babel' 에러

더 나은 성능, SEO를 위해 넥스트는 page를 위한 HTML을 사전에 만드는 것을 원칙으로 한다.언제 HTML를 만드느냐에 따라 다음 두가지로 나뉜다.Static Generation : build 할 때 생성 (product ver 에서는 next build 하면

웹 페이지에서 요청하는 컨텐츠의 수가 많을수록 로딩 완료 시간은 길어진다. 하지만 현대 웹 사이트에서는 콘텐츠 수를 줄이는 것이 불가피하기때문에, HTTP 요청 수를 줄이는 것이 중요현대 웹에서 필수적인 모듈화는 HTTP 요청 수를 증가시킴따라서 모듈화 된 여러개의 파

기존 코드 읽기에 지쳐가던 찰나단비같은 소일거리 공통 컴포넌트로 분리하기!! 미션이 주어졌다 😆진심으로 행복했음..ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋkeen-slider로 구현한 스와이프 캐러셀이 공통으로 세 개 정도 쓰이는 것 같아서 common component로 빼는 업무