분류 전체보기

리눅스 리누스 토발즈가 만든 오픈소스유닉스 호환 운영체제 리눅스 특징이식성 (C언어로 작성)자유 소프트웨어 (오픈 소스코드)멀티 유저(네트워크로 여러 사용자가능)멀티프로그래밍(다수의 프로그램 실행가능)계층적 파일시스템(표준화된 디렉터리 구조를 정의)셸(명령어 기반 프로그램 제공)보안(유닉스의 보안모델을 이어받음 DAC)  리눅스 기술적 특징모놀리딕 커널(하나의 커널로 파일시스템,입출력,등등 다양한 서비스 제공)장치의 파일화(시스템 자원을 파일로 다룸)다양한 파일시스템 지원(저널링 파일시스템 등 지원)가상메모리(물리적인 메모리 크기 극복)스왑(물리메모리확보)동적라이브러리,정적라이브러리파이프(프로세스간 통신방식)리다이렉션(프로세스 입출력을 파일,화면,장치에 입출력)가상 콘솔(여러개의 콘솔 실행)  리눅스 장..

1.웹폰트 사용1-1.CDNCDN 링크를 사용하여 웹폰트를 사용hello worldhello world" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스   1-2.서버 폰트로딩폰트 파일을 직접 서버에 업로드후 사용하는 방식

트랜스폼트랜지션, 애니메이션하고 함께사용요소의 움직임을 표현" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스             🎈참고자료https://www.w3schools.com/css/css3_2dtransforms.asp

중앙처리장치(CPU)외부에서 정보를 받아 명령어를 해석,연산,결과를 반환레지스터:연산처리를 위한 임시저장소(엑세스 속도 빠름) 연산장치:데이터간 비교,판단,연산 제어장치:명령어를 해석,전달, 주소를 디코드후 레지스터에 저장   주기억장치(메모리)CPU가 처리할 명령어와 데이터를 저장하기 위한 장치RAM: 휘발성DRAMSRAMROM: 비휘발성PROM(1회수정가능)EPROM(여러번 수정,삭제가능)  입출력장치데이터를 입력,출력하는 장치(키보드, 마우스,모니터 등등..)    보조기억장치데이터 저장장치 전원 공급이 사라져도 데이터 소멸 x (하드디스크,SSD,DVD,BD 등등)    복수 배열 독립 디스크(RAID)여러개의 하드디스크에 중복된 데이터를 나눠서 저장하는 방법(고성능구현, 신뢰성)RAID는 운영체..

1.@keyframesfrom{}에 애니메이션 시작시점to{}에 에니메이션 종료시점@keyframs rule을 정한다. " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스      %를 통해 %단위로 키프레임을 삽입할수있다." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스     2.animation-name@keyframes 뒤에 애니메이션 이름을 프로퍼티값으로 사용한다. 1개 이상의 값을 가질수있다." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스     3.animation-duration한 싸이클의 애니메이션시간을 지정  4. animation-timing-function애니메이션 효과 수치함수 지정   5.animat..

트랜지션CSS 프로퍼티의 값이 변화할 때 일정시간에 걸쳐 일어나게 하는것 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스    1.transition-property트랜지션의 대상 CSS 프로퍼티명 지정 (기본값 all) " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스    2.transition-duration트랜지션이 일어나는 지속시간각각 프로퍼티에 따라 1대1로 대응된다." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스   3.transition-timing-function기본값 ease로 트랜지션의 효과리듬을 정한다. " data-ke-type="html">H..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.동기식 vs 비동기식동기식 처리 모델은 하나의 작업이 실행될때 다른 작업은 실행되지않고 대기하게된다.비동기식 처리 모델은 병렬적으로 작업을 처리한다. 하나의 테스크가 종료되지않더라도 다음 작업을 처리하게된다. 자바스크립의 DOM 이벤트 헨들러, Timer함수는 비동기 처리모델이다. 해당 코드에서 func2는 비동기 처리함수은 Timer가 있으므로 시간이 0이여도 func3가 실행된다음에 func2가 처리가 끝나는것을 볼수있다.function func1() { console.log('func1');}function func2() { setTimeout(function() { console.log('func2'); }, 0);}fu..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다. 1.텍스트 노드 접근텍스트 노드의 부모노드를 선택후 자식노드의 nodeValue를 통해 텍스트값에 접근,수정한다.안녕하세요눌러   2.속성(어튜리뷰트) 노드 접근    3.HTML 콘텐츠 조작3-1.textContent텍스트 요소를 취득,변경한다.  3-2.innerHTML해당 요소의 모든 자식요소를 포함하는 하나의 문자열을 얻을수있다.(마크업 포함)       4.DOM 조작4-1.createElement(tagname)태그이름을 가진 요소를 생성  4-2.createTextNode(text)텍스트 노드 생성  4-3.appendChild(Node)자식요소로 DOM트리에 추가  4-4.removeChild(Node)노드를 DOM 트리에..