React 앱에서 브라우저를 통해 API를 요청할 때, proxy를 통해 백엔드 서버로 요청을 우회하여 보내게 됩니다. 그러면 백엔드 서버는 응답을 React 앱으로 보내고, React 앱은 받은 응답을 백엔드 서버 대신 브라우저에게 전달합니다. 이렇게 되면 출처가 같

개발자를 위한 자동화 프로세스라고 볼 수 있으며, Code - Build - Test 단계에서 꾀할 수 있습니다.Code : 개발자가 코드를 원격 코드 저장소 (Ex. github repository)에 push하는 단계입니다.Build : 원격 코드 저장소로부터 코드

역 매핑은 숫자형 열거형에만 존재하는 특징입니다. 열거형의 키(key)로 값(value)을 얻을 수 있고 값(value)으로 키(key)를 얻을 수도 있습니다.타입 별칭(Type Aliases)은 타입의 새로운 이름을 만드는 것예시1예시2예시1VSCode로 작성 시,

1.프로젝트 폴더를 생성2.새로운 프로젝트를 초기화(npm init -y)3.TypeScript를 설치(npm install typescript --save-dev)4.tsconfig.json 생성5.src폴더 작성 후 index.ts 파일을 만들어서 TypeScrip

UI란 사람들이 컴퓨터와 상호 작용하는 시스템화면상의 그래픽UI(GUI)이외에도 키보드,마우스,스마트폰 버튼 등 물리적 UI도 존재함프론트엔드 개발자로서의 UI는 GUI를 의미하는 경우가 많다.UX란 사용자가 어떤 시스템, 제품, 서비스를 직•간접적으로 이용하면서 느끼

Cookie Session Token OAuth2.0

조건에따라서 걸러진 요소들을 모아 새로운 배열로 만들어줌map은 이렇게 하나의 데이터를 다른 데이터로 매핑(mapping) 할 때 사용된다.배열의 모든 요소에 적용됨.reduce는 이렇게 여러 데이터를, 하나의 데이터로 응축(reduce)할 때 사용된다.

‘웹에서 표준적으로 사용되는 기술이나 규칙’유지 보수의 용이성웹 표준으로 HTML, CSS, JavaScript 등의 사용 방법을 정리하기 이전에는 구조, 표현, 동작이 뒤섞인 코드도 많았습니다. 그러다 보니 어느 한 부분을 수정하려면 전부 뜯어고쳐야 할 때도 있었습니

프론트엔드 개발을 위한 Javascript 오픈 소스 라이브러리HTML/CSS/JS로 파일을 나눠서 작성하지 않아도, 하나에 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향한다.하나의 기능을 위한 여러 종류의 코드를 묶어둔 컴포넌트를 기반으로

Javascript의 상태 관리 라이브러리Redux는 React와 함께 사용되는 것이 일반적이며, React에서 Redux를 사용하면 앱의 전역 상태를 보다 효율적으로 관리할 수 있다.React 컴포넌트 트리 내에서 상태를 전파하는 대신, Redux store를 사용하

주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때에 사용합니다.const numbers = 1, 2, 3;sum(...numbers) // 6// ...numbers = 1 2 3 배열을 풀어서 넣는다.// 즉,x=1 , y=2 , z=3le

UI란 사람들이 컴퓨터와 상호 작용하는 시스템화면상의 그래픽UI(GUI)이외에도 키보드,마우스,스마트폰 버튼 등 물리적 UI도 존재함프론트엔드 개발자로서의 UI는 GUI를 의미하는 경우가 많다.위 패턴 외에도 다른 다양한 패턴들이 있음.추천사이트 - https&#x3A

리액트 , 서버 , 비동기 , 객체지향이번 섹션에서의 느낀부분은 내가 현재 공부하고있는 부분이 프론트엔드 개발이라 할지라도 , 백엔드의 관한 어느정도의 기초지식은 꼭 필요하다는 점을 느꼈다. 결국 웹 개발이란 프론트엔드 혼자만이 아닌 백엔드와의 협업을 통해 이루어지는것

클라이언트와 서버를 연결하는 방법?(클라이언트에서 서버에게 요청을하면 서버에서 성공,실패 여부에 따라 응답이 옴)자원(Resource)을 HTTP URI를 통해 표현하고 HTTP Method(POST, GET, PUT, DELETE 등)를 통해 정의하는 방식0단계부터

프로토타입 체인 부모클래스와 자식클래스가 상속되며 자식클래스에서 부모클래스의 속성을 받을수있고 , 부모의 부모 ... 까지 받아 올 수 있음. .prototype 상속되는 속성과 메소드들은 각 객체가 아니라 객체의 생성자의 prototype이라는 속성에 정의 pro

비밀공간?이러한 클래스를 생성했을때 콘솔내에서는 자동적으로 Coding의 프로토타입이라는 비밀공간이 생성됨Coding의 프로토타입 공간으로 속성을 추가할 수 있다.대상된 객체의 자식으로 됨.클래스는 원본을 가진 청사진으로 인스턴스에 가진 내용을 상속프로토타입은 다른객체

프로그램을 수많은 '객체(object)'라는 기본 단위로 나누고 이들의 상호작용으로 서술하는 방식이다.객체란 하나의 역할을 수행하는 '메소드와 변수(데이터)'의 묶음속성(데이터)과 메서드(기능)를 따로 정의 하는것이 아닌 , 하나의 객체 안에 넣어서 묶는것=> 속성과

클래스는 하나의 원본이 되는 청사진(함수를 작성하여 객체를 정의)예시)인스턴스는 클래스에서 파생되는 객체(정의된 객체를 가지고 인스턴스 생성)예시)변수에 클래스의 설계를 가진 새로운 객체, 인스턴스가 할당됨.이때 1\. 빈 객체를 만들어 this에 할당2\. 함수 본문

링크https://weloveyoublueprint-lecture12.jm05271998.repl.co/이 목업을 만드는 도중 가장 어려웠던 부분은 음악의 길이를 알려주는 바 부분이었다.기본으로 적용되는 input의 모양을 바꾸는 일은 상상이상으로 어려웠다.이

링크https://replit.com/@jm05271998/WeLoveYouBlueprint-lecture11클론코딩이나 전체적으로는 깔끔한 느낌이 든다고 생각한다.그러나, 정한 width이상으로 콘텐츠가 넘어가버리는 부분이나, 전체적인 사진크기등이 아쉬운 부