캡스톤 설계 [건물별 소통 플랫폼 BBC]/개발 진행 썸네일형 리스트형 회원가입 및 가입 축하 페이지 "use client"; import React, { useState } from "react"; import InputGroup from "../components/InputGroup"; import Link from "next/link"; export default function SignUp() { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [nickname, setNickname] = useState(""); const [passwordCheck, setPasswordCheck] = useState(""); const [errors, setErrors] = useState({}.. 더보기 회원가입 약관 동의 페이지 import Link from "next/link"; import React from "react"; export default function Agreement() { return ( 약관동의 아래 약관에 모두 동의 합니다 서비스 이용약관 동의(필수) 최영철의 말을 잘 따를 것을 동의합니다. 최영철의 말을 잘 따를 것을 동의합니다. 최영철의 말을 잘 따를 것을 동의합니다. 최영철의 말을 잘 따를 것을 동의합니다. 서비스 이용약관 동의(필수) 최영철의 인품이 대단 하다고 동의합니다. 최영철의 인품이 대단 하다고 동의합니다. 최영철의 인품이 대단 하다고 동의합니다. 최영철의 인품이 대단 하다고 동의합니다. 서비스 이용약관 동의(필수) bbc는 국내 대학생들을 위한 서비스이며, 본인인증을 통해 만 14세 이.. 더보기 로그인 시작 페이지 우선은 기능 생각 없이 UI 만 화면에 각 라우트 별로 띄워보려 한다. 기능을 추가 하며 많은 수정이 있을 것으로 예상 된다. 로그인 페이지 UI npm install classnames --save 위 코드는 입력 폼을 위해 컴포넌트를 분리해서 따로 만들었다. 왼쪽이 피그마 디자인 오른쪽이 현재 프론트 단에서 코딩한 결과이다. 우선 UI/UX가 엉망이지만 기본적인 골격을 다잡은 후에 UI/UX를 가다듬고 차후 기능을 추가 해야겠다. . . . 회원가입 UI을 누르면 우선 /signup/agreement url로 라우팅 된다. 더보기 프론트엔드 개발 시작 npx create-next-app@13.2.4 --experimental-app next 프로젝트를 우선 위와 같은 초기 세팅으로 시작 13.2.4 버전으로 내가 주로보는 레퍼런스들과 버전을 맞추었다. npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p NextJs 에서tailwind를 사용하기 위해 설치 전반적인 폰트, 골격, seo 관련 코드는 layout.tsx에 작성 위와 같이 폰트와 tailwind가 적용됨을 확인 더보기 프론트 개발 이전 데이터베이스 데이터 수정 및 저장 가상의 사용자 2명과 가상의 게시물 5개 와 각 게시물당 평균 3개의 댓글로 세팅 위는 현재 개발하며 테스트를 통해 저장된 데이터들이다. 위와 같이 데이터 정제 후 이제 프론트 개발 시작 !! 훅훅 드가자잇 ! 더보기 댓글 삭제하기. 컨트롤러 및 서비스단 코드 11번 idx를 가진 댓글이 삭제됨을 확인. 완료 ! 더보기 댓글 수정하기 댓글 수정 dto 및 컨트롤러, 서비스단 코드 댓글이 수정됨을 확인. 성공 ! 더보기 게시물에 속한 댓글들 모두 가져오기 2번 게시물 idx에 생성된 아래 3개의 댓글 추가 컨트롤러 단 코드 서비스단 코드 일대다 관계를 통해 생성한 CommentPostIdx를 통해 where절을 사용해서 해당 게시물에 속한 모든 게시물을 가져오기 성공 후... 테이블간의 관계 부분은 아직 미숙한것 같다.. 아무튼 굿 ! 더보기 이전 1 ··· 6 7 8 9 10 11 12 다음
