본문 바로가기

분류 전체보기

 (352)
[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와 완벽하게 호환되지 않습니다.그..
[Git] 깃 저장소에서 여러 디렉토리 관리하려고 하고 하는데 어떤 디렉토리에 -> 표시가 생기고 해당 디렉토리가 들어가지 않는 문제 🚨 문제 요약GitHub 리포지토리에서 폴더 옆에 화살표(→) 아이콘이 표시됨→ 이건 **해당 폴더가 서브모듈(submodule)**로 잘못 추가되어 있기 때문에 발생한 문제입니다.git rm --cached 명령어로 서브모듈을 삭제하고 나서 푸시(push)하려 했을 때 에러 발생→ error: failed to push some refs 에러가 발생한 이유는 원격 리포지토리와 로컬 리포지토리의 기록이 일치하지 않기 때문입니다.🔎 왜 화살표(→) 표시가 발생했나요?화살표(→) 아이콘은 **Git 서브모듈(submodule)**을 나타냅니다.💡 서브모듈이란?서브모듈은 Git 리포지토리 안에 또 다른 Git 리포지토리를 포함할 때 사용됩니다.서브모듈은 **바로가기(링크)**처럼 동작합니다. 실제 폴더가..
728x90

티스토리툴바