Study Log

공부한 것을 소소하게 적는 블로그.

flex layout & item

flex 아이템에 적용하는 속성 1. flex-basis flex 아이템의 기본 크기를 설정한다. 이 row일 때는 width, column인 경우는 높이를 설정 단위로는 css width, height 속성에 사용하는 각종 단위의 수가 들어갈 수 있다. 값은 auto 이며 width 속성 값을 사용한다. 만약 width를 따로 설정하지 않으면 con…

flex layout & container

flex flex box / flexible box (유연한) 레이아웃을 위한 방식 -> 기존의 보다 막강! 는 보다 조금 더 막강 ㅎㅎ 하지만! 만으로 가능한 레이아웃이 있음. 두개의 특징을 잘 알고 적재적소에 둘 다 활용하는게 가장 BEST IE는 10과 11에서 부분 지원 flex layout 을 위한 기본적인 HTML 구조 부모를 contai…

Woowahan Typescript 세미나 정리(진행중)

Conditional Type 을 활용하기 목표는 T가 이면 StringContainer, 면 NumberContainer를 사용 첫번째 방법, 를 조건부 타입에서 사용한다면 ‘T 가 이면’ 와 같이 이해하면 좋다. 핸드북에 의하면, 는 T가 K에 서브타입이면 A 아니면 B라고 설명한다. 그 밖에도 는 제약사항 을 주기 위해 자주 사용된다. 예시로…

Woowahan Typescript 세미나 정리(1)

목차 작성자와 사용자 interface 와 type alias 서브 타입과 슈퍼 타입 타입 추론 이해하기 Type Guard 로 안전함을 파악하기 Class 를 안전하게 만들기 Type System? Typescript의 Type System 타입이란 해당 변수가 할 수 있는 일을 결정한다. 자바스크립트는 함수 사용법에 대해 오해를 야기한다. 타입스크립…

HTML 궁금했던 개념들

DOCTYPE Document Type의 약자로, HTML이 어떤 버전으로 작성되었는지 미리 선언하여 웹 브라우저가 내용을 올바로 표시할 수 있도록 해주는 것이다. 으로 선언하는데 이걸 해주지 않으면 호환 모드로 동작한다. 호환 모드의 경우 각 브라우저마다 문서를 나타내는 방식이 다르기 때문에 크로스 브라우징 이슈가 훨씬 심해지게 된다. 호환모드와 표준모…

DNS & CDN

DNS DNS Service? 네트워크의 도메인이나 호스트 이름을 숫자로 된 IP 주소로 해석( 반대의 경우도 해석 )해주는 Network Service이다. DNS Server DNS Service를 제공하는 서버이다. IP에 대한 도메인을 저장하고 있기 때문에, 일종의 전화번호부 역할을 하며 DNS Server가 모여 DNS( Domain Name S…

쿠키 & 세션 & 스토리지

쿠키와 세션 왜 쓸까? HTTP는 Connectionless( 클라이언트는 요청을 하고 응답을 받으면 서버와 연결을 끊음 ), Stateless( 모든 클라이언트의 요청은 독립적으로 처리)한 특징이 있기 때문에 서버는 클라이언트를 구분할 수 없다. 따라서 사용자 인증같은 것을 유지하기 위해 사용한다. 쿠키 만들어진 의도가 HTTP기반의 웹 통신에서 서…

REST & API

REST? Representational State Transfer의 약자로 전반적인 웹 어플리케이션에서 상호작용하는데 사용되는 웹 아키텍쳐 모델이다. 즉 자원을 주고 받는 웹 상에서의 통신 체계에 있어서 범용적인 스타일을 규정한 아키텍쳐라고 할 수 있다. 그럼, REST는 웹 상에서 서버와 클라이언트가 자원을 주고받는데 사용되는 아키텍처 모델이라고 할 …

URI & URL & URN

URI ( Uniform Resource Identifier ) 통합 자원 식별자라는 의미로 인터넷 상의 리소스를 고유하게 식별할 수 있는 식별자이다. URI에는 위치를 알려주는 URL(Uniform Resource Locator) 와 전 세계를 통틀어 자원의 고유한 이름을 의미하는 URN(Uniform Resource Name)이 존재한다. image …

HTTP & HTTPS

HTTP HTTP는 클라이언트 - 서버 모델을 따르는 프로토콜로 TCP/IP 위에서 동작하며 80번 포트를 사용하여 동작한다. 특징(HTTP/1.1 기준) 비연결 지향(Connectionless) 클라이언트가 서버에게 리소스를 요청한 후 응담을 받으면 연결을 끊어버리는 특징이다. 상당히 많은 클라이언트에게 요청을 받는 웹서버의 경우 연결을 유지하게 되면 …