게시판 프로젝트 Day2 구현한 것 라우팅을 미리 정리해 두었고 사용하게 될 데이터도 정리해 보았다. 근데 OAuth를 사용해 봐야 더 정확하게 정리할 수 있을 것 같다. 각 컴포넌트에 들어갈 기능 등을 정리해 보았다. 실제 코딩에 들어가면 더 세분화될 테지만 큰 틀만 잡아두었다. 작업순서 또한 정해보았는데 저대로 이루어지지는 않을 것이다. 다만 저 흐름대로 진행될 거라고 생각한다. 해야 할 것 아직 Next.js를 공부하는 도중이라 개발을 진행하지는 못했다. (아마 내일부터는 시작할 거 같다) 얼른 공부를 끝내고 TS와 Tailwind CSS도 공부해야 하고.. RTK를 사용해 볼 예정이었는데 Next.js 와 같이 사용하기 위한 별도의 라이브러리가 버전 문제로 사용할 수 없을 거 같다. Context..

솔로 프로젝트 시작 2023.05.23 ~ 2023.06.05까지 총 2주일 동안 솔로 프로젝트를 시작하려고 한다. 솔로 프로젝트이지만 동기 두 분과 총 셋(한분 추가해서 넷)이서 유사한 결과물을 각자 만들기로 했다. 피그잼을 통해 세부적인 계획을 세웠으며 오늘부터 열심히 미쳐볼 예정이다.. 좋은 결과물을 만드는 것도 목적이지만 Next.js, TS, Tailwind CSS 등 다뤄보지 않은 스택들을 공부하기 위함의 목적도 있는 만큼 상당히 어려울 거라 예상된다. (그렇지만 재밌을 거 같다..) 위의 디자인 형식으로 만들 예정이고... 날짜를 정해서 서로 코드리뷰도 할 예정인데 진짜 시간이 있을까 걱정이고 벌써 지옥문을 연거 같고 두근두근 떨리지만, 아몰랑 얼른 공부나 하러 가야겠다.. 파이팅!

쿠키에 대해 설명해주세요. 쿠키는 클라이언트(웹 브라우저)에 저장되는 작은 데이터 조각입니다. 웹 서버에서 클라이언트에게 전송되어 클라이언트 측에서 유지됩니다. 쿠키는 주로 세션 관리, 사용자 인증, 개인화 등을 위해 사용됩니다. 웹 서버는 쿠키를 생성하고 HTTP 응답 헤더를 통해 클라이언트에게 전달하며, 클라이언트는 이후 요청에서 쿠키를 함께 전송하여 서버가 클라이언트를 식별하고 상태를 유지할 수 있게 합니다. 세션에 대해 설명해주세요. 세션은 서버 측에서 클라이언트의 상태를 유지하기 위한 방법입니다. 클라이언트가 웹 서버에 접속하면 서버는 해당 클라이언트에 대한 고유한 세션 식별자를 생성하고 이를 클라이언트에게 전달합니다. 클라이언트는 이 세션 식별자를 쿠키 또는 URL 매개변수를 통해 서버에 전달..

문제 App.js 더보기 import { useState } from "react"; import useInput from "./util/useInput"; import Input from "./component/Input"; import "./styles.css"; export default function App() { //input에 들어가는 상태값 및 로직을 custom hook으로 만들어봅니다. //until 폴더의 useInput.js 파일이 만들어져 있습니다. const [firstNameValue, setFirstNameValue] = useState(""); const [lastNameValue, setLastNameValue] = useState(""); const [nameArr, s..

완성 https://github.com/Jiwonp12/fe-sprint-coz-shopping GitHub - Jiwonp12/fe-sprint-coz-shopping Contribute to Jiwonp12/fe-sprint-coz-shopping development by creating an account on GitHub. github.com 폴더구조 fe-sprint-coz-shopping │ ├─ package-lock.json ├─ package.json ├─ public │ ├─ favicon.ico │ ├─ index.html │ ├─ manifest.json │ └─ robots.txt ├─ README.md └─ src ├─ App.css ├─ App.js ├─ assets │ ├─..

import React, { useState, useEffect, useRef } from "react"; import Item from "../components/items/Item"; import classes from "./BookmarkPage.module.css"; import Category from "./../components/UI/Category"; import Error from "../components/items/Error"; import img1 from "../assets/img1.png"; import img2 from "../assets/img2.png"; import img3 from "../assets/img3.png"; import img4 from "../assets/..