✍ Introduce
⭐ What I Do
1. 병렬라우팅, 인터셉링 라우팅을 활용한 모달 개발
⦁ 인터셉링 라우터를 통한 모달 장점을 파악할 수 있었습니다.
∘ 페이지를 새로고침 될 때 모달종료가 아닌 컨텍스트 유지할 수가 있습니다
∘ 모달을 종료 하기 위해 이전 라우트로 이동하는 것이 아닌 뒤로 네비게이션하여 종료할 수 있습니다, 또한 앞으로 네비게이션 하여 모달을 다시 열 수 있습니다.
2. Atomic Design을 활용한 컴포넌트 구성
⦁ 폴더를 명확히 구분하여 개발 편의성을 높였습니다.
∘ atoms, molecules, organisms, template, page로 나누어 정리하여 기능의 만족도를 높였습니다
⦁ 컴포넌트의 재활용성을 높일 수 있었습니다.
∘ 대부분의 컴포넌트 코드 길이를 70줄 이내로 작성하여 해석을 쉽게 할 수 있습니다
∘ Error가 난 위치를 쉽게 파악할 수 있습니다.
👍 Trouble Shooting
1. 서버 배포중 ssh문제
서버 배포과정에서 SSH 클라이언트를 통해 인스턴스 연결 하는데에 있어서 "호스트를 찾는 중" 계속 되다가 "네트워크 오류 : 연결 시간이 초과되었습니다" 라는 에러가 발생하였고 저의 네트워크 문제가 어디서 발생했는지를 찾아보았습니다
해결 방법 !
네트워크 문제이기에 첫번째로 AWS 인스턴스 네트워크의 포트를 확인해봤고, 알맞게 적용되어있는걸 확인한 후에 집의 공유기를 확인하는 절차를 밟아봤습니다.
인터넷 검색을 통해 공유기 정보를 확인해봤고 SK 브로드밴드의 공유기는 SSH 포트를 자체적으로 막아놔 사용이 불가능 했기에 발생한 에러인거로 확인했습니다. 작업을 이행하기위해서 핫스팟으로 진행하였지만, 포트 포워딩작업을 통해 22번 포트를 활성화 시킬수 있다는 블로그 글을 보고 프로젝트의 완성도가 높아진다면 포트포워딩 작업을 해볼 예정입니다.