분류 전체보기 (106) 썸네일형 리스트형 [클라우딩 어플리케이션 엔지니어링 TIL]16.자바 스크립트 기초 1. 학습 주제자바스크립트의 특징자바스크립트 변수자바스크립트 자료형2.주요 메모 사항 소개자바스크립트의 특징인터프리터 언어: 컴파일 단계가 없는 대신 컴파일 언어보다 속도가 느림동적타입 언어 : 변수에 들어가는 값에 따라 타입이 변경일급 객체 : 함수를 객체와 값으로 사용 가능프로토 타입 기반의 상속여러 프로그래밍 패러다임 지원자바스크립트 변수데이터를 담아둔 주소를 접근하기 쉽게 이름을 붙인 것선언→초기화 →할당의 단계를 거처 진행js에서는 var, let, const를 사용하여 변수를 선언한다.var: let이전에 가장 많이 쓰이던 변수할당방법이었으나, 코드 평가 시점에서 초기화하여 할당문이 시작하기 전에 참조가 가능한 문제(호이스팅), 키워드 생략 가능, 중복 선언 가능, 전역변수화 등의 문제가 발생.. [클라우딩 어플리케이션 엔지니어링 TIL] 15. 반응형 1.학습 주제반응형/적응형?반응형 페이지 만들기주의사항2.주요 메모 사항 소개반응형/적응형?반응형: 하나의 웹사이트가 화면 크기에 맞게 사이트를 변화하여 보여주는 기법적응형: 접속하는 기기에 따라 다른 웹사이트를 보여주는 기법반응형 페이지 만들기메타 태그를 이용하여 반응형페이지를 만들기 위한 기초를 만든다.조건에 따른 이미지: 를 사용하여 크기에 따라 이미지를 변경한다. 조건에 따른 CSS: @media를 사용하여 크기에 따른 이미지를 변경한다.조건에 따른 CSS 호출: 조건을 다르게 CSS를 호출하는 방법도 있다. 주의사항레이아웃의 고정 크기의 사용 지양(width,height 보다 max(min)-width(height) 사용)인라인 스타일은 반응형을 처리할 수 없다.3. 공부하며 느낀 점반.. [클라우딩 어플리케이션 엔지니어링 TIL] 15. CSS 기초(표시 유형과 레이아웃) 1.학습 주제표시 유형positionFlexboxGrid2.주요 메모 사항 소개표시 유형속성설명작성 예시display요소를 블록, 인라인에 대한 처리의 선택과 자식 요소를 배치하는 레이아웃을 설정할 수 있다.태그마다 기본값이 존재(:inline, :block)inline 유형을 block으로 바꿔서 CSS 적용을 하거나 그 반대도 가능none을 사용하여 요소가 존재하지 않는 것처럼 처리가능display:block;display:inline;display:none;visibility레이아웃을 변경하지 않고 시각적으로 보이거나 숨길 수있다.display:none 과 차이점은 시각적으로 보이지 않기 때문에 레이아웃에는 존재한다.visibility: visible;visibility:hidden;float문맥의.. [클라우딩 어플리케이션 엔지니어링 TIL] 14. CSS 기초(박스 모델) 1.학습 주제박스 모델이란콘텐츠, 여백, 테두리여백 상쇄박스 크기 계산 방식그 외(초과, 투명도)2.주요 메모 사항 소개박스 모델이란인터넷의 모든 요소는 박스 형태이다. 이를 표현하는 것이 박스 모델margin(외부 여백)-border(테두리)-padding(내부여백)-content(콘텐츠)로 이루어져 있음콘텐츠, 여백, 테두리콘텐츠html에서 적은 것들이 들어가는 위치, 내용이 들어가는 위치속성설명작성 예시width(height)콘텐츠의 너비(높이)를 정한다.블록 레벨에만 적용가능하다.width(height):100px;max-width(height)min-width(height)콘텐츠의 최대/최소 너비(높이)를 정한다. 콘텐츠의 크기가 상대적일 때 사용된다.블록 레벨에만 적용가능하다. max-widt.. [클라우딩 어플리케이션 엔지니어링 TIL] 13. CSS 기초(단위, 글꼴, 배경) 1.학습 주제단위글꼴배경2.주요 메모 사항 소개단위단위에는 2분류의 단위가 존재. (고정단위, 상대길이단위)고정단위(소수점은 사용하지 않는다.)단위설명픽셀(px)정확한 크기를 나타낼 때 사용가장 일반적인 단위보통의 웹 브라우저의 기본 폰트 크기는 16px이다.포인트(pt)일반적으로 문서에서 사용되는 단위보통의 웹 브라우저의 기본 폰트 크기는 12pt이다.상대길이 단위단위설명em요소의 글꼴 크기에 상대적인 단위부모 태그의 폰트 크기에 영향을 받음ex) 부모 태그의 폰트가 16px;일 경우, 2em은 32px이 된다.rem요소의 글꼴 크기에 상대적인 단위html 태그의 폰트 크기에 영향을 받음ex) html 태그의 폰트가 10px 부모 태그의 폰트가 16px;일 경우, 2rem은 20px이 된다.%부모 크기.. [클라우딩 어플리케이션 엔지니어링 TIL] 12. CSS 기초(선택자, 우선순위) 1.학습 주제CSS선택자상속과 초기화결합자우선순위2.주요 메모 사항 소개CSS정의:Cascading Style Sheets의 약자, 웹문서를 꾸미기 위한 Style Sheet 언어내부,외부, inline CSS가 있다.주석은 /**/로 처리한다.선택자전체 선택자(*): 모든 요소에 스타일을 적용할 수 있는 선택자, 의도치 않은 요소에 디자인이 들어갈 수 있기 때문에 사용에 주의 필요.유형(태그) 선택자: HTML 태그 이름으로 선택한다.Id,Class 선택자: 완전히 동일한 id나 클래스를 가지는 요소를 선택한다. id는 #으로 클래스는 .으로 선택한다.속성 선택자: 요소가 가진 속성을 선택자로 사용. []안에 속성이름을 넣어 사용한다. 값을 넣거나 앞에 태그명을 넣으면 더 강력하게 선택자를 제한한다.의.. [클라우딩 어플리케이션 엔지니어링 TIL] 11. HTML 기초(콘텐츠 태그) 1.학습 주제콘텐츠제목/문단/서식/링크 태그멀티미디어 태그리스트/표/외부 콘텐츠 태그양식 태그지켜야하는 규칙2.주요 메모 사항 소개제목/문단/서식/링크 태그제목태그(~)문서 구획 제목을 나타내는 태그로 Heading(헤딩) 태그라고 명명 태그는 페이지 내에 한번만 사용되어야 하고 에서 를 사용하는 등 건너뛰기를 피해라.글씨 크기를 변경하기 위해서 사용하면 안된다.문서에서 하나의 문단을 나타내는 태그.서식 태그, : 글씨 두께가 두꺼워지는 태그, 의 경우 "강조"의 의미가 들어감., : 글씨가 기울게 하는 태그, 는 등장인물, 외국어 구절, 기술 용어 등에 사용되고 은 과 마찬가지로 "강조"의 의미가 들어감.: 글씨에 밑줄을 넣고 주석을 가지는 단어.. [클라우딩 어플리케이션 엔지니어링 TIL] 11. HTML 기초(head, 레이아웃) 1.학습 주제html 기본 문법 및 기본 문서 block, inline, inline-blockblock: 레고 블록 처럼 차곡차곡 쌓이고 화면 너비가 꽉차는 요소블록의 크기와 내/외부에 여백을 지정할 수 있고 일반적으로 페이지의 구조적 요소를 나타낸다.인라인 요소를 포함할 수 있으나, 인라인 요소에 포함될 수 없다.inline: 블록 요소 내에 포함되는 요소.주로 문장, 단어 같은 작은 부분에 사용되며 한 줄에 나열된다.좌/우에 여백을 넣는 것만 허용된다.inline-block: block과 inline 성분을 둘 다 가지는 요소.주로 문장, 단어 같은 작은 부분에 사용되며 한 줄에 나열된다.블록처럼 크기와 내/외부의 여백을 지정가능하다.blo.. 이전 1 2 3 4 ··· 14 다음
