profile
FE Developer

[모던 자바스크립트 Deep Dive] - 32 String

String 객체는 생성자 함수 → new 연산자와 함께 호출하여 String 인스턴스를 생성할 수 있음String 생성자 함수에 인수를 전달하지 않고 new 연산자와 함께 호출하면 \[StringData] 내부 슬롯에 빈 문자열을 할당한 String 래퍼 객체를 생성

2022년 6월 16일
·
0개의 댓글
post-thumbnail

[모던 자바스크립트 Deep Dive] - 36 디스트럭처링 할당

디스트럭처링 할당(구조 분해 할당)은 구조화된 배열과 같은 이터러블 또는 객체를 destructuring하여 1개 이상의 변수에 개별적으로 할당 하는 것을 말한다.아래의 예제와 같이, 배열 디스트럭쳐링 할당을 위해서는 할당 연산자 왼쪽에 값을 할당받을 변수를 선언해야

2022년 6월 9일
·
0개의 댓글
post-thumbnail

[모던 자바스크립트 Deep Dive] - 35 스프레드 문법

스프레드 문법(spread syntax) ...은 ES6에서 도입되었다.스프레드 문법을 사용할 수 있는 대상은 Array, String, Map, Set, DOM 컬렉션, arguments와 같이 for...of 문으로 순화할 수 있는 이터러블에 한정된다.스프레드 문법

2022년 6월 6일
·
0개의 댓글
post-thumbnail

[css] scss vs styled-components 비교

scss styled-components가 만들어진 배경에 대해 안다면, 해당 문법의 장단점 또한 이해하기 쉬울 것이다. css in css 문법은 기본적으로 js 파일과는 분리되어 있는 구조이다. 그렇기 때문에 어떤 컴포넌트의 상태값이 변하더라도 이에 반응하기 쉽지

2022년 6월 4일
·
0개의 댓글
post-thumbnail

[모던 자바스크립트 Deep Dive] - 40 이벤트

이벤트핸들러: 이벤트가 발생했을 때 호출될 함수이벤트 핸들러 등록: 이벤트가 발생했을 때 브라우저에게 이벤트 핸들러의 호출을 위임하는 것이벤트 드리븐 프로그래밍: 프로그램의 흐름을 이벤트 중심으로 제어하는 프로그래밍 방식이벤트 타입은 약 200여 가지가 있으며, 이벤트

2022년 5월 24일
·
0개의 댓글
post-thumbnail

[모던 자바스크립트 Deep Dive] - 45 프로미스(Promise)

자바스크립트는 비동기 처리르 위한 하나의 패턴으로 콜백 함수를 사용한다. 하지만 전통적인 콜백 패턴은 다음과 같은 문제점들이 있다. 가독성이 나쁨 처리중 발생한 에러의 처리가 곤란 여러개의 비동기 처리를 한번에 처리하는 데에 한계 ES6 에서는 위의 문제점들을 보

2022년 5월 17일
·
0개의 댓글
post-thumbnail

[모던 자바스크립트 Deep Dive] - 44 REST API

REST의 기본원칙을 성실히 지킨 서비스 디자인을 "RESTful"이라고 표현REST는 HTTP를 기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍쳐REST API는 REST를 기반으로 서비스 API를 구현한 것을 의미URI는 리소스를 표현해야 한다.

2022년 5월 14일
·
0개의 댓글
post-thumbnail

[모던 자바스크립트 Deep Dive] - 24 클로저

클로저는 자바스크립트 고유의 개념이 아닌, 함수형 프로그래밍 언어에서 사용되는 중요한 특성이다.따라서, 클로저의 정의는 ECMAScript 사양에 등장하지 않으며, MDN에서는 다음과 같이 정의하고 있다.클로저는 함수와 그 함수가 선언된 렉시컬 환경과의 조합이다.&lt

2022년 5월 10일
·
0개의 댓글
post-thumbnail

[Flutter] 1주차 공부 기록

최근 flutter에 관심을 가지게 되어 공부방법에 대해 찾고 있던차에Flearner에서 진행하는 플러터 5기 과정을 진행하기로하였다.함께하는 스터디, 플러터 5기https://flearnerhq.notion.site/5-d026f2898bb1407a9ad7f

2022년 5월 1일
·
0개의 댓글

[recoil/react] cannot add property 'X', object is not extensible 에러 해결

cannot add property 'X', object is not extensible오늘은 extensible 할 수 없다는 에러메시지를 경험했다.우선 구글링을해서 해당 에러가 어떨 때 발생하는지 찾아보았다.https://stackoverflow.com/q

2022년 4월 29일
·
0개의 댓글
post-thumbnail

[모던 자바스크립트 Deep Dive] - 17 생성자 함수에 의한 객체 생성

생성자 함수를 사용하여 객체를 생성하는 방식객체 리터럴을 사용하여 객체를 생성하는 방식과 장단점 비교new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다.빈 객체를 생성한 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성할 수 있다.생성

2022년 4월 26일
·
0개의 댓글

[yarn berry] Styled components - Module not found

yarn-berry를 사용한 프로젝트 작업중 Module not found 에러가 발생했다.styled-componets는 지금까지 무수히 많이 사용해 왔는데 특별한 작동법이나 조건이 필요한것도 아니고.. 도대체 왜 에러가 뜨는거지? 싶었다.최근 intellij 업데이

2022년 4월 25일
·
0개의 댓글
post-thumbnail

[AWS] CloudFront 캐시삭제

얼마전 캐시문제로 고생했던 기억이 있다.캐시가 너무 오랫동안 남아있어서, 캐시문제인걸로 인지하지못하고 다른곳에서 문제를 찾다가 다른 컴퓨터로 접속해보니 결국 되었더라..는 슬픈이야기그때의 경험으로 TTL 관리의 필요성을 뼈저리게 느끼게 되었고,오늘은 이에대해 정리해보려

2022년 4월 19일
·
0개의 댓글
post-thumbnail

[ S3 / CloudFront / Next.js ] 새로고침 했을 때 NoSuchKey 에러 무효화하기

업무중 Next.js 환경 하의 프로젝트를 AWS를 통해 배포하게 되었다.성공적으로 배포가 되었고 모든 페이지들이 정상적으로 작동하였는데, 새로고침을 누르는순간 다음과같은 에러가 발생했다.Router 문제로 인한 경로 문제요청된 객체가 버킷에 없는 경우CloudFron

2022년 4월 19일
·
0개의 댓글

[모던 자바스크립트 Deep Dive] - 14 전역 변수의 문제점

변수는 생성되고 소멸되는 생명 주기(life cycle)가 있다.전역변수의 생명주기는 애플리케이션의 생명 주기와 같다.지역변수의 생명주기는 함수의 생명 주기와 일치한다.앞의 4.4절 "변수 선언의 실행 시점과 변수 호이스팅"에서 변수 선언은 선언문이 어디에 있든 상관없

2022년 4월 17일
·
0개의 댓글
post-thumbnail

[ AWS ] Next.js 프로젝트를 정적 웹사이트로 배포하기

대부분의 프로젝트는 동적 웹페이지 방식으로 배포를 한다.하지만, 간혹 정적 웹페이지를 간단히 배포하여 사용할일이 있다. 그게 바로 오늘이다..오늘 받은 요구사항을 요약하자면 아래와 같다.일회성 프로젝트라 수정할 일이 없음클라우드 프론트 주소가 아니라 깔끔한 도메인주소로

2022년 4월 14일
·
0개의 댓글
post-thumbnail

[모던 자바스크립트 Deep Dive] - 06 데이터 타입

데이터 타입은 값의 종류를 말한다.자바스크립트의 모든 값은 데이터 타입을 갖는다.ES6는 7개의 데이터 타입을 제공하며, 원시타입(primitive type)과 객체타입(object/reference type)으로 분류할 수 있다.C나 자바의 경우 정수, 실수를 구분해

2022년 4월 12일
·
0개의 댓글
post-thumbnail

[모던 자바스크립트 Deep Dive] - 05 표현식과 문

값(value)은 식(expression)이 평가되어 생성된 결과를 말한다.모든 값은 데이터 타입을 가지며, 메모리에 2진수, 즉 비트의 나열로 저장된다.리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다.자바스크립트 엔진은

2022년 4월 12일
·
0개의 댓글
post-thumbnail

[모던 자바스크립트 Deep Dive] - 04 변수

변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다.간단히 말하자면, 값의 위치를 가리키는 상징적인 이름이다.따라서 개발자가 직접 메모리 주소를 통해 값을 저장하고 참조할 필요가 없고 변수를 통해 안전하게

2022년 4월 12일
·
0개의 댓글
post-thumbnail

[모던 자바스크립트 Deep Dive] - 03 자바스크립트 개발 환경과 실행 방법

브라우저 환경 또는 Node.js 환경에서 실행할 수 있음하지만 브라우저와 Node.js는 용도가 다름브라우저는 HTML, CSS, 자바스크립트를 실행해 웹페이지를 브라우저 화면에 렌더링하는것이 주된 목적Node.js는 브라우저 외부에서 자바스크립트 실행 환경을 제공하

2022년 4월 12일
·
0개의 댓글