axios

axios는 Promise API를 사용하느 HTTP 비동기통신 라이브러리다.비동기 통신을 통해 전달받은 데이터를 json 형태로 변경해준다.사용형태// POSTaxios.post("url주소",{data},,config)

4일 전
·
0개의 댓글
·

심화주차 키워드 예제

 미들웨어는 액션이 디스패치 된 다음 리듀서에서 액션을 처리하기 전에 액션을 받아와서 액션을 취소 시키거나 다른 종류의 액션을 추가적으로 디스패치하는 등 업데이트 이전에 추가적인 작업을 할 수 있도록 도와주는 역할이다.즉 리듀서 내의 어떤 로직이 실행되기 사이의 중간다

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

React 라이프사이클과 Hooks

생성 (Mount) 화면에 나타나는 것수정 (Update) 수정, 리랜더제거 (Unmount) 화면에서 사라짐과거 자주 사용되었던 클래스형 컴포넌트에서는 각 생애주기마다 사용할 수 있는 메서드를 가지고 있다.클래스형 컴포넌트에서는 componentDidMount(생성)

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

[React] useNavigate와 Link

useNavigate와 Link는 react-router-dom에서 제공하는 페이지 이동 기능이다.function MainPage() { return ( );}함수 형태로 제공되기떄문에 onClick이벤트와 함께 사용이 가능하고특정 로직을 처리하면서 페이지 이동이

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

[이노베이션 캠프] 3주차 WIL

DOM이란 문서객체모델(Document Object Model)로 HTML문서에 접근하기위한 인터페이스다.DOM은 아래와 같은 트리 구조로 되어있다.문서객체란 html이나 body와 같은 html 문서의 태그들을 JS가 사용할 수 있도록 객체로 만든것을 말한다. JS는

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

[이노베이션 캠프] 2주차 WIL

ES라는 것은 Javascript의 표준 규격을 의미한다. JS를 개발한 넷스케이프와 IE를 만든 MS사가 서로 사용자를 유치하기위해 이것저것 기능을 추가하다보니 통일성이 떨어지고 완전히 다른 언어가 되어갔다고한다. 이를 해결하기 위해 (ECMA)European Com

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

[React] props.children이 뭔데?

React공부를 하다가 state, props에 대해서는 어느정도 감을 잡아가는 중 children이라는 친구를 만났다. props랑 하는일은 비슷해보이는데 뭐가 다른지 모르겠어서 한번 찾아봤다.태그와 태그 사이의 모든 내용을 표시하기 위해 사용되는 특수한 props개

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

호이스팅과 TDZ

호이스팅이란? 호이스팅이란 실행 시 함수안에 필요한 변수와 메모리 공간을 선언 전에 미리 할당하는 것이다. 즉 코드 아래쪽에 존재하는 내용 중 필요한 값들을 끌어올리는 것이다. var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화한다. 반면 le

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

불변객체

불변객체란? 객체 내부의 속성들을 변경할 때마다 새로운 객체를 만들어서 재할당하며 객체의 불변성을 유지시키는 것 예를 들면 변경 전 데이터들을 따로 저장하거나 바뀐 데이터와 비교를 해야하는 상황에서 사용된다. > ### 얕은 복사와 깊은 복사 얕은복사 얕은 복사란

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

기본형데이터과 참조형데이터

자바스크립트의 데이터타입은 크게 기본형타입과 참조형타입으로 나뉜다.NumberString(문자열)Booleannullundefinded기본형 데이터는 값을 그대로 할당한다. 메모리 내에 고정된 크기로 저장시키며, 불변적인 특징을 가지고있다.ObjectArray참조형 타

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

[이노베이션 캠프] 1주차 WIL

부트캠프를 시작하고 정신없이 보낸 1주일이었다.짧은 시간안에 여러가지를 해야하다보니 정신도 없고 시간도 없었다. 아직은 적응이 덜 됐지만 시간이 지나면서 익숙해지고 더 발전하면 좋겠다.jwt란 서비스를 사용할 수 있는 권한을 확인하기 위한 토큰기반 인증이다. 토큰기반

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

JavsScript가 가진 특징들

느슨한 타입(loosely typed)의 동적(dynamic) 언어 정적언어 컴파일 시 변수의 자료형(타입)이 결정되는 언어 C, C++ 등 변수에 들어갈 값의 형태에 따라 자료형을 결정 해당 자료형과 맞지 않는 값이 들어갈 경우 컴파일 에러 발생 변수마다 타입을 정

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

sort 메소드 사용

알고리즘 문제를 풀다가 숫자들을 sort를 사용하여 정렬해야하는 일이 생겼을 때 이렇게 해버리니 10이 2보다 앞에 나오는 일이 발생했다.sort메소드는 인자로 비교함수를 작성하지않으면 문자열로 인식해서 유니코드 기준으로 정렬하게된다.원하는 결과를 얻기 위해서는 sor

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

[CSS] div에서 공백이 생기는 경우

개인 프로젝트를 하던 중 요상한 친구를 만났다.위와 같은 구조의 카드 작성 중 배경색을 입혀서 확인해보니 이미지와 div사이에 공백이 생긴것을 발견했다.크롬 개발자도구로도 확인해보고 이것저것 바꿔봤지만 이유를 모르겠어서 구글링을 해보니inline속성인 img태그에서 개

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

[React] React.memo

React에서는 부모 컴포넌트가 리렌더되면 자식 컴포넌트들도 리렌더된다. 당연한 일로 볼 수도 있지만 프로젝트의 규모거 커진다면 자식 컴포넌트들의 불필요한 리렌더는 성능에 악영향을 줄 것이다. 위의 예시에서 부모 컴포넌트인 App은 state로 count, text를

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

동기와 비동기

자바스크립트는 하나의 쓰레드에서 코드가 작성된 순서로 작업을 처리한다. (동기적 방식)동기적 처리의 단점은 하나의 작업이 오래걸릴 시 모든 작업에 영향을 미치며 시간을 잡아먹는다.비동기 처리방식이란 여러개의 일은 동시에 진행시키는 것.즉, 특정 코드의 실행이 완료될 때

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

호이스팅(Hoisting)이란?

호이스팅이란 실행 시 코드 아래쪽에 존재하는 내용 중 필요한 값들을 끌어올려 유효범위의 최상단으로 끌어올리는 것하지만!!! 호이스팅은 '선언'에서만 발생한다.위의 예시처럼 helloA함수는 함수 선언식으로 호이스팅의 대상이지만 helloB함수는 함수 표현식이기 때문에

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

var와 let 그리고 const

var와 let은 변수다. 즉 선언 이후에 변할 수 있는 값이다.

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