프론트엔드 개발자 포트폴리오

📒 프론트엔드 개발자 포트폴리오

---

포트폴리오 용도로 개발한 웹사이트입니다.
링크

장성우 포트폴리오 - 프론트엔드

📌 기술 스택

Nextjs firebase docker github-action

• 최대한 가볍게 만드려고 최소한의 의존성으로 개발
• 애니메이션은 기존에 제가 만들었던 라이브러리로 구현
• firebase는 우선 조회수 집계용으로만 사용

📌 배포

1. github hosted runner에서 앱 및 docker 빌드 후 push
2. ssh로 자취방 노트북에 이미지 받아오고 컨테이너 올리는 명령어 전송
3. 배포

2024.10.18 - [Server] - github-action에서 Docker와 SSH로 Nextjs 원격 배포하기

github-action에서 Docker와 SSH로 Nextjs 원격 배포하기

 

📌 소소한 기능

1. 방문자 중복 집계 방지
2. 모달창 뒤로가기로 창 닫기
3. 반응형
4. nginx proxy 서버에 ssl 인증서 적용