Frontend

· Frontend
쿠키, 그리고 웹 스토리지에 해당하는 로컬 스토리지와 세션 스토리지는 모두 브라우저에 데이터를 저장하는 방식인 클라이언트 기반 저장소입니다.그러나 데이터의 저장 위치, 수명, 관리 주체, 저장 목적 등에 차이가 존재합니다. 아래에서 쿠키, 로컬 스토리지, 세션 스토리지의 순서로 자세히 살펴보겠습니다. 🗂️ 쿠키쿠키(cookie)란 웹 사이트에 접속할 때 서버에 의해 사용자의 컴퓨터에 저장되는 작은 데이터 조각을 의미합니다.- TCP school웹 사이트에 접속하면 종종 쿠키의 사용 여부를 물어보는 아래와 같은 팝업을 볼 수 있습니다. 쿠키의 특징은 다음과 같습니다.키-값 형태의 데이터로 저장됩니다.문자열 형식만 저장할 수 있습니다.하나의 키에 최대 4KB 크기의 값(작은 데이터 조각)까지만 저장할 수 ..
· Frontend
📋 REST란먼저 REST란 'Representational State Transfer'의 약자로, 직역하자면 '표현적 상태 전송'입니다.REST는 웹이 갖추어야 할 이상적인 아키텍처(구조)를 의미하며, 해당 기준을 충족한 API를 'RESTful API'라고 합니다. REST 아키텍처가 되기 위한 'REST 설계 원칙'에는 다음과 같은 6가지 원칙이 존재합니다.클라이언트-서버 분리(Client-Server)무상태(Stateless)캐시 가능성(Cache)일관된 인터페이스(Uniform Interface)계층화된 시스템(Layered System)[선택 사항] 코드 온 디맨드(Code-on-Demand)아래에서 각 조건들을 자세히 살펴보겠습니다. 📋 REST 설계 원칙1) 클라이언트-서버 분리(Cli..
· Frontend
🪴 라이브러리란라이브러리란 특정 기능을 수행하는 코드의 집합으로, 개발자가 필요에 따라 라이브러리를 선택하여 사용할 수 있습니다.따라서 라이브러리를 사용하는 상황이라면 애플리케이션의 흐름을 제어하는 것은 개발자입니다.- F-Lab라이브러리는 특정 기능을 모듈화 한 것으로, 이미 작성된 변수나 함수, 클래스를 포함하고 있습니다.라이브러리는 애플리케이션의 구성요소가 되며, 적용되는 대상에서 바로 실행될 수 있는 형태로 제공됩니다.따라서 개발자는 목적에 따라 필요한 라이브러리를 고르고 설치하여 프로젝트에 적용시킵니다.개발자가 먼저 프로젝트의 흐름을 구성하고, 구현 과정에서 필요한 라이브러리를 가지고 와서 사용하게 되는 것입니다. 쉬운 예시로 많이 소개되는 것은 라이브러리를 가구에 비유하는 예시입니다.예를 들..
· Frontend
📖 테스트란소프트웨어 테스트란 개발한 소프트웨어의 기능 및 동작을 검증하여 결함을 찾아내고 수정하는 과정입니다.이때 테스트를 위해 작성하는 코드가 테스트 코드이고, 테스트 코드를 수행함으로써 개발자가 예상한 결과가 나오는지 확인합니다.대표적인 테스트의 종류는 다음과 같습니다.정적 테스트(static test): 코드를 실행하지 않고 테스트합니다. 기능이 구현되기 전과 같이 개발 프로세스 초기에 결함을 발견하기 위한 목적으로 수행합니다. 타입스크립트로 함수의 파라미터 타입을 검사하는 것도 정적 테스트에 해당합니다.단위 테스트(unit test): 개별적인 코드 단위가 의도한 대로 동작하는지 테스트합니다. 보통 함수나 메서드가 알맞은 입력값과 출력값을 반환하는지 확인합니다. 그 밖에도 유틸성 함수, 커스텀..
emmaOH!
'Frontend' 태그의 글 목록