전체보기101 자바스크립트의 this 자바스크립트는 this의 위치에 따라 다른 곳을 가르킨다. 전역 this = window (브라우저의 최상위 객체) 일반 함수 this = window(strict모드면 undefine) : 단독으로 호출됐을 때 객체의 메서드 this = 객체 자기 자신 일반 콜백함수 this = window 화살표 콜백함수 this = 콜백이 정의된 위치의 this(바깥 this를 그대로 상속 받는다) 2025. 4. 13. 얼리 리턴 패턴 활용하기 Beforefunction handleUserAction(user) { if (user) { if (user.isLoggedIn) { if (user.role === 'admin') { console.log('관리자 로그인됨'); navigateToAdminPage(); } else { console.log('권한이 없습니다.'); } } else { console.log('로그인이 필요합니다.'); } } else { console.log('유저 정보가 없습니다.'); }} afterfunction handleUserAction(user) { if (!user) { console.log('유저 정보가 없습니다.'); return; } if (!user.isLo.. 2025. 4. 6. 코드읽기 컴포넌트란 애플리케이션 내에서 재사용이 가능한 요소들을 의미한다 vue 프로젝트의 components 디렉토리에 생성한다 vue 파일을 작성할 때 {{ message }}---------------------------------------------------------// setup 속성을 사용한 코드 {{ message }} 이렇게 만든 컴포넌트는 다른 컴포넌트에서 사용될 수 있다. 스크립트 블록에 임포트 하고템플릿 블록에 태그형태로 입력하면 사용할 수 있다. 이 처럼 사용하는 주체 컴포넌트를 부모 사용되는 객체를 자식 컴포넌트라고 한다 자식 컴포넌트안에 또 다른 컴포넌트를 사용할 수 있다. 자손 컴포넌트라고 한다 여기서 부모는 가장 상위에 위치하고 있는 최상위 컴포넌트라고한.. 2025. 3. 11. JS 코드따라읽기 async function read() { const response = await fetch("http://abc.com/posts"); if (response.status === 200) { document.getElementById("post").innerText = await respose.text(); } else { window.alert("오류발생"); }} 알고넘어갈것 async function : 비동기 함수를 선언비동기 함수는 Promise 객체를 반환하며 내부에서 await를 사용할 수 있다.위 코드에서는 await를 사용하기 위해 비동기 함수를 선언함 await : 비동기 작업을 응답이 올때까지 기다릴 수 있게함fetch는 비동기로 http 요.. 2025. 3. 2. [Data Structure] Priority Queue(우선순위 큐) 우선순위 큐큐의 변형된 자료구조로 각 요소에 우선순위가 부여되고 우선순위에 따라서 요소를 삽입하거나 삭제한다일반적인 큐의 선입선출(FIFO) 규칙을 따르지 않고 우선순위가 높은 요소가 먼저 처리된다. 최소 우선순위 큐 : 가장 낮은 우선순위의 요소가 먼저 처리최대 우선순위 큐 : 가장 높은 우선순위의 요소가 먼저 처리연산삽입 : 새로운 요소를 우선순위를 고려하여 큐에 추가삭제 : 우선순위가 가장 높은 요소를 큐에서 제거삽입 또는 삭제 후에도 항상 우선순위에 따라 정렬된 상태를 유지한다 일반 큐와 차이점선입선출 규칙을 따르지 않고 우선순위를 고려함일반 큐는 정렬되지 않지만 우선순위 큐는 정렬된 상태를 유지함구현 방법 배열 또는 리스트를 사용한 구현삽입 시 순차적으로 추가삭제 시 우선순위를 검색하여 제거삽입.. 2025. 1. 20. [Data Structure] Heap(힙) 힙힙은 항상 완전 이진 트리의 형태를 유지한다모든 레벨이 완전히 채워져 있어야 하며, 마지막 레벨은 왼쪽에서 오른쪽으로 순차적으로 채워진다힙 속성최대 힙(Max Heap)부모 노드의 값이 자식 노드의 값보다 항상 크거나 같다루트 노드에 트리의 최대 값이 저장된다최소 힙(Min Heap)부모 노드의 값이 자식 노드의 값보다 항상 작거나 같다루트 노드에 트리의 최소 값이 저장된다힙은 동일한 값을 가지는 노드를 허용한다삽입, 삭제 연산에 평균 및 최악의 경우 모두 O(log n)의 시간 복잡도를 가진다 주요 연산삽입새로운 값은 트리의 마지막 자리에 추가된다 이후 부모 노드와 비교하여 속성이 만족될 때까지 상향 조정(Bubble Up)을 한다최대 값 또는 최소 값 조회루트 노드를 조회하여 최대 값 또는 최소 값.. 2025. 1. 20. [Data Structure] Binary Search Tree(이진 탐색 트리) 이진 탐색 트리(BST)이진 탐색 트리란 정렬된 이진 트리로 다음과 같은 속성을 가지고 있다. 왼쪽 자식 노드에 있는 값은 부모 노드의 값 보다 작아야 한다오른쪽 자식 노드에 있는 값은 부모 노드의 값 보다 커야 한다** 일반적으로 BST는 중복 값을 허용하지 않는다 데이터를 삽입, 삭제, 검색할 때 평균적으로 O(log n)의 시간 복잡도를 가진다한쪽으로 치우친 편향 트리인 경우 O(n)의 시간 복잡도를 가질 수 있다 주요 연산탐색(Search)트리의 루트 부터 시작하여 특정 값을 찾는다특정 값이 현재 노드보다 작으면 왼쪽 크면 오른쪽원하는 값을 찾거나 탐색할 노드가 없으면 종료한다삽입(Insertion)루트부터 시작하여 새로운 값을 삽입한다현재 노드보다 작으면 왼쪽, 크면 오른쪽빈 자리를 발견하면 그.. 2025. 1. 20. [Data Structure] Graph(그래프) Graph(그래프)정점(vertex)와 간선(edge)으로 구성된 자료 구조로 객체 간의 관계를 표현하는데 사용된다. 구성요소정점 : 객체(데이터)를 저장하는 노드간선 : 객체 간의 관계, 두 정점 간의 연결선 사용 예시 : 소셜 네트워크, 지도, 컴퓨터 네트워크 그래프의 종류방향 그래프간선에 방향이 있어 A > B는 가능하지만 B > A는 별도로 정의해야 한다ex : 웹 페이지 링크, 종속성 관계종속성 관계란 의존성을 의미한다 하나의 노드가 다른 하나의 노드에 의존하거나 영향을 받는 관계를 나타낼 때 사용한다. ex : 작업 A를 완료해야 B를 시작, 모듈 A가 모듈 B를 참조할 때(B가 없으면 A가 동작하지 않음), 어떤 과목을 학습할 때 다른 과목의 선행학습(기초 수학 > 미적분 > 공학 수학)무방.. 2025. 1. 19. 쿠버네티스(Kubernetes) 쿠버네티스는 컨테이너화된 애플리케이션의 배포, 확장 및 관리를 자동화하는 오픈 소스 플랫폼이다.Google에서 개발하고 CNCF에 기부된 프로젝트로 현대적인 클라우드 네이티브 애플리케이션을 운영하기 위한 표준으로 자리 잡았다 쿠버네티스의 목적컨테이너 기반 애플리케이션을 자동으로 배포하고 관리클러스터에 새 버전의 애플리케이션을 쉽게 배포, 버전 롤백 자동화애플리케이션의 확장성 제공트래픽 증가 시 컨테이너 수를 자동으로 늘리거나 감소컨테이너의 상태를 지속적으로 모니터링하여 실패를 복구장애가 발생한 컨테이너를 감지하고 자동으로 재시작, 교체애플리케이션 및 인프라 상태 모니터링, 로깅, 이벤트 추적등 시스템 관찰 쿠버네티스의 아키텍처Control Plane(컨트롤 플레인)클러스터 전역 관리를 담당 애플리케이션을.. 2024. 12. 23. 이전 1 2 3 4 ··· 12 다음
