0. 구성 2개의 애플리케이션을 사용한다. 사용자는 포트 80번을 사용하는 nginx로 요청을 보내고 nginx는 현재 연결된 애플리케이션을 사용자에게 제공하도록 한다. 만약 포트 8082를 사용하는 애플리케이션이 신규로 배포되었다면 nginx는 포트 8082의 애플리케이션을 사용자에게 제공할것이다. 1. nginX 설치 및 수정 sudo amazon-linux-extras install nginx1 명령어를 통해 nginx를 설치한다. sudo systemctl nginx start로 nginx를 시작하며 sudo systemctl status nginx로 현재 nginx의 상태를 확인할 수 있다. nginx의 기본 포트는 80이기 때문에 EC2의 보안그룹의 인바운드를 편집한다. nginx가 정상적으로..

이번 포스팅도 전체 과정 보다는 발생했던 에러와 해결법을 위주로 작성합니다. 사용했던 Shell Script 및 appspec.xml은 아래의 저장소를 참고바랍니다. GitHub - 92SooJong/Toy-Project-Board Contribute to 92SooJong/Toy-Project-Board development by creating an account on GitHub. github.com 게시판 어플리케이션 배포를 위해 아래와 같은 배포 아키텍쳐를 구성했다. 1. 개발자는 Github 저장소에 소스코드를 Push한다. 2~3. Jenkins에선 Github의 빌드요청이 들어오면 S3에 소스코드를 전달한다. 4. Jenkins에서 CodeDeploy로 배포요청을 한다. 5. CodeDep..

해당 게시글에선 전체 코드에 대한 설명은 하지 않고 배운점만 간략하게 작성합니다. 자세한 정보는 아래 저장소를 참고해주세요. GitHub - 92SooJong/Toy-Project-Board Contribute to 92SooJong/Toy-Project-Board development by creating an account on GitHub. github.com I. Front-End 환경 1. Boostrap 간단한 프로젝트에서 많이 사용되는 Bootstrap을 통해 화면을 디자인 했다. 레퍼런스도 많고 샘플도 제공해줘서 좋다. Bootstrap을 커스터마이징 하기 위해서 local에 내려 받았다. Bootstrap The most popular HTML, CSS, and JS library in ..

개발을 하다보면 종종 복잡한 비즈니스 로직을 구현해야 할때가 있다. 이런 복잡한 로직은 시간이 지나 다시보면 한눈에 쉽게 들어오지 않는다는 문제가 있었다.(나만 그런가) 그래서 내가 개발한 프로그램에 대해서 함수의 호출관계를 한눈에 보여주면 꽤 유용할것 같아 심플한 프로그램을 하나 만들어 봤다. 현재 회사에서 화면을 구현할때 Inswave에서 만든 WebSqaure라는엔진을 사용하는데(Javascript를 베이스로 한다.) 해당 소스파일을 분석해야할 일이 있어 WebSquare 문법을 분석해서 호출 그래프를 그려주는 프로그램을 만들었다. WebsSquare의 문법은 Javascript와 유사하며 Map에 함수를 할당하는 방식을 사용한다. 샘플에선 scwin이라는 변수명을 가진 맵을 사용했다. Javasc..