영최의 개발켈로그

✅ 깃허브 주소 https://github.com/Cosmopolitan777/Cosmopolitan GitHub - Cosmopolitan777/Cosmopolitan Contribute to Cosmopolitan777/Cosmopolitan development by creating an account on GitHub. github.com ✅ 전체 시현 영상 ✅ 피드백 1. 깃 리드미 - 추천알고리즘 설명 보완 2. 페이지네이션 기능 추가 요함 3. 게시판 수정 및 삭제 권한 추가 요함 ✅ 느낀점 1. Nginx로 서버 배포할 때 계속 cors에러가 떠서 정말 힘겨웠었다. 분명 서버단에서 설정을 했는데도 불구하고 계속 떴다. 해결 방법은 .env.development파일에 따옴표를 모두 제거하고 ..

오픽 IL을 원래는 시간을 들여서 차근차근 공부하고 따려고 했으나, 필요한 날 전에 결과가 나오는 시험일이 부득이 하게 다음날 오후 7시였다. 그래서 부랴부랴 준비해서 얼레벌레 시험을 봤는데 목표로 했던 등급인 IL이 나왔다. 그래서 꿀팁들을 전수하고자 포스팅을 해보려 한다. 시험본 장소는 메이플넥스 역삼시험센터였다. ✅ 첫번째 목표로 하는 등급의 수준을 파악했다. https://www.youtube.com/watch?v=QsQ02X5Viik 위 링크에서 IL등급의 수준을 확인할 수 있는데 보면 단어를 끊어말하지않고 어느정도 유창하게만 말한다면 얻을 수 있는 등급임을 확인했다. ✅ 두번째 시험순서에 당황하지 않도록 시험 유형에 대한 정보를 확인했다. 어떤 순서로 시험이 나오고 어떤 선택지를 선택해야하는지..

❗️ Issue 제대로 잘 동작하고 있던 코드인데 res.send(int)값을 넘겨줬더니 에러가 났다. 💡 Solution Express 공식 문서를 살펴보니 response로 보낼 수 있는 값은, Buffer, String, object, Boolean, Array만 가능했다. number 값은 response로 보낼 수 없었다!

❗️ Issue result : [ Campain { dataValues: { .... }, _previousDataValues: { ... } , _changed: Set(0) {}, _options: { isNewRecord: false, _schema: null, _schemaDelimiter: '', raw: true, attributes: [Array] }, isNewRecord: false } ] 이정보 말고 원하는 dataValues값만 얻고 싶을 때 💡 Solution const data = await models.Evaluation.findAll({ raw: true, }); raw : true 조건 넣기

❗️ Issue 분명 로그인 후에 서버단에서 보낸 세션 값이 클라이언트단에서 콘솔창으로 찍히는데 문제는 그 이후에 다른 화면에서 axios요청을 보내면 session이 undefined가 된다. 💡 Solution client/app.js import axios from "axios"; //...import 하는 부분 아래에 아래 코드 추가 axios.defaults.withCredentials = true; server/app.js app.use( cors({ origin: "http://localhost:3000", // server의 url이 아닌, 요청하는 client의 url credentials: true, }), ); //이전 코드 app.use(cors()) 클라이언트와 서버단 둘다에 위 ..

보호되어 있는 글입니다.

❗️ Issue /home/ubuntu/my-todo-app/server/node_modules/lru-cache/dist/cjs/index.js:359 #initializeTTLTracking() { ^ SyntaxError: Unexpected token '(' at wrapSafe (internal/modules/cjs/loader.js:915:16) at Module._compile (internal/modules/cjs/loader.js:963:27) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10) at Module.load (internal/modules/cjs/loader.js:863:32) at Functi..

✅ 1 ~3 일차 : 주제 선정 우리 조는 칵테일을 소개하는 사이트를 주제로 선정했다. 페이지 구현 예시는 아래와 같다. ✅ 4 일차 처음에 react-slick 기능으로 구현하려고 했는데 내부의 카드를 사용할 때 부트스랩이랑 호환이 잘 안되었다. react-slick 만든 태그 중에 클래스 이름이 없는 태그가 있어서 css 적용이 안되었기 때문이다. 그래서 스와이퍼로 변경하였고 해당 코드는 아래와 같다. import {Swiper, SwiperSlide} from "swiper/react"; import {EffectCoverflow, Navigation, Mousewheel} from "swiper"; import "swiper/css"; import "swiper/css/effect-coverflo..