EtoC

연습문제페이지를 북마크까지 연결하고나니 시각적인 효과를 좀 더 주고싶어졌다간단하게 스크롤 효과를 주고싶어 AOS 스크롤 라이브러리를 사용했다.npm i aos 설치해주고 버튼클릭시 문제id가 변동될때마다 효과가 새로 발생하도록 설정하였다.import AOS from 'aos';import 'aos/dist/aos.css'; const [animation, setAnimation] = useState("fade-right"); useEffect(() => { AOS.init({ duration: 1000, }); AOS.refresh(); }, [currentIdx]);const handleNextQuestion = () => { if (currentIdx { if (cu..

기능이 잘 작동되어서 몰랐는데 개발자 모드를 열었더니알 수 없는 경고문들이 가득한 콘솔창이 날 반겨준다. [경고문 원인]HTML의 기본요소는 내가 커스텀한  props들을 알지못하는데  DOM으로 직접 전달되서 발생한 경고문이다.경고문이라서 그냥 넘어갈까 했는데 나중에 팀원이 콘솔창 열었다가 기겁할거같으니 내가 해결해야지 😇다행히 읽어보니 해결방법이 설명되어있다. const CustomRadio = styled.span` width: 2rem; height: 2rem; display: flex; justify-content: center; align-items: center; margin-right: 0.5rem; color: ${({ isChecked, isCorrect, isWrong ..

팀원이 OAuth 로그인과 Spring Security 설정을 하고 main 브랜치에 merge했다는 연락을 받았다.집에와서 나도 form 로그인과 회원가입을 구현하는데 다양한 문제가 발생해서 기록해본다.0.  데이터베이스 설정 누락 및 칼럼 없음브라우저에서 회원가입하는데 500 에러가 발생했다.인텔리제이를 열어보니 DB 연결 설정이 없다고하고 application.yml 파일이 사라져있었다.git에 시크릿키랑 DB 정보가 그대로 노출되서 Git 캐시를 삭제하고, 다시 커밋 후 푸시& 풀 을 하면서 파일이 날아간거같다.다시 yml 파일을 재생성.Error starting ApplicationContext. To display the condition evaluation report re-run your ..

삼성노트북으로 작업하던 프로젝트를 맥에서 하기위해 git에서 레포지토리를 클론하고 intellij에서 폴더를 오픈하였다.아무리 찾아봐도 Run 버튼이 보이지 않았는데 파일 이미지가 이상하게 보였다.0110..일단 마우스를 올려보니 java file outside of source root 라면서 main 클래스가 실행되지 않는다. 다 맞게 들어가 있는데..뭐가문제인거지검색해보니 가장 쉬운방법이 root directory에 맞춰서 프로젝트를 다시 열어주면 된다는데 나는 아무일도 일어나지않았다.gradlew reload도, clean후 build도 똑같았다.원인 : Spring Boot 애플리케이션 실행 설정 ❌파일의 프로젝트 구조에 들어가서 확인해보니 SDK부터 모듈까지 전부 설정이 되어있지않았다. SDK..

포트폴리오를 만들어야해서 이전에 했던 프로젝트를 실행하니 아래와 같이 떴다. CLI로 종료해도 계속해서 자동으로 실행된다.ᐅ lsof -i TCP:8080COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAMEjava 4501 sj 9u IPv6 0x15... 0t0 TCP localhost:http-alt (LISTEN)ᐅ kill -9 4501ᐅ lsof -i TCP:8080COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAMEjava 44362 sj 9u IPv6 0x9a4... 0t0 TCP localhost:h..

평소 잘 뜨던 학생대쉬보드 페이지가 다른 계정으로 접속하니 유튜브 API를 활용한 요소만 랜더링되고 나머지는 아무것도 뜨지않았다.코드 정리를 한다고 axios 요청을 하나로 다 묶어버렸는데, 이게 문제가 된거같다. 코드를 확인해보니  확실히 가장 첫번째 fetch 요청이 실패해서 나머지 요청을 실행하지 않는거였다.신규 회원이 가입했을경우 최근에 본 강의가 없어서 빈값이 들어왔을때 요청이 실패하는거라는 생각이들었고,각 요청별로 예외처리를 하지않아서  줄줄이 실패하는 듯.더보기 왜 비동기 요청인데 첫번째 요청이 실패하니까 나머지도 호출이 안되나?- async/await 비동기 코드를 동기코드처럼 작성할수 있어서 자주사용하고 있었는데, 잘 모르고 사용하고있었다.- await을 사용하면 비동기 작업중 어딘가에서..

게시판에 글을 작성하고 접속하면 반짝하더니 작성된 글이 사라지는 문제가 발생했다.아니 왜 자꾸 지워지는거지; 조건문도 달아보고 함수도 바꿔보고  했지만 Delete 함수를 아예 호출도 안한다.호출하기도 전에 지워져버리니 호출할 글이 없어서 페이지 자체가 존재하지않으니까 작동을 안하는거같다.어딘가에서 페이지가 접속할 때 자동으로 지우는거같은데..반짝하고 지우는게 useEffect와 관련이 있을거같다.확인해보니 AxiosDelete가 useEffect로 url이 변경될때마다 실행되도록 되어있었다. 기존의 코드import { useState, useEffect } from "react";import axios from "axios";const useAxiosDelete = (url) => { const [l..

강사가 공지를 등록 api 를 작성하였는데 자꾸 403이 떴다. 1. 서버를 안켜서403 forbidden이 서버를 안켜서 나는 오류였다는거보다 내가 서버를 안키고 이러고있었다는데서 한번 충격. 2. curriculum이 없다고 403 forbidden이 떴다.token에 포함된  username을 이용해서 curriculum을 가져오도록 api를 작성하였는데 왜 없다고 뜨는걸까.../Users/sj/Desktop/homeLearn/Home-Learn/src/main/java/project/homelearn/controller/teacher/board/TeacherBoardController.java:27: error: cannot find symbol .orElseThrow(..