AJu

개요 2020-10-20 Dan Abramov와 Rachel Nabors에 의해 작성되었습니다. 원문 React v17.0 – React Blog Today, we are releasing React 17! We’ve written at length about the role of the React 17 release and the changes it contains in the React 17 RC blog post. This post is a brief summary of it, so if you’ve already read the RC post, you can skip this one. ko.reactjs.org 우리는 React 17을 출시했습니다! 우린 리엑트 17의 역할과 React 17 RC..

개요 사내에서 프론트엔드 개편에 앞서 react-router-dom을 적용해야하는데 최신 버전을 적용하고 싶기에 react-router-dom v6에 관련된 최신 스팩을 알아보도록 합시다. React 16.8 react-router-dom은 React Hook을 많이 사용하므로 React 16.8버전 이상이어야 합니다. Switch => Routes Switch가 Routes로 변경되었습니다. exact옵션 삭제 component 방식 변경 component={COM 및 render={() => Hello} path 상대경로 기능 추가 기존의 Route들은 Switch안에 없어도 되지만, v6의 Route는 Routes의 직속 자식이어야한다. useHistory => useNavigate useNavig..

개요 이전 글과 이어지는 내용입니다. [개인프로젝트] 롤 사설전적검색 "포로라" 개발기 (1) 개요 리그오브레전드 게임을 좋아하고, 하나의 오픈톡방에 운영진으로 있습니다. 운영진분들이 재능기부를 하는데 나는 어떤걸 할까 하다가, 이전 롤방에서 사용하던 사설전적기반 자동 팀매 zoz0312-aju.tistory.com 기존 문제점 메신저봇 R 의존성 이에 따른 폰이 상시 돌아가야함 기존에 유저의 메시지를 읽어오기 위해 메신저봇 R에 높은 의존성을 지니고 있습니다. 해당 문제점을 해결하기 위해 새로운 라이브러리를 도입하였습니다. Purora-BackEnd GitHub - zoz0312/Purora: Kakao-Talk Chatbot Kakao-Talk Chatbot. Contribute to zoz0312/..

개요 리그오브레전드 게임을 좋아하고, 하나의 오픈톡방에 운영진으로 있습니다. 운영진분들이 재능기부를 하는데 나는 어떤걸 할까 하다가, 이전 롤방에서 사용하던 사설전적기반 자동 팀매칭 기능이 생각나서 개발하게 되었습니다. GitHub - zoz0312/Purora: Kakao-Talk Chatbot Kakao-Talk Chatbot. Contribute to zoz0312/Purora development by creating an account on GitHub. github.com 기능 설계 우선 메인 기능은 자동 팀 매칭이지만 그 매칭을 개발하기 위해선 거쳐야할 관문이 많았습니다. 재미있는 기능들도 포함했는데, 모든 기능들은 다음과 같았습니다. 카카오톡 기반 파티관리 명령어 관리 매칭을 위한 유저 데..

개요 호이스팅과 관련된 내용이고, let/const 선언 단계에 대하여 알 필요가 있습니다. [JavaScript] 호이스팅 ( Hoisting ) 이번엔 호이스팅이 어떤 녀석인지 알아보자. JS 프로그래머 단골 면접 질문이라고 한다. JS는 인터프리... blog.naver.com TDZ 변수를 선언, 초기화, 할당 하는 과정속에서 ES6의(let, const) 변수 선언 방식으로는 TDZ가 발생하게 됩니다. TDZ가 발생하는 구간에서는 ReferenceError: Cannot access 'pi' before initialization와 같은 에러를 콘솔에서 마주하게 됩니다. 위와 같이 TDZ의 영향을 받는 구문들이 존재합니다. let const class super (In constructor) l..

개요 여러 Promise들을 병렬로 처리하고, 결괏값을 배열로 받아 처리합니다. Promise.all() promise들이 있는 배열을 수행하는 내장함수입니다. const allPromise = Promise.all([promise1, promise2, ...]); then으로 결과 받기 allPromise.then(values => { values; // [valueOfPromise1, valueOfPromise2, ...] }).catch(error => { error; // rejectReason of any first rejected promise }); async/awiat로 결과 받기 try { const values = await allPromise; values; // [valueOfPro..

개요 이번엔 전개 연산자에 관련된 내용을 정리하도록 하겠습니다. 객체의 복사에 대한 글을 정리하면서 전개 연산자에 대해 정리가 필요하여 작성합니다. 전개 연산자는 배열 또는 객체를 하나하나 넘기는 용도로 사용된다. 코드를 통하여 확인하자 const arr = [1,2,3]; let test_arr = [4,5,6]; let test_arr2 = [4,5,6]; test_arr.push(arr); console.log(test_arr); //[4, 5, 6, [1, 2, 3]] //ES6 test_arr2.push(...arr); console.log(test_arr2); //[4, 5, 6, 1, 2, 3] push를 이용할 때 전개 연산자를 사용하지 않은 코드는 array 전체가 들어가 2차원 배열이 ..