본문 바로가기

전체 글67

[프론트엔드 기술면접] position이란? ♣ position을 어떻게 사용하는지 알려주세요 CSS의 속성중 하나로 웹 문서 안 요소들을 어떻게 배치할지를 지정하는 속성입니다. position 속성을 이용하면 텍스트나 이미지같은 요소들을 원하는 곳에 위치시킬 수 있습니다. position은 static, relative, fixed, absolute, sticky 5가지가 있습니다. static : position속성의 기본 값으로 다른 요소와의 관계에 의해 자동으로 배치되고 top, right, bottom, left, z-index와 같은 속성에 영향을 받지 않습니다. relative : 원래 있던 위치(position : static(default) 이었을 때)를 기준으로 top, right, bottom, left와 같은 속성에 의한 상대.. 2023. 7. 24.
[프론트엔드 기술면접] HTTP와 HTTP 메세지 구조 🎐 HTTP란? HTTP란 Hyper Text Transfer Protocol의 약자로, 서버와 클라이언트 사이에서 데이터를 주고 받을 수 있는 규칙입니다. HTTP는 기본적으로 request(요청)/response(응답) 구조로 되어있습니다. 🎐 Request Message 구조 1) Start Line HTTP method : 요청의 의도를 담고 있는 GET, POST, PUT, DELETE등이 있습니다. Request target : HTTP Request가 전송되는 목표 주소입니다. HTTP version : version에 따라 Request 메세지 구조나 데이터가 다를 수 있어서 version을 명시합니다. 2) Headers - 해당 request에 대한 추가 정보를 담고 있는 부분 - re.. 2023. 7. 24.
[프론트엔드 면접 대비] 캐시의 장단점과 활용 캐시란? 자주 사용하는 데이터나 값을 미리 복사해 놓은 임시 장소를 의미한다. 캐시의 장단점 🎠장점 캐시에 데이터를 미리 복사해 놓으면, 계산이나 접근시간 없이 빠른속도로 데이터에 접근할 수 있습니다. 따라서 반복적으로 동일한 결과를 반환해야 할 때 접근 시간과 계산시간을 절약할 수 있습니다. 또한, 캐시를 이용하면 데이터를 다시 계산하거나 다시 가져올 필요가 없기 때문에 서버 부하를 줄일 수 있어 더 나은 서비스를 제공할 수 있습니다. 🎠단점 메모리 저장공간은 속도가 빠를수록 비용이 비싸고, 메모리공간이 상대적으로 작습니다. 캐시에 저장할 수 있는 데이터의 양에는 제한이 있기 때문에, 메모리 용량 부족으로 인한 성능 저하가 발생할 수 있습니다.(캐시 메모리 제한) 또한, 캐시에 저장된 데이터가 실제 데.. 2023. 7. 21.
[프론트엔드 면접 대비] Restful API Restful API(Representational State Transfer API) "웹 애플리케이션이 제공하는 각각의 데이터를 자원(Resource)으로 간주하고 각각의 자원에 고유한 URI(Uniform Resource Identifier)를 부여해 이를 API를 정의하기 위한 소프트웨어 아키텍처 스타일" Restful API는 HTTP 통신을 Rest 설계 규칙을 잘 지켜서 개발한 API입니다. Rest 설계 규칙 URI는 정보의 자원만을 표현해야 하며, 자원의 행위는 HTTP Method(GET, POST, PUT DELETE)로 표현하는걸 말합니다. 👉 HTTP URI를 통해 자원(Resource)을 명시하고, HTTP Method(POST, GET, PUT, PATCH, DELETE)를 통.. 2023. 7. 19.

티스토리툴바