본문 바로가기

728x90
반응형

Major-

(864)
[웹프로그래밍 프로젝트] 3. CSS 네비게이션 바 만들기 1. 개요 일반적인 메인 화면에서 상단 메뉴를 구성하는 네비게이션 바 만들기 마우스가 올라가면 배경이 변하고 서브메뉴가 나오는 효과 포함 범용적으로 사용할 수 있도록 클래스 설계 맨 우측은 Home 메뉴로 구성 2. 기본구조 시멘틱 태그인 로 묶고, 메인 메뉴는 과 로 구성된 목록 dropdown 각각의 메뉴 구성 dropdown-menu 메인 메뉴 항목 정의 dropdown-content 서브메뉴가 있을 경우 드롭다운으로 나타나는 메뉴 목록 지정 home 메인 화면으로의 링크 Menu1 Menu1-1 Menu1-2 Menu1-3 Menu1-4 Menu2 Menu2-1 Menu2-2 Menu2-3 Menu2-4 Menu3 Menu3-1 Menu3-2 Menu3-3 Menu3-4 Menu4 Home 3. ..
[웹프로그래밍 실습] 9. 복합 셀렉터 예제1) CSS 상속 CSS Inheritance Example 예제2) 셀렉터 조합 Welcome to MyTube New New movie1 New movie2 This Week Best New movie3 New movie4 예제3) 가상 셀렉터 Virtual Selector Example HTML Tutorial CSS Tutorial JavaScript Tutorial Show Message - Mouse over.. Note:This message will show when mouse over "Show Message.." Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut lab..
[웹프로그래밍] 9. 복합 셀렉터 기본 셀렉터 태그, id, 클래스를 사용하는 방법 기본 셀렉터로는 특정한 부분의 디자인을 적용하기 어렵다. 복합 셀렉터 html 계층 구조 안에서 부모요소와 자식요소간의 관계를 파악하고 상속을 통해 CSS 속성을 적용하기 위해 복합 셀렉터를 이용한다. 사용자 동작과 UI 요소 상태에 스타일 적용하는 가상 클래스를 배우고 어떤 속성이 존재하는지 학습한다. -> CSS 상속, 후손, 자손 형제 선택자등의 선택자 조합 가상 선택자에 대해 배운다. 1. 상속 html 계층 구조에서 특정 속성들이 부모요소로부터 자식요소로 전달되는 개념 [margin 속성은 제외] 상위 객체와 하위 객체의 관계형 구조를 의미하며 부모 요소의 속성을 자식 요소가 물려받는 것을 의미. 코드의 중복성을 줄여주기 때문에 생산성을 높일 수..
[빅데이터 분석] 스몰데이터 통계 Part.1 추론통계 빅데이터를 분석을 하면서 기술통계를 사용했다. 만약 스몰데이터로 분석을 하려면 어떻게 할까? 스몰데이터로 데이터 분석을 하려면 한계가 존재하는데 스몰데이터에서 한계는 모집단의 값을 모두 알 수가 없다는 것이다. 빅데이터 시대인 요즘은 모집단을 모두 파악하기 쉽지만 스몰데이터 시대에는 모집단을 파악하려고 하기 보다는 모집단을 대변하는 표본을 가지고 모집단을 추론하는 방법을 택했다. 모집단 관심의 대상이 되는 모든 개체의 관측값이나 측정값의 집합 표본 모집단에서 실제로 추출한 관측값이나 측정값 모수 모집단의 특성을 나타내는 값 그리스, 로마자로 표시하며 평균은 µ [뮤] 표준편차는 σ [시그마] 통계량 표본에서 게산한 특성 알파벳으로 표시 평균은 X̄[x바] 표준편차 s 가설수립 가설검정 오류 통계..
[빅데이터분석 실습] 스몰데이터 통계 Part.1 T-검정¶ In [10]: import numpy #표본 집단을 랜덤 값으로 생성하기 위해서 사용 from scipy import stats #t검정 수행을 위한 패키지 (내장) In [11]: #학생 키에 대한 리스트 구성 height_list=numpy.array([169,167,175,166,162,180,172,162,173,162,181,175,181,181,162,165,172,176,167,165]) In [13]: #T-검정 수행 #귀무가설이 참인 경우 학생들의 평균 키는 170cm와 차이가 없다. 그러므로 평균키는 170cm이다. #(P>0.05) #귀무가설이 거짓인 경우 학생들의 평균 키는 170cm와 차이가 있다. 그러므로 평균키는 170cm가 아니다. #(P
[웹프로그래밍 실습] 8. 박스모델과 포지셔닝 Q 8-1. CSS 단위 Basic Text Size: 20px 30px 1em 2em 1rem 2rem Q 8-2. 기본 박스모델 Box1 Box2 Q 8-3. position 설정을 통한 박스 배치 Box position example Box-1: static Box-2: relative Box-3: relative Box-4: absolute Box-5: fixed [참고 : F12 개발자도구를 통해 CSS익히기] Q 8-4. float 속성 Lorem, ipsum dolor sit amet consectetur adipisicing elit. Porro quae voluptate tempora molestiae, laboriosam ipsum veniam rerum quibusdam ullam. ..
[웹프로그래밍] 8. 박스모델과 포지셔닝 박스모델 CSS에서 화면 구성요소를 다루기 위한 방법으로 레이아웃을 구성할 때 중요한 개념 포지셔닝 화면 배치를 위한 속성들을 활용하는 기법 -> 박스모델을 정의하고 레이아웃을 설계해서 원하는 위치에 구성요소를 자유롭게 배치 1. CSS 단위 px, % 등 1) 절대 단위 : 화면의 크기나 해상도에 따라 달라지는 단위로 특정용도 외 사용을 지양한다. 사용용도 : 박스의 크기를 지정할 때 px, 폰트 크기 지정할 떄 pt를 주로 사용 2) 상대 단위 : 부모 요소를 기준으로 상대적인 크기를 지정하는 단위 상대 단위 종류 % : 100%를 기준으로 하는 상대 크기 em : 부모 요소의 기본 크기를 1em으로 상대적인 크기 지정 -> 부모의 크기 변경시 변한다. rem : 부모가 아닌 최상위 root[like..
[정보처리기사 필기] 1-4. 인터페이스 설계 1. 인터페이스 요구사항 확인 (1) 내,외부 인터페이스 요구사항 개념 구성 분류 [2가지] 분석 방안 식별 및 분류 프로세스 요구사항 식별 내외부 인터페이스 관련 명세서 및 현황 자료 준비 기능 요구사항 및 비기능 요구사항 분류 내외부 인터페이스 요구사항 명세서 구체화 요구사항 정의서 세분화 내외부 인터페이스 요구사항 내용의 이해 및 수정 누락된 내외부 인터페이스 요구사항 신규 정의 내외부 인터페이스 요구사항 정리 (2) 요구공학 개념 목적 [3가지] 분류[개념, 도출방법, 특성, 사례] 기능적 요구사항 비기능적 요구사항 요구사항 프로세스 개발단계 (CMM Level 3 프로세스 영역)[4가지 -> 도분명확: 도둑의 분노는 명확해졌다] 도출 분석 명세 확인 및 검증 관리단계 (CMM Level 2 프로..

728x90
반응형