Next.js

Next.js는 React.js를 기반으로 만들어진 프레임워크이다. 요 문장을 이해하기 위해서 강의자료와 구글링하다 찾은 여러 웹문서 내용, 그리고 챗지피티와의 대화한 내용을 정리해보았다. 너무 기초적인 내용이라 다른 사람이 보면 바보같은 질문일 수도 있겠지만 개념

엄청 자주 만들었던 투두리스트를 Next.js로 만들기 시작했다. Tailwind로 스타일링하는 것에 점차 익숙해지는 듯싶더니, 데이터 가져오는 부분에서 타입 에러가 발생했다. 타입스크립트 너무 어렵다...분명히 배운대로 잘 작성한 것 같은데 dev 모드에서는 데이터

오늘은 CSR 형식으로 서버에서 불러온 투두리스트 데이터 뿌리기, 새로운 Todo 등록하기, isDone 상태 토글하기까지 구현 완료하고, 삭제하기는 아직 구현은 완료하지 못했지만 백엔드 코드까지는 작성했다.뭔가 하루종일 코드 로직짜기에 매달렸던 것 같은데 막상 눈으

어제 불현듯 기한 내에 다 마무리 할 수 있을까 조바심이 들었지만 오늘 생각보다 여유롭게 필수 기능을 거의 다 마무리한 것 같다. :]오늘은 TODOS-CSR 페이지의 투두리스트 삭제하기를 완료한 뒤 상세페이지 및 수정 기능을 완료하고, TODOS-SSR까지 일단은 완

나의 귀염뽀짝한 Next.js 페이지. HOME 메뉴를 제외하고 4개의 주요 메뉴는 아래와 같은 내용을 담고 있다. ABOUT: Json-server에서 회사 정보 데이터를 받아와서 SSG 렌더링 REPORT: Json-server에서 Todo 데이터를 받아와서 I

이번 팀프로젝트에서 그림을 그릴 수 있는 에디터를 활용해서 그림 게시글 CRUD를 포함한 사이트를 개발해 보기로 기획이 되었다. 내가 낸 안이기도 하고 한 번 새로운 기능에 도전해 보고 싶은 마음에 내가 담당해 보게 됐다.아주아주 예전에 php 형식으로 갠홈에 그림그리

이번 프로젝트를 위해 Excalidraw 라이브러리를 사용하기로 했다. 어제는 패키지를 설치하고 내 프로젝트에서 에디터를 불러오는 것까지 성공했다. 오늘은 에디터를 우리 사이트에 맞게 이것저것 만져보고, '그림그리기' 폼을 구성해야 한다.프로젝트에 처음으로 Excali

드디어 오늘 발표까지 완료된 심화주차 프로젝트! 프로젝트 끝날 때마다 느끼는 건데. 정말 이걸 기한 내에 어떻게 다 할 수 있을까 걱정이 되다가도 차근차근 하다보면 어느 새 제출을 할 수 있을 정도만큼은 완성이 되어가는 것이 신기하다.앞선 글에서 작성한 것처럼 Exc

심화주차 프로젝트 'palette ground'의 메인페이지 상단에 좋아요 갯수를 가장 많이 받은 그림 5개를 베스트 게시글 캐러셀 형태로 출력한다. 캐러셀을 쉽게 구현하기 위해 어떤 라이브러리를 사용해 볼 수 있을지 찾아보다가 React-slick 라이브러리를 써보