애딧

1. OSI 7 계층이란? OSI 7 계층은 국제 표준화 단체인 ISO에서 네트워크에서 통신이 일어나는 과정을 7단계로 나눈 것이다. 2. OSI 7 계층의 구조 OSI 7 계층은 물리 계층 Physical Layer (1), 데이터 링크 계층 Data Link Layer (2), 네트워크 계층 Network Layer (3), 전송 계층 Transport Layer (4), 세션 계층 Session Layer (5), 표현 계층 Presentation Layer (6), 응용 계층 Application Layer (7)로 구성 되어 있다. 일반 사용자가 응용 계층(7) → ... → 물리 계층(1) 으로 전송하면 데이터를 수신한 호스트는 물리 계층(1) → ... → 응용 계층(7) 으로 전송하여 데이..

[ 현행 시스템 분석 산출물의 종류 ] 📍암기 : 현기인아소하네 정보시스템 구성 현황 정보시스템 기능 구성도 인터페이스 현황 현행 시스템 아키텍처 구성도 소프트웨어 구성도 하드웨어 구성도 네트워크 구성도 출처 : 수제비 정보처리기사 실기 - 두음쌤 (https://www.youtube.com/watch?v=8QyS3w-wI1I)

[ 소프트웨어 아키텍처 4+1 뷰 ] 고객의 요구사항을 정리해 놓은 시나리오를 4개의 관점인 논리뷰, 구현뷰, 프로세스 뷰 , 배포뷰 로 나누어 바라보고 이 4개의 구조가 서로 충돌되지 않고 조화를 이루는지 증명하고 체크하는 방법으로 +1 뷰인 유스케이스 뷰를 사용하는 방법을 말합니다. 📍암기 : 유논프구배 유스케이스 뷰 Usecase View 사용자 유스케이스 또는 아키텍처를 도출하고 설계하며 다른 뷰를 검증하는데 사용되는 뷰 논리 뷰 Logical View 분석가/설계자 시스템의 기능적인 요구사항이 어떻게 제공되는지 설명해주는 뷰 프로세스 뷰 Process View 시스템 통합자 비기능적인 속성, 자원의 효율적 사용, 병행 실행, 비동기, 이벤트 처리 등을 표현한 뷰 구현 뷰 Implementatio..

(function () { statements })(); https://developer.mozilla.org/ko/docs/Glossary/IIFE

function Person() { } => 앞에 글자가 대문자이면 암묵적으로 생성자 함수를 뜻함 제일 기본적인 생성자 함수의 정의 MDN 생성자 함수 설명 문서 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Function Function - JavaScript | MDN Function 생성자는 새 Function 객체를 만듭니다. 이 생성자를 직접 호출하여 동적으로 함수를 생성할 수도 있으나, 보안 문제 및 eval과 유사한(그러나 훨씬 덜 심각한) 성능 문제가 발생할 수 있습니 developer.mozilla.org MDN Prototype 설명 문서 https://developer.mozilla.org/..

HTML과 CSS의 작성의 시간을 아주 빠르게 단축 시켜주는 강력한 지동완성 기능을 Emmet이라 합니다. VS Code는 Emmet을 기본적으로 지원하고 Tab키를 통해 사용합니다. 1. 단축키 xxx.html 파일 안에서 1) ! 입력 후 tab or ctrl+space 2) html 입력 후 ctrl+space 주의) html 입력 후 tab html태그 자동완성 단축기 입니다.

append()와 appendChild() 는 부모 노드에 자식 노드를 추가하는 메서드로 같은 기능을 하지만 몇 가지 차이점이 있습니다. 1. append() 노드 객체(Node object)나 DOMString(text)를 사용할 수 있습니다. 또한 한번에 여러 개의 자식 요소를 설정할 수 있습니다. Node object 사용 예시 const parent = document.createElement('div'); const child = document.createElement('p'); parent.append(child) // 결과 // 문자열(DOMString) 사용 예시 const parent = document.createElement('div'); parent.append('child') /..

정의 및 특징 태그의 target 속성은 폼 데이터(form data)를 서버로 제출한 후 받는 응답이 열릴 위치를 명시합니다. 문법 속성값 속성값 설명 _blank 서버로부터 받은 응답을 새로운 윈도우나 탭(tab)에서 보여줌. _self 기본값으로 생략 가능. 서버로부터 받은 응답을 링크가 위치한 현재 프레임에서 보여줌. _parent 서버로부터 받은 응답을 현재 프레임의 부모 프레임에서 보여줌. _top 서버로부터 받은 응답을 현재 윈도우 전체에서 보여줌. 프레임 이름 서버로부터 받은 응답을 명시된 프레임에서 보여줌. 더보기 http://tcpschool.com/html-tag-attrs/form-target