TechLabs

1. 반응형웹 동일한 url에서 디바이스 화면 크기에 따라 레이아웃이 달라진다. 미디어 쿼리 : 뷰포트 너비를 이용하여 조건을 모두 만족하는 경우 웹사이트의 스타일 시트를 수정한다. 뷰포트는 탭 제외한 모든 내용 부분을 의미한다. breakpoint : 반응형 웹사이트 작업 기준이 되는 중단점을 의미한다. 절대적인 규격이 있는 것은 아니다. @media screen and ( 조건문 2 ){ 스타일 시트 적용하기 } /* 조건문 1과 조건문 2 */ 모바일 ~ 767px 탭 768px ~ 1023px 컴퓨터 1024px ~ 2. 상한선과 하한선 max-width : 상한선을 의미한다. min-width : 하한선을 의미한다. 중앙선이 상한선인 경우에는 노란색 부분을 의미하고, 하한선인 경우에는 초록색 부..

1. 웹서비스 2. 브라우저 3. 반응형웹 4. 확장자 5. 부모, 자식, 형제 관계 1. 웹서비스 브라우저에 주소창 입력하면 모든 페이지를 보여준다. - 브라우저 : 코드 실행기, 화면에 그려주는 역할, 브라우저에 어떤 코드를 불러왔는지 확인 가능하다. - 브라우저 예시 : 크롬, 사파리 등을 의미한다. 2. 반응형웹 화면 크기에 따라 디자인 등 실시간으로 변화한다. 앱서비스 ↔ 웹서비스 3. 확장자 컴퓨터가 파일을 어떻게 인식해야 하는지 알려주는 정보이다. (예를 들면 .jpg, .txt, .png 등) 4. 부모, 자식, 형제 관계 - 1개의 depth는 1번 들여쓰기를 의미한다. - 부모, 자식 관계 : 1개의 depth 차이를 가진다. 상위 폴더가 하위 폴더를 담는다. - 손자 관계 : 2개의 ..