다다의 개발일지 6v6

Git 명령어 정리1️⃣ Git 기본 명령어git init현재 디렉토리를 Git 저장소로 초기화git clone [저장소 URL]원격 저장소를 로컬로 복사git status현재 작업 디렉토리의 변경 사항 확인git add [파일명] 특정 파일을 스테이징 영역에 추가 이거보단 그냥 IDE에서 개별적으로 추가하는게 나을 거 같다.git add .모든 변경 사항을 스테이징 영역에 추가git commit -m "메시지"스테이징된 변경 사항을 로컬 저장소에 커밋git log커밋 히스토리 확인git log --oneline커밋 히스토리를 한 줄씩 요약해서 확인git diff수정된 내용 비교git diff --staged스테이징된 파일과 최신 커밋 비교git reset HEAD [파일명]특정 파일을 스테이징에서 제외..

Next.js 는 리액트 기반 서버 사이드 렌더링 프레임 워크다. -> 최초 페이지 렌더링이 서버에서 수행된다. create-react-app 처럼 create-next-app이 지원된다.타입스크립트 기반으로 작성할 것이기 때문에 아래 명령어로 프로젝트를 시작한다.npx create-next-app@latest --ts  npm 프로젝트를 살펴볼 때는 package.json을 먼저 봐야한다.프로젝트 구동에 필요한 모든 명령어 및 의존성이 포함되어 있으므로 프로젝트의 대략적인 모습을 확인하는 데 매우 유용하다! 그리고 eslint-config-next 파일은 Next.js 기반 프로젝트에서 사용하도록 만들어진 ESLint 설정이다. 꼭 사용하는 것을 추천한다고 한다. 핵심 웹 지표에 도움이 되는 규칙들이 ..

3/ 18 (화) -> 아직까지 전 코드 문제점 파악 중개발자도구 쓸때 (network, console 둘 다) 꼭 Preserve log 켜고 하자.... api가 오류나서 페이지 이동이 일어나면 오류가 안보이게 된다!! (이건 일단 내가 보는 코드 기준) webstorm 아직 너무 불편하다 ㅜㅠㅠ 왜 폴더 만드는 버튼이 없는거야,, next.js 흐아 완벽한 코드로 짜고 싶다!! 공부해야지 페이지 타입을 꼭 써야하는 건 아니지만 NextPage 타입을 사용하는 게 여러모로 유리한 점이 있다. 더보기더보기NextPage 타입을 사용하면 좋은 점Props 타입을 명확하게 지정할 수 있음import { NextPage } from "next";interface Props { name: string;}..