-
CORS - Node 기본 세팅
CORS - Node 편은 코드적인 부분이나 중간중간 설명들이 길어져 3편으로 나누어 포스팅할 계획입니다. CORS - Node 기본 세팅 (현재) CORS - Node Event 처리 CORS - Node 마무리 CORS와 관련하여 여러 정보를 얻고싶으시면 아래의 글을 참고해 주세요. https://flasting.tistory.com/19 https://flasting.tistory.com/20 https://flasting.tistory.com/21 Pure Node에서 CORS를 허용 하는 방법 개발과 협업에서의 편리성이 있어 Express를 많이들 사용하지만 성능적인 측면에서는 Pure Node를 무시할 수가 없으며, 빠른 속도를 원하는 프로젝트에서는 Pure Node를 이용하여 코딩을 하는 것..
2022.05.15
-
CORS - Express편
CORS와 관련하여 여러 정보를 얻고 싶으시면 아래의 글을 참고해 주세요. [FrontEnd] - CORS - 개념편 [AWS] - CORS - AWS편 지난 포스팅에는 API Gateway에서 CORS를 허용하는 방법에 대해서 적용했었다. 사실상 HTTPS를 달려고 하면 CORS가 강제가 되는 상황에서 API Gateway를 사용하지 않을 경우에는 적용을 어떻게 하는지에 대한 것을 설명하기 위해서 포스팅을 마저 작성하게 되었다. 이번 포스팅에서는 Express에서 CORS를 허용하는 방법에 대해서 설명하려 한다. 자, 그러면 이제부터 Express에서 CORS를 허용하는 방법에 대해서 알아보자. Express에서 CORS를 허용하는 방법 기본 세팅 Express에서 CORS를 허용하기 전에 우선 기본적..
2022.05.11
-
CORS - AWS편
이 포스팅은 CORS 주제를 바탕으로 연속으로 포스팅되었습니다. [FrontEnd] - CORS - 개념편 CORS - 개념편 “blocked by CORS policy”는 요즘같이 MSA(Micro Service Architecture)를 지향하는 서버 구조를 바탕으로 구축하였을 때 브라우저에서 무조건 볼 수 있는 에러이다. 이는 CORS(Cross-Origin Resource Sharin.. flasting.tistory.com AWS의 API Gateway에서 CORS를 적용하는 것을 은근히 어려워하시는 분들이 많다. 이는 코드에서 헤더를 잘못 추가했는지, API Gateway에서 설정을 잘 못했는지를 정확히 구분하기 힘들기 때문에 어디서부터 어디까지 봐야 하는지 막막해서 그런 것 같다. 나 또한 ..
2022.01.17
-
CORS - 개념편
“blocked by CORS policy”는 요즘같이 MSA(Micro Service Architecture)를 지향하는 서버 구조를 바탕으로 구축하였을 때 브라우저에서 무조건 볼 수 있는 에러이다. 이는 CORS(Cross-Origin Resource Sharing, 교차 출처 리소스 공유)를 지키지 않았기 때문에 해당 에러가 브라우저에서 발생을 하게 된다. 자. 그러면 이제부터 CORS가 무엇이고, 어떻게 해결 할 수 있는지 알아보자. CORS 간략한 설명 CORS는 다른 Origin으로 Request를 보낼 때 preflight를 OPTIONS메서드를 이용해 먼저 request를 보내게 된다. 여기서 다른 Origin이 어떤것인지 이야기하자면 동일한 도메인, 동일한 포트가 아닐 경우 무조건적으로 ..
2022.01.05
-
EC2에서 Cloudwatch로 데이터 보내는 방법
DB와의 커넥션을 위해 일정 시간마다 log를 남기는 작업을 진행하게 되었다. 해당 데이터들은 로그 파일로만 남기면 추후에 ElasticSearch 및 Kibana 와 같은 추가 작업을 진행해야하는데 Cloudwatch를 사용하게되면 평소 보던 곳에서 한번에 볼 수 있고(무엇보다 큰 장점), 알아서 시각화 까지 해 준다고하니 한번에 두마리의 토끼를 잡을 수 있을 것 같아서 찾아보았고, 방법이 존재했다. 목차는 아래와 같다. DB와의 커넥션 카운트를 계산하는 쉘 스크립트 구현 AWS Cloudwatch로 데이터 보내기 EC2의 메타데이터 얻기 최종 쉘 코드 예시 DB와의 커넥션 카운트 기본 설정으로는 DB서버와 WAS서버의 Connection 이후 TIME_WAIT는 60초로 유지가 되어 60초 마다 co..
2020.05.17
-
$'\r': command not found 문제 해결
DB서버에서 shell script를 간단하게 짜서 crontab으로 새벽에 프로시저가 한번 동작하도록 하면 되는 간단한 코드를 구현하는 간단한(?) 임무였다. 테스트 서버에서 작동이 잘 되는 것을 확인하고, 본서버에 적용을 하고 다음날 출근을 해 보니 스크립트가 돌지 않았었다. 결국 나 자신이 crontab이 되어 스스로 새벽시간에 코드를 돌려보게 되었고, 생각보다 단순한 문제였다. (아까운 내 시간 ㅜ.ㅜ) 필자는 간단한 코딩업무는 VSCode를 사용하고, 사무실에서는 맥북으로 작업을 하고, 퇴근을 한 이후에는 윈도우 컴퓨터로 작업을 진행하는 식으로 업무를 보고있는데 테스트는 당연히 맥북으로 스크립트를 작성 한 뒤 적용을 하였고, 본서버에는 퇴근 이후 적용을 했었기 때문에 이러한 상황이 발생하였다. ..
2020.05.16
-
Cloudwatch Agent 설치 법
기존의 Cloudwatch는 CPU사용량, 네트워크 그리고 DiskIO와 같은 부분적인 정보들을 제공 해 주고 있습니다. 그러므로 Disk용량과 Memory사용량과 같은 정보를 보기 위해서는 Cloudwatch Agent를 설치 해야 필요한 정보를 얻을 수 있습니다. AWS에서 제공해주는 설치법의 경우에는 여러 페이지로 되어있어 한눈에 보기 힘이 들었습니다. 그래서 이번 포스트에서는 Cloudwatch Agent를 설치 하는 방법을 한 페이지에 담아내려 노력했습니다. 이 글은 Amazon Linux 2를 기준으로 작성하였으며, Amazon Linux 1이외에 윈도우 서버나 다른 운영체제일 경우에는 AWS에서 제공하는 문서를 보는 것을 추천드립니다. 순서는 다음과 같습니다. IAM역할 생성 및 적용하기 E..
2020.04.13
-
Angular 반응형 폼 (ngSubmit) 이벤트
개요 반응형 폼 은 화면에 있는 입력 필드의 값이 변경될 때마다 원하는 로직이 실행하게 하는 모델-드리븐 방식의 폼입니다. 반응형 폼은 명시적인 방법으로, 그리고 이뮤터블을 처리하는 것과 비슷하게 폼의 상태를 관리하는 방식입니다. 폼 값이 변경되면 이 폼은 폼이 변경되기 전의 정보와 함께 새로운 상태를 표현하는 객체를 반환합니다. 반응형 폼은 옵저버블 스트림을 활용하는 방식으로 만들어졌기 때문에, 폼에 값이 입력되거나 입력된 값이 전달되는 것도 옵서버 블로 전달됩니다. 따라서 폼이 변경된 것을 실시간으로 확인하고 필요한 동작을 할 수 있습니다 * 이뮤터블 : 불변의 것, 변하지 않는 값 ( Ex : httpRequest, httpHeaders 등에 사용되고 있습니다.) * 옵저버블 : 이벤트를 처리하는 ..
2020.04.12
-
AWS EC2에서 S3로 파일 업로드
AWS의 EC2에서 S3로 업로드 하는 방법은 많습니다. 노드나 파이썬과 같은 프로그래밍 언어로 언어를 구현하고, 스케쥴러를 이용해 파일을 업로드 하는 방법이 있지만 이 글에서는 EC2를 구동하면 자동으로 설치가 되는 AWS-SDK를 이용하여 S3로 업로드를 하는 방법에 대해서 소개 하겠습니다. 포스트에 들어가기 전에 아래의 4가지는 기본적으로 설정이 되어 있다고 가정하고 글을 진행하겠습니다. EC2 서버 S3 버킷 AWS IAM contab 1. AWS Configure 설정 Amazon의 EC2에서 만든 인스턴스에는 기본적으로 AWS-SDK가 설치되어 있습니다. 이제 이 AWS-SDK를 사용하기 위해서는 AWS Configure를 먼저 설정을 해 주어야하는데요. 설정을 해 주는 방법은 다음과 같습니다..
2020.02.25
