Community Project

ㅈ

✅ Entity 클래스는 실제 DB 테이블과 매핑되는 핵심 클래스로, 데이터베이스의 테이블에 존재하는 칼럼들을 필드로 가지는 갤체Entity는 DB의 테이블과 1대 1로 대응되며, 때문에 테이블이 가지지 않는 컬럼을 필드로 가져서는 안된다. 또한 Entity 클래스는

이제 회원가입 UI를 생성하고, 기능도 추가해보자.스타일링은 간단하게 레이아웃만 생성해주고, 추후에 모든 UI 생성후 Tailwind CSS를 통해서 스타일링 해주자. 우선, FrontEnd에서 회원가입 UI를 생성해주자. Input과 Submit 기능 등이 존재할 것

이제 로그인 UI를 생성하고, 기능도 추가해보자. 스타일링은 간단하게 레이아웃만 생성해주고, 추후에 모든 UI 생성후 Tailwind CSS를 통해서 스타일링 해주자. pages에 regirster.tsx를 생성하자.✅ form 태그 안에는 input태그와 button

회원정보는 어느 컴포넌트에서나 자주 쓰이는 데이터이다. 따라서, 상위 컴포넌트에서 최하위 컴포넌트까지 props로 정보를 넘겨줘야 하는 경우가 많이 생길 수 있다.따라서, 회원정보는 Context에 담아두고, 여러 컴포넌트가 바로바로 꺼내다 쓸 수 있게 만들어주자!✅

이제 이 프로젝트의 핵심 기능이라고 할 수 있는 게시판을 만들어보자createContextContext 객체를 만든다.(Context는 리액트 프로젝트에서 전역으로 사용되는 데이터를 이용할 때 사용되는 기능)Context 객체를 구독하고 있는 컴포넌트를 렌더링할 때 R

이제 게시판글 생성되면 게시되는 전체 게시판을 생성해보자. 즉, 이 프로젝트의 메인페이지를 생성시켜보자~✅ 파일 생성✅ loading, authenticated, dispatch 생성✅ 로그아웃버튼 클릭시 로그아웃지금까지 본 것은 client에서 입력한 게시글 내용에

이제 게시글 작성이제 게시글마다의 상세페이지를 생성시켜주자.✅ 파일 생성Next.js는 파일 기반 라루팅 동작 방식을 가진다. 따라서, pages의 하위 폴더들은 각각의 route에 해당하는 이름을 갖게되며, 마찬가지로 index.js 파일을 갖고 있다.특히, rout

이제 게시글마다의 상세페이지를 생성시켜주자.✅ 파일 생성Next.js는 파일 기반 라루팅 동작 방식을 가진다. 따라서, pages의 하위 폴더들은 각각의 route에 해당하는 이름을 갖게되며, 마찬가지로 index.js 파일을 갖고 있다.특히, route를 동적으로

게시글을 작성하고 등록까지 구현하였으니, 이제 댓글 기능을 구현해보자!authenticated : 로그인 시에만 댓글 작성이 가능하는 조건.✅ handleSubmit 생성1️⃣ 댓글을 입력하지 않았다면 return하여 종료. (newComment가 빈값이면 submit

메인 페이지에는 수많은 게시글이 출력될 것이다. 따라서, 화면을 내릴 수록 게시글이 계속 보일 수 있도록 무한 스크롤 기능을 적용해보자.SWR은 페이지 매김 및 무한 로딩과 같은 일반적인 UI 패턴을 지원하기 위해서 전용 API인 useSWRInfinite을 제공한다.

이제 User를 클릭하면 해당 유저가 작성한 댓글, 작성한 게시글에 대한 정보를 가져오는 유저정보 페이지를 생성해보자.

작성중,,,https://h5bak.tistory.com/286외래키 참조에 의한 계단식 ....

이제 두가지 기능을 더 추가해보자. 게시글에 사진을 업로드하는 기능과 메인페이지의 검색창을 이용하여 게시글 검색 기능을 추가해보자!!delete