OSI모델 - ISO 국제표준화기구에서 제정 - 데이터 송수신시 컴퓨터 내부에서 일어나는 상황을 7개의 계층으로 분리해둠 계층 이름 설명 7계층 응용 계층 (Application Layer, 어플리케이션 계층) 이메일, 파일전송, 웹사이트 조회 등 애플리케이션 관련 서비스 제공 6계층 표현 계층 (Presentation Layer, 프레젠테이션 계층) 문자코드, 압축, 암호화 등의 데이터를 변환 5계층 세션 계층(Session Layer) 세션 체결, 통신 방식을 결정 4계층 전송 계층 (Transport Layer, 트렌스포트 계층) 신뢰할 수 있는 통신을 구현 3계층 네트워크 계층(Network Layer) 다른 네트워크와 통신하기 위한 경로설정 및 논리 주소를 결정 2계층 데이터 링크 계층(Data..

LAN(Local Area Network) - 근거리통신망. 건물이나 특정 지역을 범위로 하는 네트워크망으로써 지리적으로 제한된 곳에서 컴퓨터랑 프린터를 연결할 수 있다. 범위가 좁기때문에 속도가 빠르고 오류가 발생할 확률이 낮다. WAN(Wide Area Network) - 광역 통신망. 지리적으로 넓은 범위에 구축된 네트워크로써 인터넷 서비스 제공자(ISP;Internet Service Provider) 가 제공하는 서비스를 사용하여 구축된 네트워크 - 범위가 넓고 속도가 느리며 오류가 발생할 확률이 랜에 비해 높다 가정에서의 네트워크 구성 - 집에서 구성하는 네트워크는 랜이다. - 인터넷을 사용하기위해서는 ISP를 먼저 결정하고 인터넷 회선을 결정해야한다. (2018년 6월 책은 광랜이 대세지만 현..

noindex? 프로젝트를 만들 때 타 사이트의 DB를 크롤링 했다면 배포 후 프로젝트가 검색엔진에 노출될 경우 저작권 관련 문제가 발생 할 수 있기 때문에 noindex를 사용하여 검색결과에서 제외시켜야한다 noindex 태그나 헤더로 검색결과에서 제외시킬 수 있다 robot.txt? 웹크롤러같은 로봇들의 접근을 제어하기 위한 규약. 경로의 최상단에 파일을 넣어주어야한다 구글봇, 네이버예티, 다음 같은 로봇들이 있다. robots.txt 작성 전 검색엔진별 크롤러 이름을 확인해보는 것을 권장 서버의 트래픽이 한정되어있거나 검색엔진노출을 원하지 않는경우 robot.txt에 안내문 형식으로 특정 경로에 대한 크롤링을 자제해줄것을 권고한다. User-agent: * Disallow: / 모든 봇에 모든 파일..

터미널에 명령어 입력하여 CSS로 컴파일 sass --watch input.scss output.css 변수(Variable) 할당 /* CSS */ body { font: 100% Helvetica, sans-serif; color: #333; } /* SCSS */ $font-stack: Helvetica, sans-serif; $primary-color: #333; body { font: 100% $font-stack; color: $primary-color; } $를 사용하여 재사용 하려는 속성을 변수로 만들 수 있다. 중첩(Nesting) 구문 /* CSS */ nav ul { margin: 0; padding: 0; list-style: none; } nav li { display: inlin..

console API? 코드의 특정 지점에서 값이나 변수를 기록하고, 작업의 소요 시간을 알아내는 등 개발자가 사용할 수 있는 디버깅 기능제공 console.log()로 익숙한 API let myString = 'Hello world'; console.log(myString); // Hello world 출력 console 로깅, 스택, 추적, 타이머, 카운터 등 기초적인 브라우저 디버깅 기능을 제공 console 객체는 아무 전역 객체에서나 접근 가능 Instance methods console.assert() 주어진 가정이 거짓인 경우 메세지를 콘솔에 출력 const errMsg = 'the # is not even'; for (let number = 2; number