⚒️ 구현 기능 커뮤니티 생성 기능 이름, 제목, 설명 input 값을 서버에 post 요청 해당 커뮤니티 생성되도록 기능 구현 기능을 설명하는데 크게 state, submit 함수, 레이아웃 정도 state const [name, setName] = useState(''); const [title, setTitle] = useState(''); const [description, setDescription] = useState(''); const [errors, setErrors] = useState({}); - input name, title, description state - error 에러마다 서버에서 다른 값이 넘어와서 any로 타입 지정했음 Submit 함수 const handleSubmit..

💻 들어가며 취업준비를 하면서 cs 공부에 집중을 하고 있었는데 이론적인 부분만 파는 것 보다는 역시 실제로 프로젝트를 해보면서 만나는 에러나 학습 내용을 글로 작성해보는 것이 재미도 있고 효율적이라 생각이 듦 그래서 예전에 만들어 놨던 로그인, 회원가입 기능을 리팩토링하고 커뮤니티 생성, 게시판 등 여러 기능을 덧붙이는 방향으로 다시 토이 프로젝트를 재개하기로 했다. ❌ 에러 이전에 동작하는 것을 확인했는데 post 요청이 가는 url에서 오류가 났다. 아마 next.js에서 api 요청을 할 때 react에서 프록시 처럼 클라이언트와 서버간 통신시 중간 처리를 해주는 기능이 있었는데 그 부분에서 난 것으로 판단되어 해결하기 위해 찾아보았다. ⚠️ 에러 원인 ? 환경변수 axios.defaults.ba..

💻 들어가며 프리온보딩 과제를 복습하면서 style-components와 react-router-dom으로 레이아웃을 그리면서 발생한 문제를 해결한 포스팅입니다. ❌ 에러 const SidebarContainer = styled.div` width: 300px; height: 100vh; background-color: #657c65; `; 위 코드처럼 별도로 margin 이나 padding 없어도 자동으로 여백이 생김 ⚠️ 에러 원인 ? The default box sizing is content-box, which means padding and borders are added to the overall box. 출처 : Learn CSS! (https://web.dev/learn/css/box-mo..