헬린코린이

Browser란 웹 서버에서 이동하며(navigate) 쌍뱡항으로 통신하고 HTML 문서나 파일을 출력하는 그래픽 사용자 인터페이스 기반의 응용 소프트웨어이다. 웹 브라우저는 대표적인 HTTP사용자 에이전트의 하나이기도 합니다. 즉, 브라우저는 웹 서버에 원하는 정보를 요청을 하고 응답받아 사용자에게 받아진다. 웹(World Wide Web) 당시 빠르게 발전하고 있던 인터넷 그리고 HyperText같은 당시 새롭게 떠오르는 컴퓨터 기술들을 활용하여 이러한 문제점을 해결하고자 했습니다. 그래서 Information Management: A Proposal이라는 제안서의 아이디어를 토대로 오늘날의 웹이 탄생되었습니다. 웹은 정보(자원)의 공유를 목적으로 존재하기 때문에 자연스럽게 수많은 요청과 응답사이클의..

캐시를 한마디로 정의하자면 데이터나 값을 미리 복사해 놓는 임시 저장소입니다. 캐시는 원본 데이터에 접근하는 시간이 오래 걸리는 경우, 값을 다시 계산하는 시간을 절약하고 싶을 경우에 사용하는데 즉 캐시에 데이터를 미리 복사해 놓으므로서 계산이나 접근 시간 없이 더 빠른 속도로 데이터에 접근하기 위해 사용합니다. 작동 방식 - 원본 데이터와는 별개로 자주 쓰이는 데이터들을 복사해둘 캐시 공간을 마련한다. 캐시 공간은 상수 시간 등 낮은 시간 복잡도로 접근 가능한 곳을 주로 사용한다. - 데이터를 달라는 요청이 들어오면, 원본 데이터가 담긴 곳에 접근하기 전에 먼저 캐시 내부부터 찾는다. - 캐시에 원하는 데이터가 없거나 너무 오래되어 최신성을 잃었으면 그때서야 원본 테이터가 있는 곳에 접근하여 데이터를 ..

쿠키란 브라우저에 저장되는 작은 크기의 문자열(최대 4KB)입니다. http는 비연결성, 무상태성의 특징을 가지고 있습니다. 특징 - 주로 서버에서 사용합니다 - 요청 시 Headers에 실려서 전송합니다. - 만료 기간 지정 가능합니다. 쿠리는 만료기간에 따라 영구쿠키(Persistent Cookie)와 세션쿠키(Session Cookie)로 나뉩니다. 영구 쿠키(Persistent Cookie)는 만료기간을 정한 쿠키이며 만료 기간이 끝난 후 삭제됩니다. 세션쿠키(Session Cookie)는 만료기간을 정하지 않은 쿠키이며 브라우저 종료 시 삭제됩니다. 쿠키는 퍼스트파티 쿠키(First party Cookie)와 서드파티 쿠키(Third party Cookie)로도 나뉘는데 퍼스트파티 쿠키(Firs..

API(Application Programming Interface) - 응용 프로그램에서 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스입니다. - API는 소프트웨어를 조종하는 리모컨이다. 특징 - 구현과 독립적으로 사양만 정의되어 있습니다. - API에 따라 접근 권한이 필요할 수 있습니다. - 다른 프로그램과 연결해주는 다리 역할을 합니다. - 구현이 아닌 제어를 담당합니다. - API를 조합해 원하는 프로그램을 만들 수도 있습니다. - Java API, 여러 기업들의 오픈 API Library - 응용 프로그램 개발을 위해 필요한 기능(함수)을 모아 놓은 소프트웨어 - 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임 -> 기능 모임 - 시스템..

웹 사이트에는 크게 세 가지 요소로 구성이 됩니다. html 웹페이지의 제목, 이미지, 표 등을 정의하고 구조와 의미를 부여하는 정적 언어로 웹에 전체적인 구조를 담당하고 css html이 실제 표시되는 방법 색상, 레이아웃, 크기 폰트들을 지정하여 콘텐츠를 꾸미는 정적언어이며 웹의 시작적인 표면을 담당합니다. js html의 정적이고 단조로운 한계를 극복하기 위해 만들어진 언어로 웹문서를 더욱 동적으로 처리할 수 있도록도와줍니다. DOM (Document Object Model) - 문서에 대한 모든 내용을 담고 있는 객체이고 - 텍스트 파일로 만들어진 문서를 브라우저가 이해할 수 있는 구조로 구성한 것 - HTML 요소 간의 부자 관계를 반영하여 모든 노드들을 트리 구조로 구성한 것 - HTML XM..

layout이란, 다양한 요소들을 적절한 위치에 배치하고 정렬할 수 있도록 하는 기능을 말합니다. flex는 요소들을 행, 열 단위로 정렬하기 위한 1차원 레이아웃입니다. flex container. flex item로 나뉘며 아이템들의 배치나 정렬을 담당합니다. flex container의 종류에는 - flex - direction : main-axis의 방향 결정하여 main-start 기준점을 잡는 속성이고 - flex - wrap : 플랙스아이템들이 컨테이너의 영역을 넘었을 때 어떻게 할 것인지 결장하는 속성입니다. - justify - content : 메인축기준으로 플랙스 아이템들을 정렬이고 - align - items : 크로스축기준으로 아이템들을 정렬합니다. flex item은 플랙스 컨테..

정규표현식,또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다. 수학자 Stephen Cole Kleene분 만들었으며 편집기의 패턴 매칭을 시작으로 사용되었고 grep 명령어가 정규표현식을 사용했고 vi. emacs 같은 편집기나 sed, awk 같은 유닉스 명령어에 정규표현식이 추가되었습니다. 이후 IDE와 여러 프로그래밍 언어의 표준 라이브러리로 지정됐습니다. 메타문자: 문자를 나타내는 문자 수량자: 앞 문자의 개수 정규표현식은 = 패턴구분자 시작 + 작성할 패턴 + 패턴구분자 끝 + 패턴 변경자로 이루어집니다. / 패턴 / g 메타문자 - . : 모든문자 - [] : 대괄호 안에 들어가있는 문자를 찾습니다. 대괄호 안에서 ^는 not을 의미합니다. - | : or - \s : 공백 -..

웹 표준을 지키는 이유 우선 웹표준은 어떠한 운영체제나 브라우저를 사용하여도 동일한 컨텐츠를 볼 수 있도록 웹에서 표준적으로 사용되는 기술이나 규칙입니다. 웹 표준은 '팀 버나스 리'를 중심으로한 world wide web consortium이라는 조직의 토론의 의해 정해진다. 웹 표준을 지키면 브라우저와 os에 관계없이 하나의 코드로 모든 플랫폼에 대응할 수 있어 개발자 입장에서는 개발의 효율성을 기업 입장에서는 서버 비용 절감과 운영의 효율성을 가져다 준다는 장점이 있습니다. 또한 검색엔진 최적화에 용이하고 개발자가 더 이해하기 쉬워집니다. 구조와 표현의 분리가 가능합니다. 웹 표준은 웹 접근성을 높인다는 것이다. 웹 접근성은 장애인이나 노인분들 모두 개인의 능력에 상관없이 웹 페이지의 정보에 접근할..