본문 바로가기

분류 전체보기

 (180)
안드로이드 앱 영상
안드로이드 영상
SQL 문제 #1. Employees 테이블과 Departments 테이블을 조인하여 모든 사원의 이름, 직책, 부서 이름, 부서 위치를 조회하세요. 이때, 사원이 속한 부서가 존재하는 경우에만 결과를 반환해야 합니다. [Employees 테이블] EmployeeId EmployeeName DepartmentId Position 101 Han 1 Leader 102 Lee 2 Team Member 103 David 1 Team Member [Departments 테이블] DepartmentId DepartmentName Location 1 Front 1F 2 Back 2F [정답] SELECT Employees.EmployeeName, Employees.Position, Departments.DepartmentNam..
1. CSS 적용하는 3가지 방법. 1. 인라인 스타일 (inline style) HTML 태그마다 style 속성으로 CSS 코드를 넣어주는 방식. 여러 요소들에 공통 속성을 재사용하여 부여할 수 없고, HTML 코드와 CSS 코드가 분리되지 않기 때문에 특별한 경우를 제외하고는 사용되지 않는다. 2. 내부 스타일 시트 (internal style sheet) head 태그 안에 style 태그를 생성해두고, 그 안에 CSS 코드를 작성하는 방식. HTML과 CSS 전체 코드량이 많지 않고, CSS가 해당 HTML 문서에서만 적용될 경우, 유용하다. 3. 링킹 스타일 시트 (linking style sheet) 외부의 CSS 파일을 HTML 문서에 연결하는 것. HTML과 CSS의 코드가 분리되고 CSS 코드를 여러 HTML 파일에서 공..
12. span, div, tr, td 태그 1. , 사실상 아무런 기능이 없는 공간 주머니. 주머니의 모양과 차지하는 공간의 차이. 태그 설명 인라인 요소로 주로 텍스트나 다른 인라인 요소 내에서 일부분을 감싸는데 사용. span은 자체적으로는 아무런 시각적 효과나 구조를 갖지 않지만, CSS와 함께 사용해 스타일링이나 자바스크립트와의 상호작용을 위한 특정 부분을 지정할 때 사용. 블록 수준 요소로, 주로 웹페이지의 큰 구획을 만들거나 다른 블록 또는 인라인 요소들을 그룹화하는데 사용. div 태그 자체로는 효과가 없지만 CSS를 사용해 레이아웃이나 스타일링을 적용할 수 있다. Table data의 약자로, HTML 테이블 내에서 셀을 의미. td는 tr (테이블 행) 내에 위치해야 한다. 1. span 이것은 빨간색 텍스트를 갖는 문장입니다. ..
11. pre, iframe, kbd, dfn, small 태그 1. pre 태그 태그 속성 설명 작성된 텍스트의 스페이스, 탭, 엔터 등 모든 공백 요소들이 입력한 텍스트대로 웹 페이지에 출력된다. [VS Code] pre 태그 pre 태그에 텍스트를 작성하면 스페이스, 탭, 엔터 등 모든 공백 요소들이 이와 같이 화면에 그대로 적용됩니다. 때문에 pre 태그는 아래의 아스키 아트(Ascii art)들처럼 공백요소들을 적극 활용해야 하는 경우 유용하게 사용될 수 있습니다. 하지만 스크린 리더는 pre 태그의 내용을 읽지 않으므로 접근성을 위해 추가적인 조치가 필요하죠. 이 부분은 HTML 심화편에서 다루겠습니다. ,d888a ,d88888888888ba. ,88"I) d a88']8i a88".8"8) `"8888:88 " _a8' .d8P' PP .d8P'.8 d..
10. textarea, option선택지, meter수치 1. textarea 태그 속성들 태그 속성 설명 cols 글자수 단위의 넓이 rows 표시되는 줄 수 초과하면 스크롤 형태로 바뀜 placeholder 배경으로 출력되는 문구 readonly 변경 불가. 서버 전송 O disabled 변경 불가. 서버 전송 X. required 반드시 입력해야하는 란 value 속성이 아닌 사이에 입력 예시 #1. 게시글 작성 [VS Code] 게시글 제목 게시글 내용 저장하기 지우기 [웹 페이지 출력] 2. 옵션들을 사용하는 태그 태그 속성 설명 multiple 다중 선택 가능. 드랍다운 대신 상자로 표시 label 제목 value 서버에 전송할 값 selected 선택됨 (checkbox, radio의 checked 같이) value 실제로 전송될 값 id 해당 i..
9. form, fieldset, label, input 입력 [사용자 입력 태그] 태그 설명 속성 정보를 제출하기 위한 태그들을 포함 autocomplete 속성 : 인풋칸의 자동완성 여부 (기본:on) 최근 검색 기록 나오느냐, 아니냐 결정 button type : submit일 경우 서버 파일로 데이터 전달됨. 태그 안 input 요소와 label들을 그룹화 하기 disabled 속성 : 포함된 입력요소 비활성화

티스토리툴바