Next.js

생활코딩을 보고 적은 요약본 입니다서버사이드 렌더링을 지원한다리액트 - 자바스크립트를 실행시켜야 ui가 표시됨 -> 클라이언트 사이드 렌더링next - 다운로드를 받는 즉시 실행됨 ->서버사이드 렌더링비주얼 스튜디오로 실행 , node.js를 다운받아야함개발환경 설치-

생활코딩 강의 요약 입니다크롬 개발자 도구 -> nwtwork tap -> 새로고침 -> 서버에서 클라이언트로 전송하는 용량이 이만큼이라는 뜻배포판이 .next폴더에 만들어짐\->네트워크 들어가보면 훨씬 더 슬림해지는것을 볼 수 있음!

생활코딩 강의 요약사진을 보면 {children}이라고 되어있는데 이게 page.js를 나타내는것 !버튼과 href는 리액트랑 비슷한것같다 !layout,js와 page.js는 한 새트라고 생각하면 좋을듯 하다if 내가 /create 하는 경로를 만든다면 app파일 밑

생활코딩강의 요약 입니다.react도 api활용 정리 함 해야하는데.. 조만간 하겠습니다 흑fetch를 이용하여 서버의 정보를 가져온다.topic에 결과를 저장함create 폴더를 생성 후 -> 하위에 page.js를 생성한 상태제목 : input태그 이용 , 글 본문

생활코딩 강의 요약 입니다\->fetch로 데이터를 가져온 후에 cache로 만들지 않는것이다 !Revalidating data도 있으니 알아보기.. !

생활코딩 강의 요약입니다 ~요부분만 클라이언트화 시키면 되지 않을까?-> 별도의 파일을 만들어서 함수로 만들어서 이런 형식으로 불러올 수 있게끔 만듦use Client화 시켰음 (맨위)useParams를 이용하여 id값을 받아오고 유효한 아이디면 update,delet

swc란 자바스크립트 프로젝트의 컴파일과 번들링 모두 사용될 수 있는,rust언어로 제작된 빌드 툴 이다.매우 빠른 웹 컴파일러 기능을 제공한다위는 세팅 방법이다.이후 빌드 후 소감도 작성하겠다

라쿤팀 QA를 진행하면서 알게된 e.stopPropagation() 에 대해서 정리하고자 한다.문제상황은 검색창을 모달로 구현시 백그라운드와 검색창이 존재하는데백그라운드에 모달 닫는 이벤트를 넣으면 입력창을 누를때도 모달이 닫힌다 이런 구조로 이루어져있어서 searc

검색창 기능을 구현하다가 검색 결과를 params로 가지고 라우팅을 해야하는것을 구현해야했다.알아본바 query를 이용해야하는데 next 버전이 바뀌면서 달라지는 부분들이 있어서 삽질을 좀 했다.. ☠️이런식으로 Link 태그를 이용해서 하면 된다 !이렇게 하면 Sea