분류 전체보기 (38) 썸네일형 리스트형 CPM(critical path method) CPM(critical path method) 네트워크를 중심으로 한 논리 구성으로 프로젝트를 일정 기일 내에 완성시키고 해당 계획이 원가의 최솟값에 의해 보증되는 최적 스케줄을 구하는 관리 방법을 말한다. CPM의 절차는 다음과 같다. 1. 수행해야할 활동을 정의 2. 프로젝트 네트워크 작성 3. 전진계산, 후진계산(forward, backword pass) 방법으로 일정 측정 4. 주 경로(critical path) 찾기 네트워크 작성시 사용되는 노드는 다음과 같다. Activity label 작업 이름 Earliest Start(ES) 작업을 가장 일찍 시작할 수 있는 시간 Earliest Finish(EF) 작업을 가장 일찍 마칠 수 있는 시간 Latest Start(LS) 프로젝트 종료일 기준으.. ISP, 정보전략계획 ISP(Information Strategy Planning), 정보전략계획 조직, 기관의 미래상을 달성하기 위하여 어떻게 효과적으로 정보기술을 연계하고 적용할 것인가 전략을 짜고 해결책을 찾아 실행 계획을 수립해 나가는 일련 과정을 말한다. 즉, 조직의 정보 시스템 구축에 대한 전반적인 상황의 인식과 지향해야 할 목표를 조명하는 작업이라고 할 수 있다. 정보 전략 계획은 정보 시스템 자체만을 위한 것이 아니라 기업의 경쟁 우위 확보를 위한 기업 정보화 전략과 밀접하게 연관되어 있다. 이런 관점에서 정보 전략 계획은 기업이 수립한 중장기 경영 전략과 계획을 토대로 사업 전개에 필요한 총체적인 정보 체계를 제시하고 향후 단위 또는 통합 정보 체계의 개발을 계획하고 통제함으로써 경영 요구에 의한 정보 기술 .. Happy New Year! codepen.io/hwanlee/pen/wvzPpJO happy new year ... codepen.io 2021년 기념으로, 집에서 해돋이(?)를 보기위해 HTML, CSS, JS를 이용하여 마우스 호버시 태양이 떠오르는 페이지를 만들어봤습니다. 넓은 화면에서 보는 것을 추천합니다~ 다음에는 반응형으로 만들어 봐야겠습니다ㅎ HSL Color HTML에서 색상을 색조, 채도 및 명도 (HSL)를 사용하여 다음과 같은 형식으로 지정가능 hsl(hue, saturation, lightness) 색조(hue)는 0에서 360 사이의 색상환 각도입니다. 0은 빨간색, 120은 녹색, 240은 파란색 채도(saturation)는 백분율 값이고 0 %는 회색 음영을 의미하고 100 %는 풀 컬러. 즉 100%일 경우 회색이 색조에 섞이지 않아 색상이 완전히 순수함. 0%일 경우에는 중간 정도의 회색을 가짐. 채도가 강할수록 선명하거나 밝게 나타나타나며 약할수록 칙칙해보임 밝기(lightness)도 백분율이며 0 %는 검은 색, 50 %는 밝거나 어둡지 않으며 100 %는 흰색. 색조와 혼합된 검은색 또는 흰색의 상대적 정도를 측정 참고 jun.hansu.. time 태그와 datetime 속성 time 태그와 datetime 속성 시간의 특정 지점 또는 구간을 나타냄 datetime 특성의 값을 지정해 보다 적절한 검색 결과나, 알림 같은 특정 기능을 구현할 때 사용 가능 주로 일반 텍스트로 보이는 날짜와 시간 정보를 의미있는 날짜, 시간 정보임을 HTML을 알려주기 위해서 사용된다. datetime 속성 해당 속성을 통해 날짜와 시간을 기계가 쉽게 읽을 수 있는 형태로 알려준다. 형식은 다음과 같다. YYYY-MM-DDThh:mm:ssTZD 형식 같은 경우 ISO 8601 date format에서 변형되었다. TZD 같은 경우는 UTC(협정 세계시)에서의 오프셋으로 Z는 offset이 없음을 의미하고 +01:00 은 UTC에서 1시간 후의 타임존을 의미한다. PTDHMS 같은 경우는 특정 기.. -webkit-line-clamp 속성 사용시 주의사항 -webkit-line-clamp 속성 사용시 주의사항 -webkit-line-clamp 속성 블록 컨테이너의 콘텐츠를 지정한 줄 수만큼으로 제한할 수 있는 속성 display 속성을 -webkit-box 또는 -webkit-inline-box로, 그리고 -webkit-box-orient 속성을 vertical로 설정한 경우에만 동작 단순히 요소의 줄 수만 제한하기 때문에 overflow: hidden 속성과 함께 사용하면 요소를 넘치는 텍스트를 감출 수 있다. 값 /* 키워드 값 */ -webkit-line-clamp: none; /* 값 */ -webkit-line-clamp: 3; -webkit-line-clamp: 10; /* 전역 값 */ -webkit-line-clamp: inherit; -w.. 브라우저 렌더링 엔진 브라우저 렌더링 엔진 브라우저 기본 구성 요소 사용자 인터페이스 - 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분 브라우저 엔진 - 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어 렌더링 엔진 - 요청한 콘텐츠를 표시. 예를 들어 HTML을 요청하면 HTML과 CSS를 파싱하여 화면에 표시 통신 - HTTP 요청과 같은 네트워크 호출에 사용됨. 이것은 플랫폼 독립적인 인터페이스이고 각 플랫폼 하부에서 실행 UI 백엔드 - 콤보 박스와 창 같은 기본적인 장치를 그리는 역할 자바스크립트 해석기 - 자바스크립트 코드를 해석하고 실행 자료 저장소 - 자료를 저장하는 계층. 쿠키 저장 가능. 또한 웹 브라우저가 IndexedDB, WebSQL, Fil.. overflow: auto 특징 overflow: auto는 자신의 영역을 초과하는 부분이 있을 경우 스크롤이 되게 한다. 이때 자식 요소를 absolute로 띄우더라도 스크롤 영역에 포함되며 inline 요소에 부모 높이보다 큰 line-height를 설정하는 경우에도 스크롤 영역에 포함된다. 참고: codepen.io/hwanlee/pen/RwGwxyV 이전 1 2 3 4 5 다음
