오늘 마주친 에러는 "Possible Unhandled Promise Rejection" 되시겠다.axios를 사용해 api를 호출할 때 catch로 예외 처리를 하지 않아서...

클린코드라고 하면 '명확한 이름', '중복 줄이기' 를 말하곤 하는데 실무에서는 이 외에도 조금 더 섬세하게 코드를 정리하는 스킬이 필요하다. 🤷‍♀️ 실무에서 클린코드가 의미있는 이유? 실무에서 한번 쯤 들어본다는 "그 코드는 안건드시는게 좋을거에요. 일단 제가

JavaScript 비동기 처리 async await

디자인 패턴에 대한 좋은글을 보고 정리

JS의 메인스레드인 ‘이벤트 루프’는 싱글스레드이지만, 이벤트 루프만 독립적으로 실행되지 않고 웹 브라우저나 Node Js같은 멀티스레드 환경에서 실행된다. 즉, JS 자체는 싱글스레드지만, 런타임은 멀티스레드 환경일 수 있다! 싱글스레드로 여러 요청을 처리하는

useCallback과 useMemo는 얼핏보면 기능이 비슷해서 항상 헷갈린다. 이 둘의 차이점을 중심으로 언제 사용하면 더 좋을지 알아보자!컴포넌트를 렌더링할 때 연산된 값을 재사용할 때 사용한다.장점 : 메모리에 저장되어 있다가 변화하는 값만 바뀌는 방식으로, 메모

참고 https://ko.reactjs.org/docs/hooks-state.html https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Make-useSate-hook/ React Hook의 기본이자 가

💡 특정 스코프 안에서 선언된 변수는 코드에 적힌 순서와 상관없이 "최상단에서 선언한 것처럼" 끌어올려진다.Hoist(: 끌어올리다) + -ing 단어에서 알 수 있듯이 변수나 함수를 끌어올린다는 개념으로 사용되는 호이스팅에 단순히 그런 의미만 존재할까??호이스팅을

입력과 출력이 모두 자바스크립트(JavaScript) 코드인 컴파일러로 최신 버전의 자바스크립트가 실행되지 않는 구 버전의 브라우저에서 정상적으로 실행되도록 변환해준다.바벨은 ES6+ 버전 이상의 JavaScript, JSX, TypeScript 코드를 하위 버전의 J

react native로 개발한 앱을 번거로운 심사과정 없이 바로 업데이트 할 수 있도록 해주는 서비스공식문서 : CodePush는 React Native 개발자가 모바일 앱 업데이트를 사용자의 디바이스에 직접 배포할 수 있도록 하는 App Center 클라우드 서비스

Representational State Transfer(REST)는 API 작동 방식에 대한 조건을 부과하는 소프트웨어 아키텍처입니다. REST는 처음에 인터넷과 같은 복잡한 네트워크에서 통신을 관리하기 위한 지침으로 만들어졌습니다. REST 기반 아키텍처를 사용하여

vscode에서 node 버전 업그레이드를 시도했는데위와 같은 오류가 떴다. 윈도우에서 node를 업그레이드 하려면 홈페이지에 들어가서 해도 되지만nvm을 사용하면 좀 더 간단하다. (&& 간지+1)일단 nvm 공식페이지에 들어가서 exe를 설치해준다.https&#x

React Hooks 레퍼런스를 보다가 useEffect는 가장 많이 쓰지만 가끔씩 헷갈리는 부분이 있어서 복습할 겸 정리해본다.컴포넌트가 렌더링 될 때 자동으로 해당 함수를 호출하는 useEffect 가장 기본적인 사용법이다.위 예시는 input에 타자를 입력할 때

AsyncStorage보다 빠른 키/값 스토리지가 있다는 사실을 알게되어 정리하는 글을 작성해 보았다. 다음에 프로젝트에서 직접 적용해보고 사용후기도 작성해보자!\*\*React Native를 위한 매우 빠른 키/값 스토리지 라이브러리\*\*get 및 set 문자열,

컴포넌트에서 사용하는 상태(state)가 변경되면, 컴포넌트는 리렌더링되면서 변하는 값을 표시한다. 대부분 이 state를 다른 자식 컴포넌트에도 적용하기 위해 전달하려는 경우가 생기는데, 그 때는 props로 이 값을 내려준다.하지만, (추가적인 작업이 없다면) 자식

React Native Seoul의 RN퍼포먼스 세미나의 내용을 정리한 포스팅입니다.https://www.youtube.com/watch?v=jl4ohCUrtWA다짐의 RN개발자 이규진님이 다짐과 다짐매니저 등의 앱을 React Native 로 개발하면서 겪었

React Native의 기초적인 라이브러리리인 Navigation은 많은 오류를 발생시킨다.최근에도 간단한 프로젝트를 하는데 @react-navigation/stack 에서 오류가 뿜어져 나왔다.더욱 문제는 똑같은 상황에서도 오류가 발생할때가 있고 안할때가 있는데,그

나는 취업을 하는 과정에서 면접을 가장 힘들어했고 지금도 두려운 사람이다. 그래서 기술면접을 준비하며 봤던 좋은 글이나 도움이 된 경험들을 기록하는 시리즈를 만들기로 했다.

지난 Ajax소개에 이어 axios와 fetch에 대해 알아보자. Axios는 node.js와 브라우저를 위한 HTTP통신 라이브러리입니다.

QR코드를 스캔하고 입력값을 음성으로 출력하는 프로젝트를 진행하며 Tts기능을 사용했던 경험입니다.https://github.com/hyeonginju/QR-Scanner_Eye-Share-NetReact native로 앱을 만들고 Tts를 사용해 음성출력 기