HTTP 프로토콜의 약점을 보완하기 위해서 사용한다.그러므로, 서버는 클라이언트가 누구인지 인증이 필요하다!쿠키와 세션의 차이점은 크게 상태 정보의 저장 위치이다.쿠키는 클라이언트(=로컬 PC)에 저장하고, 세션은 서버에 저장한다.쿠키는 클라이언트(브라우저) 로컬에 저

프로젝트에 React-slick 라이브러리와 input 태그의 multiple 속성을 사용하여 이미지 CRU (Create, Read, Update) 구현하였다.구현하는 도중 버그아닌 버그(?)를 발견하였다!먼저 아래는 React-slick에서 제공하는 slider의

코드캠프에서의 8주 기간 후에 약 한달동안 팀프로젝트를 진행하였다.기간: 5/9 ~ 6/1인원: 프론트엔드 3명(본인 포함) / 백엔드 2명 / 디자이너 (😡)총 4주간의 팀프로젝트 여정을 주 단위로 끊어 회고록을 작성해보고자 한다.배포주소 : tempclothes.

귀여운 고래위에 컨테이너를 쌓아올린 마크 너무 귀염뽀작하다!이름은 docker(도커)인데 어떤 녀석일까?나는 이렇게 얘기하고 싶다. 어플리케이션을 패키징 할 수 있는 유용한 툴이라고!그리고, 우리가 만든 어플리케이션을 구동하는데 필요한 모든 것들을 docker cont

서버사이드렌더링, 클라이언트사이드 렌더링을 알기 전에, 렌더링이란 무엇일까?렌더링: 서버로부터 요청해서 받은 내용을 브라우저 화면에 표시하는 것클라이언트 측에서 렌더링하는 방식이다(모든 것을 다해먹는다)클라이언트 사이드의 전반적인 흐름을 적어보면,첫 요청할때 한페이지

앞으로의 프론트엔드 >>> Frontend서비스 안정성 높이기 >>> isSubmittinggit으로 협업하기 >>> Gitflow-Workflow년월일을 입력했을때, 자동적으로 .이 붙게 하는 것sentry.io => 에러가 어디서 났는지 수집하고, 어떤 ip에서 발

promise는 자바스크립트에서 비동기를 간편하게 처리해주는 객체이다비동기처리는 '특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 것을 말한다프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용된다,즉, 일반적으로 웹 애플리케이션을

이벤트루프란 간단히 이야기 해서 브라우저 메인 스레드 동작 타이밍을 관리하는 관리자이다여기서 메인 스레드란 자바스크립트 코드 실행이나 브라우저 렌더링을 맡는 등 브라우저의 주된 동작이 수행되는 곳이다자바스크립트는 싱글 스레드 기반 언어이기 때문에, 한번에 하나씩 작업을

SQL을 사용하면 RDBMS에서 데이터를 저장, 수정, 삭제 및 검색 할 수 있다관계형 데이터베이스에는 핵심적인 두 가지 특징이 있다.데이터는 정해진 데이터 스키마에 따라 테이블에 저장된다.데이터는 관계를 통해 여러 테이블에 분산된다.데이터는 테이블에 레코드로 저장되는

제너릭 타입은 타입에 유연성을 제공하여 컴포넌트 등에서 재사용을 가능하게 해주는 타입이다.타입의 유연성이란 :string, :number 등과 같이 고정된 타입이 아닌 사용에 따라 여러 타입을 사용하게 해준다는 것이다.이는 any 타입과 매우 흡사하지만 차이점이 있다.

atomic 패턴이란 소스코드를 아주 작은 컴포넌트 단위로 먼저 쪼개는 방법을 의미한다. 이유: 컴포넌트의 중복을 최소화하기 위함이다.Atomic 패턴은 디자이너의 세계에서도 유명한 패턴이기 때문에 이 패턴에 능숙하면 디자이너들과의 협업시에 유리하고, 프로젝트 시작부터

react-router에 경우 주소창의 주소와 path부분을 비교한다. 비교를 할 때는 맨 위에서 부터 비교를 하면서 path와 주소가 일치하는 곳으로 페이지를 이동을 시킨다.Next.js에서는 router.push를 통해서 필요한 것만 뽑아서 url에 넣어주어서 페이

Mutable한 객체는 생성된 이후에 상태가 변경될 수 있는 객체Mutable은 바뀔 수 있는 변수 타입을 말한다. Javascript에서는 object와 array만 Mutable한 타입이고, 원시 타입은 Immutable하다.Immutable한 객체는 생성된 이후에

DOM(Document Object Model)은 웹 페이지를 이루는 태그들을 자바스크립트가 이용할 수 있게끔 브라우저가 트리구조로 만든 객체 모델을 의미한다.DOM(Document Object Model)을 영어 뜻풀이 그대로 하자면 문서 객체 모델을 의미한다.문서

웹 브라우저는 동기(Synchronous)적으로 (HTML + CSS), Javascript 언어를 해석하여 내용을 화면에 보여주는 응용 소프트웨어이다.출처: https://bbangson.tistory.com/87 뺑슨 개발 블로그사용자 인터페이스 사용자가

목차 Docker Docker 부팅 등 운영체제의 핵심기능(커널)을 공유하는 가상머신 이미 설치할 목록이 셋팅되어 있으니, 내가 하나 하나 설치 안해도 되고 편하다! -> OS 전체를 다시 새로 설치하지 않아도 된다! -> 빨라졌다! > 개발/배포환경 통일 프로그램

Scope를 우리말로 번역하면 ‘범위’라는 뜻을 가지고 있다. 즉, 스코프(Scope)란 ‘변수에 접근할 수 있는 범위’.자바스크립트에선 스코프는 2가지 타입이 있다. 바로 global(전역)과 local(지역) 이다.전역 스코프(Global Scope)는 말 그대로

http status code는 http통신이 성공적으로 완료 되었는 지를 알려준다. 응답은 5개의 그룹으로 나누어 진다. 정보를 제공하는 응답, 성공적인 응답, 리다이렉트, 클라이언트 에러, 그리고 서버 에러가 있다.100 : 요청을 받았으며 프로세스를 계속 진행한다

깊은 복사(Deep Copy)는 '실제 값'을 새로운 메모리 공간에 복사하는 것을 의미한다얕은 복사(Shallow Copy)는 '주소 값'을 복사한다는 의미이다.얕은 복사의 경우 주소 값을 복사하기 때문에, 참조하고 있는 실제값은 같습니다.