본문 바로가기

전체 글

정처산기 문제 기준 학습하기 : HW 관련 기술 HW 관련 기술 한 번의 기록만으로 자료를 영구 보관할 수 있는 광 저장장치.디스크 표면의 무기물층에 레이저를 이용해 자료를 조각해서 기록한다. = 디스크 표면 얘기 나왔으니 디스크의 종류이다. 정답 : 엠 디스크(M-DISC)    PC, TV, 휴대폰 등 여러 개의 서로 다른 단말기에서 동일한 콘텐츠를 자유롭게 이용할 수 있는 서비스 이다. 정답 : 앤 스크린(N - Screen)   하드 디스크나 주변장치 없이 기본적인 메모리만 갖추고 서버와 네트워크로 운용되므로 정보가 유출될 우려가 없는 개인용 컴퓨터는? 정답 : 신 클라이언트 PC    앤스크린의 한 종류로, TV 방송 시청시 방송 내용을 공유하며 추가적인 기능을 수행할 수 있는 스마트폰, 테블릿PC 등을 의미하며, 세컨드 스크린이라도도 불린다.. 더보기
정처산기 서버개발 ~ SW 관련 신기술 018. 서버개발 서버 개발은 웹 애플리케이션의 로직을 구현할 서버 프로그램을 제작하여 웹 애플리케이션 서버(WAS)에 탑재하는 것을 의미한다. 서버 개발 프레임워크 : 다양한 네트워크 설정, 요청 및 응답 처리, 아키텍처 모델 구현 등을 손쉽게 처리할 수 있도록 크랠스나 인터페시읏를 제공하는 소프트웨어를 의미한다.  대부분 : 모델-뷰-컨트롤러(MVC) 패턴을 기반으로 개발되었다. 서버 개발 프레임 워크의 종류Spring - Java를 기반으로 만든 프레임워크 , 전자정부 표준 프레임워크의 기반 기술로 사용되고 있음Node.js - JS를 기반으로 만든 프레임 워크 , 비동기 입.출력 처리와 이벤트 위주의 높은 처리 성능을 갖고있어 실시간으로 입. 출력이 빈번한 애플리케이션에 적합함.Django - 파.. 더보기
정처산기 네트워크 관련장비 ~ 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. 파.. 더보기

티스토리툴바