본문 바로가기

전체 글

정처산기 네트워크 관련장비 ~ 12.네트워크 관련 장비 다시 보는 OSI 7계층 응용 - 단위 : 메세지  -  네트워크 관련장비 : 게이트웨이표현 - 단위 : 메세지  -  네트워크 관련장비 : 게이트웨이세션 - 단위 : 메세지  -  네트워크 관련장비 : 게이트웨이전송 - 단위 : 세그먼트  -  네트워크 관련장비 : 게이트웨이네트워크 - 단위 : 패킷  -  네트워크 관련장비 : 라우터데이터링크 - 단위 : 프레임  -  네트워크 관련장비 : 브리지, 스위치물리 - 단위 : 비트  -  네트워크 관련장비 : 허브, 리피터    허브(Hub) : 한 사무실이나 가까운 거리의 컴퓨터들을 연결하는 장치로, 각각의 회선을 통합하여 관리한다. 리피터(Repeater) : 거리가 증가할수록 감쇠하는 디지털 신호의 장거리 전송을 위해 수신한.. 더보기
정보처리산업기사 (데이터베이스 개요 ~ OSI 참조 모델) 정보처리 산업기사 실기 문제집 공부.  05. 데이터베이스 개요 데이터 저장소 : 데이터들을 논리적인 구조로 조직화하거나, 물리적인 공간에 구축한 것을 의미한다.    논리 데이터저장소는 데이터 및 데이터 간의 연관성, 제약조건을 식별하여 논리적인 구조로 조직화한 것이다.   물리  데이터저장소는 논리 데이터저장소를 소프트웨어가 운용될 환경의 물리적 특성을 고려하여 실제 저장장치에 저장  한 것을 의미한다. 데이터베이스 : 데이터베이스는 여러 사람에 의해공동으로 사용될 데이터를 중복을 배제하여 통합하고, 쉽게 접근하여 처리할 수 있도록저장장치에 저장하여 항상 사용할 수 있도록 운영하는 운영 데이터이다. 데이터베이스를 구분하여 정의하면 통합된 데이터(Integrated Data) : 자료의 중복을 배제한 .. 더보기
포트폴리오 제작 포트폴리오는 메인 페이지, About me, Skill, Project, 푸터로 구성되어 있습니다. 개인정보는 검열하였습니다. 메인페이지 메인 페이지 구성 입니다.버튼메인 멘트About me자격증교육과정메인에서 GitHub 또는 Vlog에 마우스가 hover되면 체크표시가 생깁니다. /*자기소개 버튼들*/.buttons {  position: absolute;  top: 3em;  display: flex;  gap: 30px;  z-index: 1000;}/* 버튼 스타일 */.buttons button {  padding: 10px;  font-size: 1em;  color: #000;  border: none;  cursor: pointer;  transition: background-color .. 더보기
포트폴리오 기획 & 제작 일지 개발자를 시작하려는 저를 소개하기 위해, 포트폴리오를 제작하게 되었습니다.  다른 사람의 포트폴리오를 밴치마킹해서 참고를 했지만, 다들 화려한 라이브러리와 멋있는 디자인을 사용해서저는 포트폴리오를 심플하면서 깔끔한 1차 포트폴리오를 만들어 보겠습니다.  사용한 라이브러리  fullPage.js fullPage를 사용해서 스크롤 한번 할 때마다 한 영역씩 이동하려고 했으나, 스크롤 마다 이벤트를 주는게 더 나아 보여서 캔슬했습니다.   AOS fullPage를 사용하는 것 보다 AOS를 사용하여 페이지 요소 마다 애니메이션을 주는게 더 시각적으로 재밌어 보여서 AOS를 사용하였습니다.       색상 팔레트  색상은 많이 사용하지 않을 것이다. 애초에 포트폴리오를 심플하면서 깔끔한 포트폴리오를 만들 예정이.. 더보기
TypeScript로 HTML 조작하기 TypeScript로 Html 조작 가능하다. document.getElementById()를 TS에서 어떻게 쓰는지 알아보자  1. html을 준비   2. Null을 더욱 세세하게 잡아주는 strict 추가  이제 TS를 이용해서 HTML 조작을 해보겠습니다. .TS 조작하기   안의 글자를 TS로 바꿔보자 let 제목 = document.querySelector("#title"); //Selector로 title찾기 ts는 애매한 변수보다 확정적인 타입을 좋아한다. 제목은 null일 수 있습니다.  HTML 조작시 narrowing하는 방법 5가지!   narrowing이란?)  TypeScript에서 값의 타입을 좁혀가는 과정을 말합니다. 이는 Union 타입이나 any와 같은 포괄적인 타입에서 .. 더보기
타입스크립트(TypeScript) 핵심 9가지 문법 공부하기 😀 타입스크립트 = 자바스크립트 대용품같은 언어이다. 완전 다른건 아니고 JS문법을 응용하는 느낌이다. (타입부분을 업그레이드한 JS 업그레이드 버전이다)  기존 JS의 자유도 높은 코드는 프로젝트의 안좋은 부분을 끼칠 수 있음     타입스크립트는 에러 표시도 JS보다 확실하게 집어줌.   1. node.js 다운2. npm install -g typescript 로 타입스크립트 다운로드 .ts 로 끝나는 파일은 타입 스크립트로 인식함.  코드 작성 후 시작! 하지만 .ts파일은 브라우저가 읽을 수 없으므로 .js로 변환해야 사용가능하다  터미널에 tsc -w를 입력하면 바로 변환 가능하지만  오류가 발생한다.  보니까 PowerShell을 관리자로 실행한 후 스트립트를 허용하게 바꿔줘야될거 같음 1. 파.. 더보기
컴퓨터 정보 보안 - 1주차 공부 1960 ~ 1970년대 - 마이크로소프트 설립 : 1974년 MITS라는 회사가 세계 최초로 조립식 개인용 컴퓨터 엘테어 8800를 만들어 판매 애플 컴퓨터의 탄생 - 1979년 애플 컴퓨터가 스티브 워즈니악과 스티브 잡스의 손에 탄생 정보 권리 논쟁의 시작(1980 ~ 1990년대) -1981년 독일의 전설적인 해커 그룹인 카오스 컴퓨터 클럽(CCC)이 결성 -카오스 컴퓨터 클럽은 자유로운 접근 권리를 공식적으로 주장 ★★★정보 권리 논쟁의 웹사이트 유형은? - ccc사이트   ★ ★  해커선언문 ★ ★ 1980 ~ 1990년대 해킹 문화의 등장 1983년에 개봉된 영화 은 해커를 소재로 한 최초의 영화 1980년대에 해킹이 발전하면서 역사적으로 유명한 해커들이 본격적으로 등장 ★ 해커선언문 : 로이.. 더보기
컴퓨터비전(computer vision) - 6주차 perspectiveTransform -> dst입력 벡터들에 대해서 투영(perspective, 원근) 변환 m을 수행함. gemm -> dst일반화된 행렬 곱셈을 수행함(행렬의 내적을 구함 -> 물체 회전과 같은 변환에 사용)  np.dot()함수로도 행렬의 내적 계산 가능함. 열(row) 세로 , 행 (coulmn) 가로   m x n , n x k / m x k 결과 (곱셈 앞의 열과 뒤의 행이 같아야 함)3 x 2 * 2 x 3 = 3 x 3가운데 2는 사라짐.  T는 열을 행으로 바꾸는? 거여서 I행처럼됨. 그리고 m x n 과 n x k를 실행해서1 x 1 +1x4 = 5 ... 이렇게 되는거임  반지름과 호의 길이가 같은 각도 = 1라디안각도(theta) = 원호 / 반지름1도 = 파이/1.. 더보기