본문 바로가기

리액트

[Typescript] Expected to return a value at the end of function 'read' * 상황 - 현재 React, Typescript, Eslint(airbnb), Prettier을 사용하고 있다. 나는 한 개의 데이터를 가지고 D3로 라인차트를 뿌려주고 싶다 ! 현재의 로직은 ts 파일에서 데이터 가져오기, url에서 csv 데이터 가져오기 이 두 가지이다. * 원인 - read 마지막에 return이 없었다. * 해결방안 - read 마지막에 return을 추가해줬다. 더보기
토스 SLASH 21 - 프론트엔드 웹 서비스에서 우아하게 비동기 처리하기 후기 최근 기술면접 스터디에서 비동기와 동기 처리에 대해 계속 이야기가 나오고 있기도 하고 프로젝트를 하기에 앞서 React를 프론트엔드에서 사용할 생각이라 이런 내용도 알고 있으면 구현하는 데도 도움이 될 것 같아 이번주 세미나는 이 세미나로 결정했다. React를 사용하면서 비동기 처리를 고려해서 구현한 적이 많이 없었던 것 같고 왜 그렇게 구현해야하는지 주의 깊게 공부하지 못했던 것 같아 이번 세미나가 나에게는 비동기라는 개념에 대해서도 알 수 있고, 어떻게 비동기를 우아하게 처리할 수 있는지 방법까지 공부할 수 있는 세미나였다. 현재 토스의 상황 토스에서는 React, Next.js, Typescript를 현재 사용하고 있다. 웹 서비스에서 가장 다루기 어려운 부분은 비동기 프로그래밍 비동기 프로그래밍.. 더보기
[React] You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. * 상황 - 열심히 리액트에 라우트 설정 다 해줬는데 실행이 안되는 것이다 ! * 문제점 - footer.js에 아무 내용 안넣어줘서 그런 것이었다. 정확히는 footer.js에서 export 한 게 없어서 그런 것이었다. * 해결방법 - footer.js에 아무 내용이라도 넣고 export default footer; 추가 해줬더니 잘 돌아갔다. 더보기
[달력앱만들기] 1. Expo CLI를 이용한 ReactNative 프로젝트 생성하기 1. Expo CLI 사용을 위한 준비 (1) node.js 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 사이트 접속해서 낮은 버전으로 설치해준다. (Expo CLI를 설치하기 위해서는 10 버전 이상이어야 함.) (2) 이미 설치되어있는 사람은 node.js command 창에 아래 명령어를 하나씩 입력해서 npm과 node의 버전을 확인한다. npm -v node -v 2. Expo CLI 설치 (1) 아래 명령어로 설치한다. npm install -g expo-cli (2) 완료되면 아래 명령으로 설치되었는지 확인한다. npm search expo-cli 3. Expo P.. 더보기

반응형