본문 바로가기

전체 글

(353)
프로세스를 간단하게 종료하고 싶을 때 (In Window) Windows에서 18100, 18200 포트를 사용 중인 프로세스를 종료하는 방법은 다음과 같습니다. PID 확인하기먼저, 각 포트를 사용 중인 프로세스의 PID를 확인하려면 명령 프롬프트(CMD)를 관리자 권한으로 실행한 후 아래 명령어를 입력하세요:여기서 마지막 열에 표시된 숫자가 해당 포트의 프로세스 ID(PID)입니다.netstat -aon | findstr :18100 netstat -aon | findstr :18200 근데 윈도우에서는 bashShell 에서 삭제 명령을 하면 알지 못하는 명령자라는 오류가 나오는 경우가 있음 그래서 아래의 powrshell을 이용하는 방법을 정리하고자 함   PowrShell를 이용하여 포트 프로세스 확인하고 삭제하는 방법 관리자 권한으로 PowerShel..
[Vue.js] 재귀를 이용한 댓글 구현 전체 코드 개요CommentItem.vue단일 댓글(또는 대댓글)을 렌더링합니다.자신의 자식 댓글이 있을 경우 재귀적으로 자기 자신을 호출하여 트리 구조를 만듭니다.활성화된 답글 또는 수정 대상에 따라 인라인 폼 슬롯(답글 폼, 수정 폼)을 표시합니다.버튼 클릭 시 reply, edit, delete 이벤트를 상위 컴포넌트로 전달합니다.CommentSection.vue전체 댓글 목록을 관리하며, 댓글 작성, 대댓글 작성, 삭제, 수정 기능을 처리합니다.상태 변수(comments, replyTarget, editTarget, form, editForm)를 관리하고, API 호출 함수를 통해 서버와 데이터를 동기화합니다.대댓글 추가 시, addReplyToList() 함수를 호출하여 댓글 트리 내에서 올바른..
[ReactNative] 실습 중 포트 중복 발생 오류 해결 방법 - in Window 이 오류 메시지는 이미 8081 포트가 다른 프로세스에 의해 사용 중이라는 뜻입.React Native의 Metro 번들러가 기본적으로 8081 포트에서 동작하는데, 해당 포트가 점유되어 있어서 EADDRINUSE 에러가 발생한 것입니다.아래 방법 중 하나로 문제를 해결할 수 있습니다.1. 이미 실행 중인 번들러/프로세스 종료가장 흔한 경우는 이전에 띄워둔 번들러(Metro)가 아직 꺼지지 않은 상태로 백그라운드에서 8081 포트를 점유하는 상황입니다.기존 터미널(Metro 번들러가 동작 중이던 터미널)을 확인해서 Ctrl + C 로 종료혹은 Windows 작업 관리자 / macOS Activity Monitor 등에서 Node.js 프로세스가 떠 있다면 강제 종료다시 yarn start 실행이렇게 하면..
[쿠버네티스] 치트 메모장 Welcome to the KodeKloud Hands-On lab __ ______ ____ ________ __ __ ____ __ ______ / //_/ __ \/ __ \/ ____/ //_// / / __ \/ / / / __ \ / ,Annotations: deployment.kubernetes.io/revision: 1Selector: name=busybox-podReplicas: 4 desired | 4 updated | 4 total | 0 available | 4 unavai..
[쿠버네티스] CKA - Mock Exam2 정리 Kubernetes Task Summary and SolutionsQ1: Backup the etcd ClusterTaskBackup the etcd cluster and save it to /opt/etcd-backup.db.Solutioncat /etc/kubernetes/manifests/etcd.yamlexport ETCDCTL_API=3 etcdctl snapshot save --endpoints https://[127.0.0.1]:2379 \ --cacert /etc/kubernetes/pki/etcd/ca.crt \ --cert /etc/kubernetes/pki/etcd/server.crt \ --key /etc/kubernetes/pki/etcd/server.key \ /opt/etcd-..
[쿠버네티스] CKA - Mock Exam 정리 Exam Tasks and SolutionsQ. 1Task:Deploy a pod named nginx-pod using the nginx:alpine image.Solution:kubectl run nginx-pod --image=nginx:alpineQ. 2Task:Deploy a pod named messaging using the redis:alpine image with a label tier=msg.Solution:kubectl run messaging --image=redis:alpine -l tier=msgQ. 3Task:Create a namespace named apx-x9984574.Solution:kubectl create namespace apx-x9984574 Q. 4Task:G..
[Nx] Nx란? 🧩 Nx란 무엇이고 왜 사용하는가? (Why Nx?)✅ Nx가 등장한 이유Nx는 개발자들이 프로젝트를 설정하고 유지 관리하는 과정에서 도구와 프레임워크를 통합하는 데 어려움을 겪는 문제를 해결하기 위해 만들어졌습니다.로컬 개발 환경과 조직 전체로 확장 가능한 시스템을 구축하는 것은 쉽지 않음.빌드 툴 설정, 빠른 CI 구성, 코드베이스 유지 관리와 같은 작업이 점점 복잡해짐.Nx는 이를 쉽게 적용하고 확장 가능하게 만들기 위해 등장.🛠 Nx의 주요 기능기능설명속도 향상빌드, 테스트 등 작업 속도를 로컬과 CI에서 모두 개선자동화된 도구 통합다양한 도구와 프레임워크를 쉽게 통합함코드 일관성 및 품질 보장커스텀 제너레이터와 린트 규칙으로 코드 품질 유지자동 코드 마이그레이션사용 중인 프레임워크와 도구를 ..
[ReactNative] $ npx react-native run-android⚠️ react-native depends on @react-native-community/cli for cli commands. To fix update your package.json to include: "devDependencies": { "@react-native-community/cli": "latest", } 에러 해결ReactNative] $ npx r 해당 오류는 Yarn 4 (Berry) + PnP(Plug’n’Play) 환경에서 React Native CLI 패키지를 제대로 인식하지 못하는 전형적인 상황입니다.즉, react-native가 “@react-native-community/cli가 필요하다”라고 계속 말하지만, 실제로는 이미 설치가 되어 있음에도 PnP 링크 방식 때문에 제대로 연결되지 않는 경우가 대부분입니다.아래 순서대로 해결 방법을 시도해 보세요.1. .yarnrc.yml에서 nodeLinker: node-modules로 변경 (가장 확실한 방법)Yarn v2 이상(일명 Berry)부터는 기본적으로 **PnP(Plug’n’Play)**를 사용하게 설정될 수 있는데,React Native는 아직 PnP와 완벽하게 호환되지 않습니다.그..

728x90