0131ryu / portfolio

포트폴리오
https://portfolio-0131ryu.vercel.app
0 stars 0 forks source link

메인페이지 #10

Open 0131ryu opened 1 year ago

0131ryu commented 1 year ago

1. 마주한 문제들 - 해결한 방법들 기준으로 프로젝트 설명하기

▶ 프로젝트를 진행하면서 마주한 문제 | 해결방법을 한 눈에 보여주기 ▶ 프로젝트를 좀 더 고민해봤다는 것과 블로그 링크가 연결되어 내용을 보여줄 수 있음

0131ryu commented 1 year ago

2. EngWord가 아닌 Main Project로 변경

[수정사항]

① 기획 단계 : 이전 프로젝트와 달라진 점, 무슨 점을 보강하려고 했나?

▶ 보강하려고 했던 내용 ▶ MYSQL ERD ▶ 프로젝트를 완성하면서 생기는 기대효과

② 구축 단계 : 프로젝트를 진행하며 마주한 문제와 해결 방법

▶ 문제와 해결 방식이 한 화면에 너무 많음 ▶ 슬라이드 형식으로 변경(최대 6개) ▶ 누르면 블로그 링크로 들어감을 표시할 것

③ 결과 단계 : 프로젝트 결과로 얻게된 것들

▶ 이전 프로젝트보다 나아진 점 ▶ 목표한 기획만큼 달성 여부 확인

0131ryu commented 1 year ago

3. Main Project 및 다크 모드 수정

[문제상황]

▶ /main에서 상세보기 할 경우 베이지 색의 카드 부분의 크기가 일정하지 않음

▶ 다크모드 제대로 적용되지 않음 ▶ 파랑색(dark-blue | light-blue) 부분은 빨강색(dark-red)으로 수정할 것 1

▶ Image 태그 src 오류 ▶ a 태그 클릭 시 페이지 이동

[수정사항]

▶ /main에서 이미지 슬라이더(MainImgSlide) 위치에 베이지 색 카드 부분 넣기 ▶ const [switchImgs, setSwitchImgs] = useState<boolean>(false); ① 기획 | 구축 | 결과 단계 버튼 누를 경우 switchImgstrueMainImgSlide 보여주기 ② 베이지 카드의 X가 누를 경우 switchImgsfalse → 베이지 색의 카드 부분 보여주기

▶ 다크모드 적용하기 → components: Navbar, ProjectCard, ProjectNavbar, ServiceCard → pages: index, projects

▶ type.js 속 image_pathstring으로 고정 ▶ a 태그 클릭 시 새로운 탭에서 열도록 할 것(target='_blank')