프리 프로젝트 - 스택 오버플로우 클론 코딩

 

 

회원가입 / 로그인 화면

 

 

⭐ 배포 주소 : https://bombom-stackoverflow.vercel.app/

Stack Overflow

 

 

📝 깃허브 리포지토리 : https://github.com/codestates-seb/seb43_pre_020

GitHub - codestates-seb/seb43_pre_020

 

 

 

 처음으로 백엔드와 함께 만들어 본 프로젝트!

어떤 방식으로 기능을 구현할지 같이 이야기해 보고, 실제 의도한 대로 데이터가 오고 가는 걸 확인하며 정말 재미있었다. 나름대로 모듈화라는 것도 해보고, 컨벤션도 정해서 지켜봤다. 다양한 시각을 배울 수 있었고, 나보다 잘하시는 분들과 함께 하며 내가 부족한 부분이 뭔지, 앞으로 어떤 방향으로 공부해야 할 지도 감을 잡을 수 있었다. 특히나 개발 스킬만큼 소프트 스킬도 중요하구나를 많이 깨달을 수 있었던 프로젝트였다. 

 

 

 

겪었던 문제들

 

- 다른 분들 로컬 환경에서는 문제가 없었는데, 내 로컬에서는 아래와 같은 린트 에러가 떴다.

  찾아보니 다른 분들이 쓰시는 맥은 기본 엔드라인이 LF인데, 내가 쓰고 있는 윈도우의 기본 엔드라인은 CRLF이기 때문에 발생하는 문제였다. 줄바꿈 방식의 차이라고 한다. (LF -> \n, CRLF -> \r\n)

rules: {
        'prettier/prettier': [
            'error',
            {
                endOfLine: 'auto',
            },
        ],
    },

이렇게 룰을 추가해 문제를 해결하였다. 

 

 

- 그리고 마지막까지 애를 먹었던 배포 문제! 프론트에서는 Vercel로 배포를 해서 https 주소였는데, 백에서는 AWS를 사용해 http 주소였다. 그렇다 보니 연결이 잘 되질 않았고, 다양한 방법을 시도해 보다 결국 서버 https 배포에 성공해 문제를 해결할 수 있었다.  

 

 

 

 

 

( 참고 ) 실제 스택 오버플로우 사이트 : https://stackoverflow.com/questions