본문 바로가기

웹

 (87)
css @import의 문제점 결론: 요소를 이용하는게 더 좋다. @import로 불러온 css파일 개수만큼 로딩속도가 지연되기 때문이다. @import는 로딩방식이 직렬방식. 즉 전체 로딩시 로딩 속도가 지연된다. IE에서는 다운로드 순서도 바뀔 수 있는 위험도 있다. 출처: webclub.tistory.com/127
html 주의점 박스요소 -마진 병합은 y축만 된다 -한 영역의 넓이 = width + margin + padding + border -%값은 부모 요소에 비례 -span 안에 div 안됨 -margin ,padding 등 박스요소는 상속이 안됨 font -font-family 와 generic family 반드시 두개 선언 -font 속성의 맨 마지막은 generic-family -'돋움' ,dotum 처럼 한글서체는 영어로도 표기 -자식 요소에서 font-family 재선언 시 generic-family도 다시 선언 정렬 -line-height 는 인라인에만 적용됨 -text-align 도 인라인에만 적용됨 display -inline에서는 width 와 height 가 적용 안됨 = 부모요소에 적용 안됨 -inli..
이미지가 표시가 안될 때 크롬의 개발자 탭에서 네트워크 관련 항목을 확인 만약 이미지에 대한 자료가 전달이 되었을 때의 경우 404 라면 잘못된 경로 or 이미지가 없음 403 라면 public 이 아닌것, 맥북이라면 터미널에서 ls -l 을 해보자 만약 public 으로 설정하고 싶으면 a+r 을 하자
네트워크 기초 포트번호: 포트는 서비스를 하는 번호 은행의 창구 역할. 은행에서 예금 과 대출 창구가 따로 있듯 정해져 있는 포트가 존재한다. 예로서 80번 포트는 http이고 443은 https이다. 웹 네트워크의 과정 tcp가 데이터를 전달하고 ip가 주소를 찾아주며 http가 포트번호와 요청, 디렉토리 정보를 보내주면 라우터가 서버로 전달을 한다. 서버는 요청을 처리한 뒤 클라이언트에게 상태코드와 요청한 자료를 준다. 이때 전달하는 자료의 정보는 content-type이다.
네트워크 기초 2 - 라우터, tcp,ip 라우터 = 중계기 패킷 = 전달되는 데이터 tcp = 데이터 분할 해 라우터로 전달해줌, 분할 된 데이터는 결합시 식별에 필요한 순서가 표시되어 있음 그 표시를 tcp가 함 ip = 패킷에 고유한 주소를 부여
네트워크 기초1 - dns dns : domain to ip service 구성 기본 최상위 도메인 ( = TLD ) 서브 도메인 예시 google.com 에서 .com : 기본 최상위 도메인 google : 서브 도메인
컴퓨터 네트워크 기초 ip = 네트워크 장치가 가진 주소, ipv8 :8자리, 16비트 dhcp (= dynamic host configuration protocol ) : ip 자동 할당 url = 도메인 = 문자화된 ip 주소 dns( = domain name service ) = url -> ip 변환 서비스

티스토리툴바