웹 개발/일반
-
[Node.js] 서버 CI/DI 솔루션 [GitHub Actions][AWS EC2]웹 개발/일반 2025. 1. 21. 03:25
오늘은 Github Action을 이용하여 서버 CI/CD 파이프라인을 작성하는 법에 대해 작성해보려 한다. 들어가기 전 참고한 영상 첨부합니당 CI/CD 란?CI/CD는 소프트웨어 개발 프로세스에서 중요한 역할을 하는 두 가지 개념이며, 소프트웨어 개발의 효율성과 품질을 향상시키기 위해 자동화된 빌드, 테스트, 배포 프로세스를 구현하는 방법론이다.CI (Continuous Integration)는 새로운 코드 변경 사항이 발생할 때마다 자동으로 애플리케이션을 빌드하고 테스트하는 과정이다. 이 과정을 통해 개발자는 수동으로 빌드와 테스트를 수행할 필요 없이, 코드 변경 사항이 코드베이스에 통합될 때 자동적으로 품질 검사를 받을 수 있다. CI를 성공적으로 구현하면, 팀의 협업이 원활해지고, 코드 오류를 ..
-
[Github Actions] self-hosted runner 사용 중 CICD 오류 및 EC2 ssh 접속 안 됨 해결 (원인: EC2 인스턴스 CPU사용량 100%) [AWS EC2]웹 개발/일반 2024. 11. 21. 21:52
이번에 회사에서 웹 수정하면서 서버가 다운되는 일이 발생하여 어째저째 해결했는데,나중에 같은 일을 겪을 분들을 위해 정리해보기로 했다. 문제는 이제 클라이언트 쪽에서 새로 추가될 api를 사용하기 위해 서버 코드를 github에 업로드하면서 발생했다.지금 서버랑 클라이언트 모두 github actions을 이용해 CICD를 수행하고 있는데, 서버 쪽 CICD 과정이 덜컥 실패한 것이다.The self-hosted runner: {{name-of-runner}} lost communication with the server.Verify the machine is running and has a healthy network connection.Anything in your workflow that termi..
-
[웹 개발] 시작 전 간단한 리서치웹 개발/일반 2024. 2. 21. 02:26
(리서치한 내용 + 이미 알고 있던 내용) -> 제가 이해한대로 작성해서 틀린 부분이 있을 수도 있다는 점 유의해주세요..!최근에는 웹 개발을 위한 다양한 프레임워크이 많아 복잡해보이지만, 결국 웹은 크게 3가지 부분으로 나눠진다.HTML웹 페이지의 뼈대(구조)를 구성JavaScript페이지의 동작을 담당CSS페이지를 더 보기 좋도록 스타일을 추가 오랜만에 웹 개발 다시 시작해서 너무 설렌다! 가보자고~~Basic라이브러리 설치npmjs 라이브러리 관리를 도와주는 패키지 매니저로, 라이브러리의 설치나 수정, 삭제와 같은 관리가 쉬워진다.node.js 설치 시 함께 설치된다.// 패키지 설치npm install 모시깽// 패키지 수정npm update 모시깽// 패키지 삭제npm uninstall 모시깽 ..
-
[티스토리] 자동 목차 생성 방법 (기존 문제 해결)웹 개발/일반 2024. 2. 18. 02:19
웹 개발의 가장 처음이 티스토리 관련이라니 살짝 아쉽긴 하지만, 개발 블로그로 거듭나기 위해서는 꼭 필요한 작업이었으므로.. 또 기존 방법이 가지고 있던 문제도 해결했으므로... 만족... 아래는 그 문제들로, 이것에 대한 해결 방법을 찾고 있는 분들은 바로 문제 해결 방법 쪽으로 넘어가셔도 좋습니다! '카테고리 글 더 보기' 플러그인 관련 문제 스크롤 전에 목차가 안 보이는 문제 왼쪽 표시바의 중앙이 안 맞는 문제(?) 첫 번째 콘텐츠 시작 전에 해당 목차에 있다고 표시되는 문제(?) 일단 내가 사용하는 Letter 스킨 기준이라 다른 스킨에서는 다르게 작동할 수 있는데, 그래도 위에서 언급한 네 가지 문제를 해결하는 데 조금이라도 도움이 될까 싶어 작성해봅니당 자동 목차 생성 사실 조금만 검색해보면 ..