profile
takeaways
post-thumbnail

상태관리 Redux <리덕스>

상태관리 라이브러리 중 하나로, 단 방향 데이터 흐름flux을 제공한다.여러 컴포넌트에서 상태를 공유 하고자 하기 때문!각 컴포넌트에 종속되어 있는 State는 굳이 리덕스 스토어로 관리할 이유는 없습니다!!dispatch(action) => middleware =>

2021년 8월 21일
·
0개의 댓글

Shell Command

Shell Commands man(Manual) : 커맨드에 대한 설명을 알려줌 man clear.. clear : 터미널을 깨끗 하게 지워줌 clear pwd : 작업하고 있는 경로를 파악 할 수 있어요 ls : 현재 경로에 파일과 폴더를 확인할 수 있어요. ope

2021년 8월 18일
·
0개의 댓글
post-thumbnail

호이스팅

함수선언함수 선언은 function 키워드 뒤로 함수의 이름을 적어서 사용코드를 실핼할 때 함수를 포함하는 스코프 최상단으로 끌어 올려짐 함수 표현식함수 표현식은 function 키워드 뒤로 이름을 적지 않고 사용. 이름이 없기 때문에 익명 함수라고 부름.변수를 통해서

2021년 7월 27일
·
0개의 댓글
post-thumbnail

클래스

javascript 프로토 타입으로 객체를 만드는 방식을 조금 더 쉽게 할 수 있도록 도와 주는 역할을 합니다. 동작 원리는 동일자바스크립트의 타입 생성 방법을 다른 언어와 비슷하도록 보시 쉽게 개선한 것인 바로 자바스크립트 클래스 입니다.extends 연산자를 통행

2021년 7월 27일
·
0개의 댓글
post-thumbnail

상속 / 서브 타입 / 슈퍼 타입

call이나 apply를 이용하여 인스턴스를 인수로 전달하고 프로퍼티를 상속받는 방법을 생성자 훔치기 라고한다.Object.create()메소드를 통해 인스턴스의 \[Prototype] 대상을 지정 할 수 있습니다.자바스크립트에서는 상속받는 타입을 하위 타입(subty

2021년 7월 27일
·
0개의 댓글
post-thumbnail

프로토타입

자바스크립트에서는 생성저의 prototype프로퍼티를 통해 타입의 특징을 정의합니다.contructor 메소드는 Object타입의 프로퍼티 이며 prototype에 의해 정의 되었습니다. Object.prototype.constructor같도록 수정해보자proto =

2021년 7월 27일
·
0개의 댓글
post-thumbnail

생성자

new 연산자가 붙은 함수를 의미하며 인스턴스를 만들 수 있습니다.new Object();new Array();etc..생성자의 중요한 기능은 바로 동일한 프로퍼티, 메서드를 가진 객체를 쉽게 만들어 낼 수 있다.new 연산자가 붙으면 함수의 this는 인스턴스를 참조

2021년 7월 27일
·
0개의 댓글
post-thumbnail

클로저

클로저 - 중단하다, 폐쇄하다 > 자바스크립트에서는 함수 스코프가 있고, 함수 내부에서 정의된 변수하면 함수의 어느 부분에서든 접근할 수 있다 이 말은 즉, 내부 함수에서 자신을 포함하는 외부 함수의 스코프에 접근할 수 있다

2021년 7월 27일
·
0개의 댓글
post-thumbnail

Scope

유효범위, 변수의 접근성과 생존 기간을 제어합니다.스코프는 이름이 충돌하는 문제를 덜어주고, 자동으로 메모리를 관리합니다.전역 스코프함수 스코프블록 스코프(es6)스크립트의 어디서든 접근이 가능하기 때문에 사용이 쉽습니다.타인과 협업, 라이브러리 사용시 충돌이 가능성이

2021년 7월 27일
·
0개의 댓글
post-thumbnail

this / call / apply / bind / arrow

- this는 함수를 호출하는 객체를 의미합니다. - call과 apply는 this에 할당되는 객체를 지정할 수 있습니다. - bind는 this에 할당되는 객체를 고정! 시키는 새로운 함수를 생성 - 화살표 함수에서 this는 상위 스코프의 객체를 할당 받습니다.

2021년 7월 27일
·
0개의 댓글
post-thumbnail

원시 타입 / 참조 타입 / 원시 래퍼 타입

있는 그대로 저장되는 데이터를 표현합니다.불리언: true, flase숫자: 1, 2, 3 ...문자열: "Hello JS"nullundefined원시값을 변수에 할당하면 값이 복사되어 들어갑니다. 즉, 원시값이 하당된 변수들을 모두 자기 자신만의 고유한 값을 가지게

2021년 7월 27일
·
0개의 댓글
post-thumbnail

Asynchronous JavaScript

1\. Web APIs2\. Async/Await3\. Callbacks4\. Microtask Queue (Job Queue)5\. Task Queue (Callback Queue)6\. Promises7\. Event loopA promise is an object

2021년 4월 4일
·
0개의 댓글

Modules in Javascript

하나의 큰 자바스크립트 파일을 이용할 필요 없이 역할과 의미에 맞게 코드를 나누어 불러오고 내보내면서 조금 더 효율적으로 코드를 관리할 수 있다.그러나 브라우저는 인식 하지 못한다. browserify 사용가능.browserify app.js > bundle.js

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

[1]JavaScriptPractices

컴퓨터가 자바스크립트 코드를 어떻게 이해할 수 있을까요?컴퓨터는 자바스크립트를 이해할 수 없어요. 그렇기 때문에 자바스크립트 엔진이 자바스크립트 코드를 컴퓨터가 이해 할 수 있는 0 or 1 로 변경을 해주는 역할을 해요. 자바스크립트 엔진은 엄청 많아요구글인 자신의

2021년 3월 30일
·
0개의 댓글
post-thumbnail

Learn Firebase with me - 1️⃣ 호스팅

🔱 파이어 베이스를 사용하여 프로젝트 배포해보기 리액트 프로젝트를 파이어 베이스 호스팅을 이용해서 배포를 진행해보고 깃 허브와 연동하여 push하자 마자 배포가 될 수 있도록 해보는 시간⏱ 파이어 베이스 호스팅 사용하기. 파이어 베이스 홈 페이지로 접속 후 구글 아

2021년 3월 23일
·
0개의 댓글
post-thumbnail

웹 성능 최적화

웹 성능 최적화 가이드 1 ) 웹 성능 결정 요소 1. 로딩 성능 🔱 리소스를 불러오는 성능(HTML, CSS, JS) 이미지 사이즈 최적화 화면에 실제로 사용할 이미지 2배 사이즈를 사용하기. 실제 이미지를 줄일 수 없다면 이미지 CDN을 사용하기. >

2021년 3월 19일
·
0개의 댓글
post-thumbnail

ReactDOM.createPortal

modal을 사용하기 위해서는 redux를 연결하거나 contextAPI를 사용해서modal provider를 만들어 주고는 했다. 그런데 보니깐 리액트 돔 api중에 하나인 createPortal을 이용해서 모달을 만들어 사용할 수 있다는 부분을 보고는 나도 한 번

2021년 3월 2일
·
0개의 댓글

Resources: Importing SVG In React

This is a new special syntax when importing SVG in React. The ReactComponent import name is special and tells Create React App that you want a React c

2021년 3월 1일
·
0개의 댓글
post-thumbnail

hello, my friend react. - concepts

페이스북에서 만들고 관리하는 UI기능만 제공하는 라이브러이 입니다. 따라서 전역 상태관리나 라우팅 또는 빌드 시스템등을 각 개발자가 직접 구축해야 하는 친구 입니다.즉, 자유도가 높다는 장점이 있지만 개발환경을 직접 구축해야하는 다소 번거로운 점이 있습니다.프론트엔드

2021년 2월 15일
·
0개의 댓글
post-thumbnail

웹 최적화

프런트 엔드 성능 로딩 최적화 1. 브라우저 기준 최적화의 문제점 Navigation Timing processing && load 이 두 이벤트를 앞 단기고 빨리 하는데 목표가 있다. domContentLoadedEvent(processing) - 브라우저가 ht

2021년 2월 14일
·
0개의 댓글