CORS를 거치는 정석적인 과정 없이 React 라이브러리, 혹은 Webpack Dev Server에서 제공하는 proxy 기능을 사용하면 CORS 정책을 우회할 수 있습니다. 이는 별도의 응답 헤더를 받을 필요 없이 브라우저는 React 앱으로 데이터를 요청하고, 해

CI/CD는 약어로, 몇 가지의 다른 의미를 가지고 있습니다. CI/CD의 "CI"는 개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)을 의미합니다. CI를 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 정기

Optimization >최적화(Optimization) 의 개념 컴퓨터 공학에서의 최적화는 가능한 적은 리소스를 소모하면서 가능한 빠르게 원하는 결과를 얻을 수 있도록 하는 것을 의미한다. >필요성 이탈률 감소 전환율 증가 수익 증대 사용자 경험(UX) 향상

웹팩의 핵심 개념targettarget의 기본값은 web입니다. 적용하지 않으면 이 기본 값으로 적용됩니다. 이 부분에는 web 외에도 다양한 환경을 컴파일 할 수 있는데, esX를 넣으면 지정된 ECMAScript 버전으로 컴파일할 수 있습니다.entryEntry 속

동작 순서1.action2.dispatch3.reducer4.store구현 순서StoreReducerActionuseDispatchuseSelector실습\+,- 버튼을 눌렀을때 count 가 1씩 늘어나게 redux로 상태관리파일구조1-1. Reducers에서 사용할

UI 분석사용중인 UI 디자인 패턴캐러셀드롭다운탭컬럼 그리드 시스템 사용 여부사용 안함UX 분석피터 모빌의 UX 7요소 충족 여부O 유용성(Useful) : 사용 가능한가O 사용성(Usable) : 사용하기 쉬운가O 매력성(Desirable) : 매력적인가O 신뢰성(C

사용자와 인터페이스의 상호 작용사용자의 총체적 경험 (제품,서비스의 직,간접적 사용 경험)자주 사용되는 UI 패턴모달(Modal)토글(Toggle)탭(Tab)태그(Tag)자동완성(Autocomplate)드롭다운(Dropdown)아코디언(Accordion)캐러셀(Caro

Route53 도메인 구매 및 호스팅 영역 등록Certificate Manager ACM 인증서 등록(https를 사용하기 위함) S3 버킷에 소스 올리기 CloudFront 에 S3 연동하기CloudFront 와 Route53 연동하기Route 53 에서 도메인

어빌리티 스톤 시뮬레이터리액트로 요즘에 즐겨하는 로스트아크 라는 게임의 돌을 깎는 시뮬레이터를 만드려고 한다. 일단 구성은화면 구성하나씩 추가할 예정~

REST API 웹에서 사용되는 데이터나 자원(Resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식 > REST 성숙도 모델 (RMM) 총 4단계로 이루어져 있다. 0단계 - 1단계 - 2단계 - 3단계 - >

프로토타입JavaScript는 흔히 프로토타입 기반 언어(prototype-based language)라 불립니다.— 모든 객체들이 메소드와 속성들을 상속 받기 위한 템플릿으로써 프로토타입 객체(prototype object)를 가진다는 의미입니다. 프로토타입 객체도

단순히 별개의 변수와 함수를 순차적으로 작동하는 것을 넘어, 데이터의 접근과, 데이터의 처리 과정에 대한 모형을 만들언 내는 방식캡슐화(Encapsulation) - 재사용성을 높임상속(Inheritance) - 단순화된 사용으로 변화에 대한 영향을 최소화시킴추상화(A

하나의 모델이 되는 청사진을 만들고 -> class그 청사진을 바탕으로 한 객체를 만드는 -> instance프로그래밍 패턴쉽게 말해 class는 상자를 만들고instance는 상자의 색깔을 입힌다고 생각하면 된다

filter배열의 각 요소가 특정 논리(함수)에 따르면, 사실(true)일 때 따로 분류함(filter)map배열의 각 요소가 특정 논리(함수)에 의해 다른 요소로 지정(map)된다reduce배열의 각 요소를 특정 방법(함수)에 따라 원하는 하나의 형태로 응축한다(re

일급객체JavaScript에도 특별한 대우를 받는 일급 객체가 있습니다. 대표적인 일급 객체 중 하나가 함수입니다. JavaScript에서 함수는 아래와 같이 특별하게 취급됩니다.변수에 할당 할 수 있다.다른 함수의 전달인자로 전달될 수 있다.다른 함수의 결과로서 리턴

html 작성하는데 ! tap이 안되길래 찾아보는데 최신 업데이트 버전 이후 바뀌었다는 유튜브를 보게 되었다.해결방법 window - ctrl + spacemac - ctrl + fn + space참고https://www.youtube.com/watch?v=t

array.sort() : 배열을 오름차순 정렬sort()를 적용하면 문자나 숫자는 알맞게 정렬해준다. 하지만 숫자 형태의 문자 \['10','9','11'] 을 sort() 하면문자를 비교하면 앞자리의 문자 9보다 1이 작기 때문에 '10','11'이 '9'보다 앞으

배열의 단축 문법

Object.assign()의 함정

velog 에서 코드블럭 색상 변경하는 법