맨동이

@ViewChild의 정의 @ViewChild는 Angular의 코어 라이브러리에서 제공하는 데코레이터 중 하나로, 자식 컴포넌트나 DOM 요소에 직접 접근할 수 있는 기능을 제공합니다. 이 데코레이터를 활용함으로써, 우리는 컴포넌트의 뷰에 위치한 자식 요소들에 대한 직접적인 제어를 할 수 있게 되는데, 이는 웹 애플리케이션의 동적인 행동을 쉽게 구현하는 데 큰 도움이 됩니다. @ViewChild의 사용 방법 // @ViewChild(탐색 대상 클래스명) 프로퍼티명: 탐색 대상 클래스명; @ViewChild(Pane) set pane(v: Pane) { setTimeout(() => { this.selectedPane = v.id; }, 0); } @Component({ selector: 'test', ..

웹 표준 웹상에서 지켜야하는 표준 규칙. W3C에서 지정한 표준안을 지키는 사이트가 웹 표준을 잘 준수한 사이트입니다. 예: 문서 구조: 해당 페이지의 기본 정보를 포함하는 헤드와 본문을 포함하는 바디를 가진다. 표준 엘리먼트 사용: 모든 요소는 시작 태그와 종료태그가 함께 있어야 하며, 모든 요소와 속성은 소문자여야 한다. 인코딩 선언: 모든 HTML 문서는 기본 인코딩으로 'utf-8'을 사용한다. 웹 접근성 웹 접근성은 장애인과 비장애인 모두 웹사이트를 사용할 수 있도록 하는 방식을 가리킵니다. 모든 사용자가 정보와 기능에 차별없이 접근할 수 있어야 합니다. 한국형 웹 컨텐츠 접근성 지침으로 2.0버전이 있으며, 웹 접근성 표준은 원칙, 지침, 검사 항목 3단계로 구성되어 있습니다. 원칙은 웹 접근..

과거의 웹 사이트 전통적인 웹 사이트는 지금보다 문서 하나에 전달되는 파일의 용량이 적었습니다. 그래서 어떤 요소를 한번 클릭하면 완전히 새로운 페이지를 서버에서 전송해 주곤 했습니다. 그러나 현대에 이르러 점차 웹 사이트가 고도화됨에 따라 한 페이지에 해당하는 페이지 용량이 커져갔고, 매번 새로운 페이지를 전달하는 게 점점 버거워지게 되었습니다. SPA란 ? 이러한 문제를 해결하기 위해 등장한 것이 SPA(Single Page Application)입니다. 어떤 웹 사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 바꿔가며 표현하는 것이 SPA입니다. 뭔가를 클릭하거나 스크롤하면, 상호작용하기 위한 최소한의 요소만 변경이 일어나게 해줍니다. 페이지 변경이 일어난다고 보여지는 것 또한 최초 로..

HTTP란? HyperText Transfer Protocol의 약자로 하이퍼텍스트 문서를 교환하기 위하여 사용된 통신 규약입니다. 즉, 웹 서버와 클라이언트 간의 통신을 하기 위한 통신 규약입니다. HTTP는 1989년 팀 버너스-리에 의해 처음 설계되어 인터넷을 통한 월드 와이드 웹(World-Wide Web 일명 : www) 기반에서 전 세계적인 정보 공유를 이루는데 큰 역할을 했습니다. HTTP는 웹에서만 사용하는 프로토콜로 TCP/IP(Transmission Control Protocol / Internet Protocol)을 이용하며, 사용 포트 번호는 기본적으로 80입니다. 인터넷 기반 서비스에는 HTTP 외에도 Email, FTP, DNS, NEWS 등이 있습니다. HTTP의 특징 HTTP..

인터넷의 작동원리에 대해서 알아 보겠습니다. 인터넷은 웹의 핵심적인 기술입니다. 인터넷의 가장 기본적인 것은, 컴퓨터들이 서로 통신 가능한 거대한 네트워크라는 것입니다. 다수의 컴퓨터가 데이터를 주고 받기 위해서는 서로 간의 연결이 필요하고 그 연결들이 거대한 네트워크를 형성하는 것이 인터넷 입니다. 하지만 컴퓨터의 수가 많고 1:1 로 연결되어 있다고 하게 되면 밑의 그림과 같이 복잡해지겠죠 이러한 문제를 해결하기 위해 라우터가 등장합니다. 라우터는 네트워크 의 각 컴퓨터가 라우터 라고하는 작은 컴퓨터에 연결하여 아래의 사진처럼 구조를 이루게 됩니다. 라우터가 하는 작업은 데이터를 원하는 목적지 컴퓨터한테 데이터를 잘 전달해주게 하는 역할입니다. 메세지를 보내는 컴퓨터(A)가 메세지를 받으려는 컴퓨터(..