drexqq

PWA로 간단한 토이프로젝트를 하나 진행하는 과정에서 AWS의 amplify를 사용해보았습니다. 제가 AWS amplify를 선택한 이유는 CI/CD가 기본적으로 적용 되어있다. 풀스택 애플리케이션을 구축할 수 있다. SSL인증서 적용과 Domain설정이 간편하다 크게 위 세가지의 이유입니다. 기존에는 ec2 인스턴스를 이용하여 서버에 직접 호스팅하는 방법을 사용해왔습니다. 그렇기 때문에 인스턴스를 만들고 세팅하고 배포 과정을 자동화시키는 과정이 조금 번거로웠는데 amplify는 그러한 과정을 간단히 줄여줄 수 있다는 것이 큰 매력으로 다가왔습니다. 아래부터는 amplify로 프론트엔드 애플리케이션을 배포하는 과정에서 일어난 일들에 대해 일자별로 트러블 슈팅한 내용을 작성해 두겠습니다. 2022-09-1..

이제 실질적으로 apahce로 구동하고 있는 웹 서버를 하나 만들어볼 수 있다 /var/lib/jenkins/workspace 에 item이름과 같은 이름으로 저장되어있는 폴더에서 build를 진행한 후 해당 build폴더를 압축하여서 /var/www/html에 옮겨준 뒤 압축을 해제하는 구문을 넣어주면 되는데 나는 리액트로 프로젝트를 진행할 계획이기때문에 nodejs설치부터 진행하겠다. jenkins 메인에서 manage jenkins에 들어가서 Manage Plugins에서 nodejs를 설치한다. 설치를 한 뒤 item에서 Build Environment에서 설치한 nodejs를 추가한다 Provide Node & npm /bin/folder to PATH 를 체크하면 아래에 설치한 nodejs버전..

일단은 처음부터 차근차근 다시 한다는 생각으로 정리를 시작해야겠다는 생각이 들었다. 전 게시글에서 말했다싶이 일단 작년 9월에 그대로 따라서 작성한 React코드들을 사용했기 때문에 다시 그 코드들을 보면서 하나하나 정리를 해볼까 한다. ----

자그마치 작년 9월 리액트를 배워보겠다고 깔짝거리던 시절 노마드코더의 니콜라스쌤의 강의를 보고 그대로 만든 TodoList를 Nodejs를 이용하여 aws서버에 배포해 보았다. 엄청난 삽질의 연속이였고 엉망진창일 수도 있는 코드지만 하나하나 해보면서 작동이 되는걸 보니까 뭔가 뿌듯했다. https://github.com/drexqq/React-TodoList drexqq/React-TodoList 리액트 투두리스트. Contribute to drexqq/React-TodoList development by creating an account on GitHub. github.com 완성된 코드들은 깃헙 레포지토리에 올려두었다. 일단은 client측 디렉토리만 올라가 있고 나머지는 내 로컬에 있다. 추후에 ..