개발자 수업
-
7. BS (웹스톰)개발자 수업/HTML5 2021. 11. 4. 18:46
1. BS = 웹 프론트엔드 개발 프레임워크 1) 트위터에서 웹 디자인을 쉽게하기 위해서 CSS의 클래스 선택자에 정의된 스타일시트와 자바스크립트 플러그인의 라이브러리임 2. CSS vs BS 3. Grid system 1) 반응형, 유동형 레이아웃을 지원하는 구역 분할 시스템 (총 12분할) 2) Magic Number 12 3) 한 요소가 차지할 크기를 1칸에서 12칸까지 설정해줄 수 있음 4) 한 요소가 차지할 크기를 해상도 별로 따로 설정해줄 수 있음 4. Grid system 1) 반응형, 유동형 레이아웃을 지원하는 구역 분할 시스템 (총 12분할) 2) Magic Number 12 3) 한 요소가 차지할 크기를 1칸에서 12칸까지 설정해줄 수 있음 4) 한 요소가 차지할 크기를 해상도 별로 따..
-
32. 연결리스트(Linked List) 구현개발자 수업/Java 2021. 11. 2. 20:25
0-1. 자료구조란 무엇인가? (Data Structure) 1) 프로그램에서 사용할 많은 데이터를 메모리 상에서 관리하는 여러 구현 방법들 2) 효율적인 자료구조가 성능 좋은 알고리즘의 기반이 됨 3) 자료의 효율적인 관리는 프로그램의 수행속도와 밀접한 관련이 있음 4) 여러 자료 구조 중에서 구현하려는 프로그램에 맞는 최적의 자료구조를 활용해야 함 0-2. 선형 자료구조 (한 줄로 자료를 관리하기) 1) Array(배열) - 정해진 크기의 메모리를 먼저 할당받아 사용 - 자료의 물리적 위치와 논리적 위치가 같음 1. LinkedList 특징 1) 동일한 데이터 타입을 순서에 따라 관리하는 자료 구조 2) 자료를 저장하는 노드에는 자료와 다음 요소를 가리키는 링크(포인터)가 있음 3) 자료가 추가될 때..
-
6. CSS 기본 문법2개발자 수업/HTML5 2021. 11. 2. 20:19
1. 가상 클래스 선택자(Pseudo Classes Selectors) 1) hover - E:hover - E에 마우스(포인터)가 올라가 있는 동안에만 E 선택 2) active - E:active - E를 마우스로 클릭하는 동안에만 E 선택 APPLE 이 곳에 마우스를 올려보세요. 클릭하세요. 3) focus - E:focus - E가 포커스 된 동안에만 E 선택 4) first-child - E:first-child - E가 형제 요소 중 첫 번째 요소라면 선택 딸기 사과 오렌지 망고 first-child입니다. first-child가 아닙니다. P 태그가 아니라 선택되지 않습니다. P 태그가 아니라 선택되지 않습니다. 5) last-child - E:last-child - E가 형제 요소 중 마지..
-
HTML5/src/main/webapp/lab03개발자 수업/HTML5 2021. 11. 2. 14:20
Happy New Year Happy happy happy Happy New Year Happy New Year Happy New Year First Group First Group Second Group Second Group 자손 선택자 자식 선택자 test @charset "UTF-8"; /* 전체 선택자 */ * { color: gray; } /* 태그 요소 선택자 */ h1 { color: red; } /* id 선택자 */ #title { color: red; } /* class 선택자 */ .first { background-color: green; } .second { background-color: yellow; } /* 다중 선택자 */ h1, #title, .first, .second..
-
1. 자바스크립트 기본 문법개발자 수업/JavaScript 2021. 11. 1. 17:43
1. 자바스크립트 1) 웹 브라우저에 내장되어 있는 스크립트(script) 언어 2) 객체지향 프로그래밍 3) 인터프리터(interpreter) 방식 4) 동적이면서 약한 타입 언어 5) 서버 측에서의 자바스크립트 프로그래밍 2. 변수 1) 저장되는 값에 따라 변수의 데이터 타입이 바뀜 2) 데이터 타입 : 숫자, 문자열, 불리언, 배열, 객체, 함수 - 객체(Object) : 이름이 붙은 값들의 모음임 - 객체 프로퍼티는 객체명.프로퍼티명 접근할 수 있음 //변수 //배열 3. 리터럴 1) 데이터의 값 2) 숫자 리터럴, 문자열 리터럴, 배열 리터럴, ... - undefind : 변수는 선언되었으나 값이 할당된 적이 없는 변수에 접근하거나 존재하지 않는 객체 프로퍼티에 접근할 경우 반환되는 값 - n..
-
4. HTML 문서 구조개발자 수업/HTML5 2021. 11. 1. 14:18
1. div 1) division, 분할, 문서의 부분이나 섹션을 정의 2) 단순히 특정 범위를 묶는(wrap) 용도로 사용 - 특별한 의미가 없는 구분을 위한 요소 3) 묶인 부분들에 CSS나 JS를 적용하게 됨 4) 블록(상자) 요소 2. h 1) 제목을 의미하는 요소 (Heading) 2) 블록(상자) 요소 3) 숫자가 작을수록 더 중요한 제목을 정의 3. p 1) 문장을 의미하는 요소 (Paragraph) 2) 블록(상자) 요소 4. ul 1) 순서가 필요없는 목록의 집합을 의미 (Unordered list) 2) - 목록 내 각 항목 (List Item) 3) 블록(상자) 요소 5. a 1) 같은/다른 페이지로 이동하는 하이퍼링크를 지정하는 요소 (Anchor) 2) href : 링크 URL t..