개발기록

보호되어 있는 글입니다.

❓ TCP/IP vs OSI 모델 OSI 모델: 표준 프로토콜을 사용하여 다양한 통신 시스템이 통신할 수 있도록 국제표준화기구에서 만든 개념 모델이다. OSI는 상이한 컴퓨터 시스템이 서로 통신할 수 있는 표준을 제공한다.TCP/IP 모델: 인터넷에서 컴퓨터들이 서로 정보를 주고 받는데 쓰이는 프로토콜의 집합. 인터넷 프로토콜 스위트 (Internet Protocol Suite)라고도 부른다. TCP/IP와 OSI의 차이점은 실무와 이론의 차이이다. OSI 7계층은 참조 모델(reference model)로 사실상 이론적인 개념. 현재의 TCP/IP 계층이 더 실무적인 구조에 가깝다. TCP/IP는 실용적인 프로토콜 모음이고 OSI는 프로토콜 독립적인 개념 모델이다. 즉, OSI는 여러 통신 방식에 대한..

◼︎ 빅데이터: 기존의 데이터 처리 응용에서는 다루기 어려운 크고 복잡한 데이터셋에 대하여 분석하고 정보를 찾아내는 분야 ◼︎ 데이터 분석(Data Analysis): 데이터의 패턴을 파악해 의미를 도출하고 미래를 예측하여 유리한 의사결정을 하기 위한 일련의 과정- 데이터(Data): 문자, 숫자, 소리, 영상 등의 형태로 된 의미 단위- 모델링(modeling): 관찰한 데이터에 있는 패턴이나 관계를 수학적인 표현으로 재해석하여 수식으로 표현하는 작업  ◼︎ 데이터 분석 프로세스분석 목표 설정  ->  데이터 수집  ->  데이터 가공  ->  데이터 분석(모델링)  ->  데이터 시각화  ◼︎ 데이터 유형형태에 따라 분류- 정형 데이터: 미리 정해진 형식에 따라 구조화되어 있는 데이터RDB(관계형데이..

▶︎ API(Application Programming Interface)응용프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어에서 제공하는 기능을 제어할 수 있게 해주는 인터페이스애플리케이션 간에 지정된 형식으로 요청과 응답을 할 수 있도록 연결하는 것다른 소프트웨어 시스템과 통신하기 위해 따라야 하는 규칙응용프로그램에서 소통하기 위한 접점 ▶︎ 인터페이스상호간에 소통을 위해 만들어진 접점.사람과 사람, 사람과 사물 또는 기기를 연결하는 것.사용자가 기기를 쉽게 동작시키는데 도움을 주는 시스템.예시) 키보드(사람-컴퓨터), 차키(사람-자동차), 배달 어플(사람-어플)  ▷ UI(User Interface)사용자가 소통하기 위한 접점.사람(사용자)과 사물 또는 시스템, 기계, 컴퓨터 프로그램 등 ..

추상 자료형 ADT(Abstract Data Type) - 기능의 구현 부분을 나타내지 않고 순수한 기능이 무엇인지 나열한 것 - 구현 방법을 명시하고 있지 않음. - 예로는 큐, 스택, 연결 리스트(트리) 가 있다. 큐(Queue) 선형(linear) 자료형. FIFO(First In First Out) : 먼저 집어넣은 데이터가 먼저 나온다. 데이터를 집어넣는 enqueue, 데이터를 추출하는 dequeue 등의 작업을 할 수 있다. 큐는 순서대로 처리해야 하는 작업을 임시로 저장해두는 버퍼(buffer)로서 많이 사용 class Queue { constructor() { this._arr = []; } enqueue(item) { this._arr.push(item); } dequeue() { re..

Math.abs() 정의 주어진 숫자의 절대값 반환 예제 function difference(a, b) { return Math.abs(a - b); } console.log(difference(3, 5)); // 출력: 2 console.log(difference(5, 3)); // 출력: 2 Math.ceil() 정의 전달된 숫자를 소수점 아래로 버리고, 다음으로 큰 정수로 올림한 값을 반환 주어진 숫자보다 크거나 같은 가장 작은 정수 반환 예제 console.log(Math.ceil(4.2)); // 출력: 5 console.log(Math.ceil(7.8)); // 출력: 8 console.log(Math.ceil(-3.1)); // 출력: -3 Math.floor() 정의 주어진 숫자의 소수점..

@mixin : 자주 쓰는 CSS 스타일을 재사용할 수 있게 함. //@mixin - 스타일 정의 @mixin 믹스인 이름 { //CSS 스타일 내용 } //@include - 믹스인 호출 @include 믹스인 이름 인자(argument) 추가 @mixin setColor($color) { //CSS 스타일 내용 } p{ @include setColor(blue) }

1. favicon 생성 https://realfavicongenerator.net/ Favicon Generator for perfect icons on all browsers The ultimate favicon generator. Design your icons platform per platform and make them look great everywhere. Including in Google results pages. realfavicongenerator.net 2. 아이콘 폰트 만들기 https://icomoon.io/app/#/select/font IcoMoon App - Icon Font, SVG, PDF & PNG Generator icomoon.io 3. web font https..