slice slice(indexStart) slice(indexStart, indexEnd) substr (Deprecated) substr(start) substr(start, length) 첫번째 매개변수인 start는 탐색 구간의 시작점을 의미한다. start가 음수일 경우, 문자열의 뒤에서부터 가져온다. 두번째 매개변수인 length는 가져올 길이 값이며, 생략 가능하다. length를 생략할 경우, start에서부터 문자열 마지막까지를 가져온다. length 값이 음수일 경우 빈 값을 반환한다. (가져올 길이 값이 마이너스이므로 빈 값을 리턴) ℹ️ Note: substr() is not part of the main ECMAScript specification — it's defined in ..

white-space 사전적 의미로 white space는 '여백'을 뜻함. html에서는 공백의 의미 태그 작성시 생기는 공백 줄바꿈 (line break) 들여쓰기 (tab) 공백 (space) html 작성시 공백을 아무리 많이 입력해도 1개만 표현됨. 하나 이상의 공백을 표현하기 위해서는 를 사용해야함. 또는 태그를 사용하면 공백이나 줄바꿈을 있는 그대로 표시 white-space 속성 값 normal (default) 공백을 여러개 넣어도 1개만 표시. 글이 길어지면 텍스트가 자동 줄바꿈 됨(wrap) nowrap 공백을 여러개 넣어도 1개만 표시. 글이 길어도 줄바꿈 되지 않고 같은 줄에 계속 표시 pre 공백을 코드에 있는 그대로 표시. 태그처럼 행동함. 코드에 줄바꿈이 없다면 줄바꿈 되지 ..

Line Break 줄바꿈 할 때 사용됨 끝 태그가 없는 빈 태그(empty tag) 이지만, xhtml에서는 로 열고 닫는 태그를 대신함. Paragraph 문단을 구분할 때 사용됨 앞뒤로 여백이 들어가며, 태그를 두 번 사용한 것과 같은 결과가 나옴 Preformatted Text 입력한 그대로 화면에 출력되는 태그 문장 안에 있는 여백이나 줄바꿈도 그대로 표시 코드 등을 표현할 때 사용됨 Non-breaking Space 태그는 아니고 HTML Entity 하나 이상의 공백을 표현하기 위해 사용

OSI 7계층 vs TCP/IP 계층 구조 OSI 7 Layer Model TCP/IP Protocol 7 응용 계층 Application Layer 응용 Application 6 표현 계층 Presentation Layer 5 세션 계층 Session Layer 4 전송 계층 Transport Layer 전송 Transport 3 네트워크 계층 Network Layer 인터넷 Internet 2 데이터링크 계층 DataLink Layer 네트워크 접근 Network Interface 1 물리 계층 Physical Layer OSI 7 계층 7 응용 계층 Application Layer 사용자에게 서비스 제공 6 표현 계층 Presentation Layer 수신측-코드 변환, 압축, 암호화 5 세션 계층..

SaaS 호스팅 된 애플리케이션/앱 PaaS 개발도구, 데이터베이스 관리, 비즈니스 분석 운영체제 IaaS 서버 및 스토리지(저장소) 네트워킹 방화벽/보안 데이터 센터, 물리적 공장/건물 Iaas(Infrastructure as a Service) 물리적 서버 관리와 가장 유사함 클라우드 공급자가 하드웨어를 최신 상태로 유지 클라우드 테넌트가 운영체제 유지 관리 및 네트워크 구성 장점 새 컴퓨팅 장치를 신속하게 배포함 새 가상머신을 설정하는 것이 물리적 서버를 구매, 설치 및 구성하는 것 보다 빠름 CapEx(자본 비용) 없음 : 사용자의 초기 비용이 없음 민첩성 : 애플리케이션에 신속하게 액세스할 수 있으며, 필요할 경우 프로비저닝을 해제할 수 있음. 관리 : 공유 책임 모델이 적용됨. 즉, 사용자는 ..

리액트는 State(상태) 관리 라이브러리를 사용해야 편하다. 이전 프로젝트에서는 Global State를 관리하기 위해 Redux를 사용하다가 신규 프로젝트에서는 MobX를 사용해보면 어떨까 검토하기 위해 두 라이브러리를 비교한 글들을 짜집기해봤다. Redux는 워낙 다양한 방식으로 구현하기 때문에 이전 프로젝트에 적용했던 것을 기준으로 작성했다. Redux Flux와 함수형 프로그래밍을 결합한 가장 많이 사용되는 상태 관리 솔루션. Mobx 애플리케이션 내에서 로컬 상태를 관리할 수 있는 상태 관리 솔루션. 1. 점유율(인지도) 2020.6.21 기준 구글 검색어 통계만 비교해보아도 Redux가 압도적임을 확인할 수 있다. JavaScript 2019 Survey 결과에서도 Redux를 사용해봤고, ..