유쾌하고, 유익하게

https://boatneck-sting-5f5.notion.site/Section-4-77c5f88e1fea47ccb7f2ba81e9893a93 Section 4. 기술면접 Section 4. 기술면접 준비! boatneck-sting-5f5.notion.site 주말까지 한번 완성해보자 - 시간내서 다시 만들어보자(23/8/7)

Proxy CORS 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS) : 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제 USER의 민감한 데이터의 보안을 위해 권한이 없는 접근을 제한 출처 URL의 스킴(프로토콜), 호스트(도메인), 포트로 정의 두 객체의 스킴, 호스트, 포트가 모두 일치하면 같은 출처 일부 작업은 동일 출처 콘텐츠로 제한, CORS를 통해 제한을 해제 가능 Proxy 정석적인 CORS 설정 방법 : FE 개발자가 BE 개발자에게 FE개발 서버 도메인을 허용해 달라고 요청해야 하고, BE개발자는 응답 헤더에 필요한 값들을 담아서 전달해줘야 함 위 과정 없이 React ..

CI/CD CI(Continuous Integration) : 지속적 통합 애플리케이션에 대한 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트 되어 공유 리포지토리에 통합되므로 여러 명의 개발자가 동시에 애플리케이션 개발과 관련된 코드 작업을 할 경우 서로 충돌할 수 있는 문제를 해결할 수 있다. Code(원격저장소에 코드를 push) - Build(원격 코드 저장소로부터 코드를 가져와 유닛 테스트 후 빌드) - Test(코드 빌드의 결과물이 다른 컴포넌트와 잘 통합되는지 확인) CD(Continuous Delivery) : 지속적 배포 파이프라인의 추가 단계에 대한 자동화를 뜻한다. Release(배포 가능한 소프트웨어 패키지를 작성) - Deploy(프로비저닝 실행, 서비스를 사용자에게 노출, 실..

.env 파일을 제대로 생성하지 않아 서버와 연결이 되지 않는 에러가 있었다. (GET 404에러 / POST 405에러) .env.example 파일의 이름을 .env로 변경한 후 npm run build를 다시 실행하여 AWS 버킷에 빌드 파일을 재 업로드하니 제대로 작동하였다. 오늘 내로 과제를 마칠 수 있어서 다행이다.. AWS... 조금 더 공부가 필요해 보인다..

nvm 설치 과정이 너무 힘들었다... Command 'nvm' not found 에러가 계속 발생했다. nvm 깃헙 페이지에서 문제를 해결해보려고 했으나, 방법을 모르겠어서 구글링과 챗GPT를 통해 문제를 해결했다. 이 오류는 nvm (Node Version Manager)이 시스템에서 찾을 수 없다는 것을 나타냅니다. 이 오류를 해결하기 위해 다음과 같은 단계를 따라서 nvm을 설치하고 설정할 수 있습니다: 1. **nvm 설치 확인**: 먼저, 이미 nvm이 설치되어 있는지 확인해보세요. 터미널에 다음 명령어를 입력해보세요. ``` nvm --version ``` 만약 nvm이 이미 설치되어 있다면, 설치된 버전 정보가 표시될 것입니다. 만약 설치되어 있지 않다면, 아래의 단계를 따라 설치해주세요...