Front-End

AWS 배포 후 도메인으로 메뉴에 접근하려고 할 때 나타나는 오류이다.403오류 인데'작동중인 서버에 클라이언트의 요청이 도달했으나, 서버가 클라이언트의 접근을 거부할 때 반환하는 HTTP 응답 코드이자 오류 코드다.' 이럴 때 어떻게 하나 인터넷에 찾아봤으나 퍼블릭 엑세스를 차단하지 않으면 된다고하는데, 이미 차단하지 않는다고 설정했음에도 오류가 나타는 상황이었다. 이럴 때 어떻게하나 해서 그전 배포 방식을 찾아봤다.  그전 방식을 찾아보니 오류 페이지에 오류코드를 응답페이지 경로로 설정해서 200 코드를 내게 끔 설정하게 되면원래 나던 오류가 해결되는 것을 확인 할 수 있다.    이 방법이 맞는 것은 아니지만,배포 자체에서의 문제는 발생하지않는다.추후 다른 방법이 있다면 블로그에 올려두도록 할 예정..

회사 기존 파일로 새 레포에 옮기는 작업을 진행했다. 정서라는 레포에있는 브랜치를 clone 해서 정서1이라는 새 레포에 push해서 yarn install 과 build 작업까지 마쳐둘 계획이었다. 그런데 처음보는 이슈가 발생했다 .. opera mobile...이 뭐죠 다운로드했던 기억이없던 모듈이었습니다. 구글링 해보니 babel 모듈이 업데이트되면서 opera를 지원하지않게되는 버전이 생기면서 생긴 오류라고 합니다. @babel/helper-compilation-targets (old version, targets don't contain opera_mobile => crash) => @babel/helper-define-polyfill-provider (yarn resolves to 0.3.3,..

회사에서 원한 기능 '서버에서 받아온 데이터 1, 2와 바코드 이미지를 사용해서 라벨을 만들어주세요, 그리고 그 이미지를 누르면 png파일로 다운로드되게 해주세요' ...??? 로 css를 이용해서 원하는 뷰는 쉽게 만들 수 있겠다 생각했는데, 그 이후로 다운로드..? png 파일로 ..? 가 가능할지 상상이 안되었습니다. 일단 제가 검색한 내용은 'javascript div png download' or ' React div image download' 였습니다 . 제 코딩 선생님에게 이런식으로 검색해도 잘 모르겠다고 하고 조언을 구했습니다. 'html canvas'를 검색해서 찾아보라해서 이쪽으로 찾아보게되었습니다! 일단 html canvas 라이브러리는 제가 그림판을 구현할 수 있게하는 거였고, 제..

거의 12시간 동안 헤매고 헤매서 해낸 ... 배포였습니다 ㅜ ㅜ 까먹지 않기 위해 블로그 작성하겠습니다. S3를 이용하는 이유 aws S3은 버킷이라는 공간에 정적 콘텐츠를 저장하여 인터넷을 통해 접근할 수 있도록 하는 서비스입니다. 간단히 말하면 웹상에 존재하는 하드 공간인겁니다. 다른 자료들을 보다보면 EC2에 배포를 하는 경우도 있는데 (EC2는 작은 컴퓨터라 생각하면 됩니다) 프론트엔드의 정적 콘텐츠를 배포할때에는 S3면 충분하기 때문입니다. CloudFront 로 배포하는 이유 CloudFront 를 사용하지 않고 S3 자체만으로 배포하는 방법도 있습니다. 하지만 S3 로 배포했을 때와 다르게 다음과 같은 장점으로 CloudFront 를 이용하기로 하였습니다. CloudFront 를 이용했을 ..

정말 오랜만에 블로그 작성합니다.. 취직하고 2달간은 정신없이 코드 이해하고, 개발하고 필요한 지식 채워넣고, 이슈 생긴거 수정하고 ㅎㅎ.. 맥북도 처음 써봐서 너무어려웠어요 하하.. 게다가 이사준비까지 정신이 너무없었습니다! 오랜만에 블로그작성에 어떤거를 써야할까하다가, 제가 최근에 어려움을 겪었던 NCP S3배포 관련해서 설명해보려합니다. NCP란? 네이버 클라우드 플렛폼, Naver Cloud Platform 입니다. 보통 배포한다고 하면 AWS를 많이들 알고 있습니다. 저도 AWS S3, CloudFront로만 배포를 해봤어서.. 다른 방식으로 배포하는 것이 두려웠습니다ㅜㅠㅜ NCP 첫 배포, NCP 첫 업로드 등등 구글링을 했을 때 정확하게 설명이 적혀있는 것이 없었기 때문에 저도 나중에 헷갈릴..