본문 바로가기
반응형

분류 전체보기68

[HTML/CSS] transform-origin & rotate를 사용하자 : 변신하는 아이콘 만들기 feat. position 오늘은 간단하게 반응하는 화살표 아이콘을 만들어 보자. 오늘 만들 아이콘은 transform-origin 속성과 transform 속성의 rotate 값을 이용하여 회전하는 아이콘을 만들어 볼 것이다. 해당 아이콘이 사용된 모습이 보고 싶다면, 하단의 링크를 참고해 보기 바란다. 우선 완성된 이미지를 살펴보자 위의 이미지에 보이듯이 평상시에는 '≡' 모양을 유지하다가 hover 기능에 의해 마우스를 인식하게 되면 아이콘의 각 막대가 회전하며 '↓' 모양으로 변화하는 것을 볼 수 있다. 아래의 링크에서는 측면에서 나타나는 사이드바 메뉴의 모션 맞추어 반응하는 아이콘이 사용되었다. [HTML/CSS] 사이드바 메뉴 만들기 : 나타나는 2차 메뉴 만들기 feat. transform: translate [HTM.. 2023. 5. 18.
[정보처리기능사/실기] 운영체제의 목적과 발달, CLI 명령어와 윈도우 단축키 요점 정리 운영체제란? 운영체제는 사용자로부터 컴퓨터의 하드웨어를 보다 쉽게 사용할 수 있도록 인터페이스를 제공해 주는 소프트웨어이다. 하드웨어는 컴퓨터의 장치를 제어하고 데이터를 중앙처리장치, 데이터를 저장하는 기억장치, 외부와의 통신을 담당하는 통신장치, 마지막으로 데이터 입출력과 출력을 담당하는 입출력장치 등으로 구분된다. 이러한 운영체제는 사용자 편의성을 위한 인터페이스인 동시에 다양한 자원을 관리하는 자원의 관리자 역할을 한다. 운영체제의 목적 처리 능력 : 일정한 단위 시간 내에 처리를 할 수 있는 일의 양을 평가 반환 시간 : 하나의 작업을 시작한 시간에서부터 결과를 얻을 때까지 걸린 시간을 평가 사용 가능도 : 시스템을 이용하려 할 때 얼마나 빨리 사용할 수 있는지를 평가 신뢰도 : 시스템이 주어진 .. 2023. 5. 17.
[HTML/CSS] 사이드바 메뉴 만들기 : 나타나는 2차 메뉴 만들기 feat. transform: translate 오늘은 사이드바 메뉴를 만들어 보자. 사이드 메뉴는 이름에 나와 있듯이 사이트의 상단에 위치한 일반적인 메뉴 바와 달리 사이트의 측면에 있는 메뉴 바를 일컫는다. 우리는 이런 사이드바 중에서도 스크롤을 따라오는 메뉴 바를 만들어 사이트의 스크롤이 내려가더라도 항상 화면의 측면에 존재하며, 숨겨진 사이드바가 마우스 포인터를 인식하게 되면 나타나게 되는 사이드바 메뉴를 만들어 보고자 한다. 우선 아래의 완성된 이미지를 보자. 우선 완성된 이미지를 보자 위의 이미지를 보면, 평소에는 왼쪽 벽 속에 숨겨져 보이지 않는 메뉴 바가 마우스 커서를 인식하는 순간 나타나는 구조를 가지고 있는 사이드바의 모습을 보여주며, 2차 메뉴인 드롭다운의 기능 또한 갖고 있다. 시작에 앞서 2차 메뉴의 드롭다운 메뉴를 구현해 보고.. 2023. 5. 16.
[정보처리기능사/실기] 데이터베이스 DBMS, DBA 종류 및 분류 이론 정리 데이터베이스란? 데이터베이스는 다수의 인원이나 시스템 또는 프로그램 등이 사용할 목적으로 통합하여 관리되는 데이터의 집합이다. IT 시스템의 발달로 인해 급증하는 데이터를 효율적으로 관리하는 것이 중요해졌으며, 자료의 중복성을 제거하고, 무결성을 확보해야 하며, 일관성을 유지하거나 유용성을 보장하는 것이 데이터베이스 관리의 핵심이다. 데이터베이스의 특징 실시간 접근성 계속된 변화 동시 공유 내용에 의한 참조 추가로, 데이터베이스의 설계 순서는 요구조건 분석, 개념적 설계, 논리적 설계, 물리적 설계, 구현 순으로 진행이 된다. 데이터베이스 관리 시스템(DBMS) 데이터를 관리하는 것에 있어 복잡성을 해결하는 동시에 데이터를 추가, 변경, 검색, 삭제, 백업, 복구, 보안 등의 다양한 기능을 지원하는 소프.. 2023. 5. 15.
반응형