프론트앤드/프로젝트 3

[포스코x코딩온] Cosmopolitan | 프로젝트 2차 회고록

✅ 깃허브 주소 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파일에 따옴표를 모두 제거하고 ..

[포스코x코딩온] Cosmopolitan | 1~6일차 진행 상황

✅ 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..

[포스코x코딩온] 웹개발자 입문 과정 4주차 | 프로젝트 회고

일단 모든 팀원들과 나 자신에게 수고했다고 말하고 싶다. 계속 밤을 샜는데도 시간이 너무 부족했던 것 같다. 프로젝트 설명 잘한 점 전반적인 디자인을 글꼴, 헤더, 메인화면 지도 등을 담당했었는데 정말 재밌어서 밤을 새는데도 그렇게 힘들지 않았다. 또한 미로찾기 부분에서 대각선으로 이동하는 문제를 해결하기 위해서 밤을 또 샜었는데 후천적으로 처리를 결국엔 해내서 성취감이 있었다. 근본 문제는 교민님이 해결하셨는데 그 과정에서 배우는 점이 많았다. 아쉬운 점 피드백 대로 차차 수정해나가야겠다.