profile
Frontend Developer
post-thumbnail

React | Firebase 셋업하기

FoundationCRA로 리액트 프로젝트를 만든다.프로젝트 디렉토리에서 터미널에서 firebase를 설치한다.packge.json에 firebase가 입력되어 있으면 성공적으로 설치가 된 것이다!👏Firebase 가장 먼저 https://firebase.g

2022년 8월 8일
·
0개의 댓글
·

Redux | React에서의 Redux 사용 예제(reducer, store, dispatch)

mapStateToProps()를 통해서 store.js에 저장된 state 값을 가져온다.mapDispatchToProps()를 통해서 액션함수를 가져온다.useSelector, useDispatch의 사용❗️mapDispatchToProps(), mapStateTo

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

JS | 불변성을 무엇이고, 왜 지켜야 할까? Mutable vs. Immutable

mutable생성된 이후에 상태가 변경될 수 있는 객체Javascript에서는 object와 array만 Mutable한 타입이고, 원시 타입은 Immutable하다.immutable생성된 이후에 상태가 변경되지 않는 객체어떤 값을 직접적으로 변경하지 않고 새로운 값을

2022년 7월 27일
·
0개의 댓글
·

REST API - GET, POST, PUT, DELETE

: HTTP URI를 통해 자원을 명시하고, METHODF를 통해 해당 자원에 한 CRUD Operation 을 적용하는 것을 의미한다.CRUD Operation이란 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 create, read, update,

2022년 7월 25일
·
0개의 댓글
·

React | Server Side Rendering vs. Client Side Rendering, 서버사이드 렌더링과 클라이언트 사이드 렌더링

서버로 부터 받은 내용을 브라우저 화면에 표시하는 것Loader 가 서버로 부터 정보(HTML 문서)들을 불러옴파싱을 통해 문서를 DOM 트리로 만든다.DOM 트리가 구축되는 동안 브라우저는 렌더 트리를 구축CSS 설정/레이아웃 위치 지정렌더링 트리가 그려짐서버 사이드

2022년 7월 18일
·
0개의 댓글
·

JS | async, await

asyncFunction 객체를 반환하는 하나의 비동기 함수를 정의한다.암시적으로 Promise를 사용하여 결과를 반환한다.await 식은 async함수의 실행을 일시 중지하고 전달 된 Promise의 해결을 기다린 다음 async 함수의 실행을 다시 시작하고 완료 후

2022년 7월 13일
·
0개의 댓글
·

JS | 자바스크립트 Promise (비동기 함수처리), Promise APIs

promise는 언제 데이터를 받아올지는 모르지만 프로미스를 사용하면 데이터가 준비되는 대로 등록한 콜백함수를 불러주는 약속이다.resolve, reject 라는 콜백함수를 사용하지 않으면 계속 pending 상태로 남는다.프로미스를 사용하면 비동기 메서드에서 마치 동

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

React | 상태관리와 Redux 사용 이유

Component 간의 정보 공유자식 컴포넌트들 간의 다이렉트 데이터 전달은 불가능하다.자식 컴포넌트들 간의 데이터를 주고 받을 때는 상태를 관리하는 부모 컴포넌트를 통해서 주고 받는다.자식 컴포넌트들이 많아진다면 상태 관리가 매우 복잡해 진다.상태 관리하는 상위 컴포

2022년 7월 7일
·
0개의 댓글
·

JS | 자바스크립트 구조분해할당 Destructing Assignment

배열이나 객체의 속성을 해체하여 그 값을 개별 번수에 담을 수 있게 하는 표현식

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

JS | 자바스크립트 Hoisting 호이스팅에 대해서 알아보자

테크면접질문으로 자주 등장하는 호이스팅에 대해 알아보자.사전적 의미로 Hoist '끌어올리다' 라는 뜻을 가지고 있다.예제1예제1은 catName이라는 이름을 가진 함수를 먼저 선언하고 그 아래에 catName함수를 호출했다.예제2함수 호출이 함수 자체보다 앞서 존재하

2022년 6월 30일
·
0개의 댓글
·

자바스크립트 | arrow function +(화살표 함수에서의 this)

화살표 함수는 ES6에 도입된 함수 표현법이다.보다 간단하게 함수를 표현할 수 있다.화살표 함수는 항상 익명함수이다.return 명령어 없이도 함수 실행을 종료시키고 값을 반환한다.일반함수자바스크립트에서 모든 함수는 실행될 때마다 함수 내부에 this라는 객체가 추가된

2022년 6월 30일
·
0개의 댓글
·

자바스크립트 | Document.querySelectorAll, forEach

지정된 셀렉터 그룹에 일치하는 다큐먼트의 엘리먼트 리스트를 나타내는 정적 NodeList를 반환한다.retrieved from MDN링크텍스트MDN 설명은 비전공자가 이해하기엔 너무나 어려운 설명이다.그래서 document.querySelectorAll() 과 forE

2022년 6월 30일
·
0개의 댓글
·