본문 바로가기

IT Study

(16)

[IT Study] HTTP와 HTTPS 란? HTTP 1) HTTP(Hypertext Transfer Protocol) HTTP(Hypertext Transfer Protocol)는 서로 다른 시스템들 사이에 통신을 주고 받게 해주는 가장 기본적인 프로토콜이다. 웹 서핑을 할 때 서버에서 자신의 브라우저로 데이터를 전송해주는 용도로 많이 사용되며, 서버 - 클라이언트 모델에 맞춰 데이터를 주고 받기 위한 프로토콜이다. 인터넷 초기에 모든 웹 사이트에서 기본적으로 사용되었던 프로트콜이었다. 80번 포트를 기본적으로 사용하고 있다. 2) HTTP의 구조 HTTP는 애플리케이션 레벨의 프로토콜이기 때문에 TCP/IP 위에서 동작한다. HTTP는 상태를 가지지 않는 Stateless 프로토콜이며 Method, Path, Version, Headers, B..

[IT Study] 프레임워크(Framework)란? 면접에서 종종 들었던 질문이였던 프레임워크에 대해서 정리해보고자 한다. 프레임워크란? 일정한 형태의 틀, 부품을 가지고 다양한 형태의 결과물을 만드는 것! 개발에 필요한 화면구현, DB연동, 개발환경들의 공통적인 부분을 제공함으로서 개발 시간과 (인력)비용을 절감할 수 있게 해준다. 즉, 프로그램 개발의 다양한 기능들을 통합적으로 제공하는 것으로 한마디로 표현하자면 '특정 프로그램을 개발하기 위한 여러 요소들과 메뉴얼인 룰을 제공하는 프로그램' 이다. 프레임워크 VS 라이브러리 프레임워크(자동차 틀) vs 라이브러리(자동차 부품들) 이 둘의 결정적인 차이는 자유도! 프레임워크를 가지고 프로그램을 만들기 시작하면 어떤 규약을 꼭 지키면서 만들어야한다. 하지만 라이브러리는 도구로 프레임워크가 가지고 있는 규..

면접 준비 자바 (JAVA) -> 네트워크 상에서 쓸 수 있도록 미국의 Sun마이크로 시스템사가 개발한 객체지향 프로그래밍 언어 자바의 특징 JVM(java virtual machine)설치하면 컴퓨터의 운영체제에 상관없이 작동 즉, 운영체제로 부터 독립적 기본 자료형을 제외한 모든 요소들이 객체로 표현 객체지향 개념의 특징인 캡슐화, 상속, 추상화, 다형성이 잘 적용된 언어 GarbageCollector를 통한 자동적인 메모리 관리 멀티쓰레드(Muti-thread)를 지원 객체지향이란 (OOP : Object-Oriented Programming) 데이터를 객체로 취급하여 프로그램에 반영한 것 순차적으로 프로그램이 동작하는 기존의 것과 다르게 객체와 객체의 상호작용을 통해 프로그램이 동작하는 것 장점 코드의 재사..

[ 동영상 시청 ] Flex Layout 참고 동영상 https://www.youtube.com/watch?v=JQ0jO3B43YQ Layout [ normal flow ] 기본적으로 HTML에 요소를 배치하는 방법은 normal flow를 따릅니다. normal flow 브라우저가 기본값으로 HTML 페이지를 배치하는 방법을 말합니다. - block 형태 -> 자신의 부모요소 너비를 전부 차지한다. -> 새로운 블록을 추가할 시, 다음 라인 개행되어 추가하는 형태 - inline 형태 -> 부모 너비 전부를 차지하지 않고 자신의 컨텐츠 영역만큼만 너비를 차지 -> 부모의 최대 너비를 넘지 않는 선에서 나란히 위치 Flex 요소들을 행, 열 단위로 정렬하기 위한 1차원 레이아웃 flex container -> flex 아이..

[ 동영상 시청 ] CSS 방법론 참고 동영상 https://www.youtube.com/watch?v=B70h37mpD74&t=555s CSS란? HTML 또는 XML로 쓰여진 문서의 스타일을 나타내기 위해 사용되는 언어 문서의 구조와 스타일(디자인)을 분리하여 HTML이나 XML의 각 요소를 꾸미는 것이 역할 CSS 등장 이전 / 이후의 스타일링 CSS 등장 이전 각 요소의 전용 속상이나 style 속성으로 스타일을 일일이 지정 문제점 -> 같은 스타일 요소를 여러 페이지마다 사용하면, 하나를 수정할 때마다 그만큼 반복하여 수정을 해야 한다. -> HTML은 본래 문서 구조를 의미하므로 HTML에 직접 스타일을 지정하는 것은 바람직하지 않는다. CSS 등장 이후 CSS 파일에는 스타일을 기재하고 HTML에는 문서의 구조를 작성 관심사..

[ 동영상 시청 ] 프론트엔드에서 Component란? 참고 동영상 https://www.youtube.com/watch?v=2C1tXVHu9XQ 컴포넌트의 의미 전체의 부분 프론트엔드의 컴포넌트란? 과거의 웹 - 비교적 단순하기 때문에 컴포넌트라는 개념이 중요하지 않았음. 오늘날 웹 - 90년대 후반에 AJAX가 등장하면서 웹의 대변화 가 시작 됨. 웹이 점점 동적으로 변해감. 복잡한 웹을 작게 나누게됨 컴포넌트 분리하는 법 Atomic Design : 화학적 개념을 이용하여 컴포넌트를 분리하는 방법론 중 하나 총 5단계 ATOMS(원자) : 인터페이스를 구성하는 최소단위의 블록 -> 검색창을 구성하는 form, input, button 태그와 같은 HTML tag들이 원자에 해당됨 MOLECULES(분자) : 원자들을 하나의 단위로 동작시키는 UI 컴포넌..

[ 동영상 시청 ] 웹 접근성 & 표준 참고 동영상 https://www.youtube.com/watch?v=xToJhmAJYCE 웹 표준의 배경 초기 - 넷스케이프 vs 인터넷 익스플로어 중기 - IE가 독점, IE는 자사에 유리한 플로그인을 대거 채용 말기 - 스마트폰의 등장 웹 표준 이란? 어떠한 운영체제나 브라우저를 사용하여도 동일한 컨텐츠를 볼 수 있도록 웹에서 표준적으로 사용되는 기술이나 규칙입니다. 웹 표준의 장점 브라우저와 os에 관계없이 하나의 코드로 모든 플랫폼에 대응할 수 있어 개발자 입장에서는 개발의 효율성을, 기업 입장에서는 서버 비용 절감과 운영의 효율성을 가져다 준다는 장점이 있습니다. 1. 검색엔진 최적화 2. 개발자가 더 이해하기 쉬운 코드 3. 구조와 표현의 분리 4. 웹 접근성을 높임 웹 접근성 이란? 장애인..

[ 동영상시청 ] 정규 표현식 참고동영상 https://www.youtube.com/watch?v=CjoDIgDOHA4&t=3s 정규표현식의 능력은 특정 패턴을 가지고 문자열을 찾을 수 있다. 정규표현식 = 패턴구분자 시작 + 작성할 패턴 + 패턴구분자 끝 + 패턴 변경자 메타문자 ., C, U를 찾는다면 ? -> /[.CU]/g ., C, U를 제외하고 찾는다면? -> /[^.CU]/g | : OR \s : 공백 \d : 숫자 ([0-9]) \w : 영문자 모두, 숫자, 밑줄 ([0-9a-zA-Z_]) 수량자 + : 앞 문자가 하나 이상 ([1,]) * : 앞 문자가 0개 이상 ([0,]) [n, m] : 앞 문자가 n개 이상, m개 이하 [n, ] : 앞 문자가 n개 이상 [n] : 앞 문자가 n개 ? : 앞 문자가 없거나 하나 ..

이전 1 2 다음

티스토리툴바