🐰: 개인프로젝트를 열심히 하는중에도착한 기획팀의 요청~! "데이터를 불러오는데 너무 오래 걸리니까화면 분기와 데이터 오름차순, 내림차순 정렬기능 추가해주세요!" 당연히 Yes~! 이제는 두려움 보다는어떻게 해결해낼지에 대한 기대감이 느껴지기 시작했다🤩 완성된 화면 먼저 공개 두둥-!1. Btn1을 누르면 해당하는 열이 오름차순 정렬 -> 내림차순 정렬 -> 디폴트 정렬2. Btn1을 눌러서 오름차순 정렬해놨다가 Btn2를 누르면 Btn2를 기준으로 오름차순 정렬 이제 코드로 알아보자~!  테이블 헤더 및 화살표 이미지 상태저장 const [selectedHeader, setSelectedHeader] = useState(null); const [arrowState, setArrowState] =..

🐰: 개인프로젝트를 RN으로 바꾸면서회사 프로젝트 하면서 사용해봐서 이제 쫌 하네라는 오만한 생각을 해버린 내자신..이 제일 큰 에러다...후🔨 라이브러리랑 패키지를 추가 할때마다 발생하는 에러들...🙀잊지 않기 위해 기록..  발생 상황react-native-reanimated 패키지를 추가하면서 발생 발생 원인babel.config.js에 reanimate 플러그인을 추가해주지 않아서 발생 해결 방안babel.config.js에 'react-native-reanimated' plugins 추가

🐰: 채팅앱을 개발하면서는기초를 탄탄히 하는것을 목표로 했기에! 내가 사용하는 프레임워크와 언어에 대해 확실히이해하고 넘어가는 것을 목표로 하였다! 그래서 Next.js에 대해서 공부한 것을 정리해보고자 한다.  Next.js 공식 사이트https://nextjs.org/ Next.js by Vercel - The React FrameworkNext.js by Vercel is the full-stack React framework for the web.nextjs.org  Next.js란?리액트를 위해 만든 오픈소스 자바스크립트 웹 프레임워크로, 리액트에는 없는 서버 사이드 렌더링(server-side renderings(SSR)), 정적 사이트 생성(static site generation(SSG)..

🐰: 이미 기존에 구현되어있던 태그 취소 방법은태그 부분을 한번 더 눌러주면 태그가 삭제되는 방법이였다. 그런데 여기다 Back Space버튼으로도태그가 삭제되게 해달라는 요청을 받았다..🤪 퇴사한 사람의 코드를 이어서 하면서코드를 처음부터 하나씩 뜯어 보고 의도를 파악하는게아직 나에게는 너무 벅차다...🤣하지만...! 항상 방법은 찾으면 있다는거 ~ //키패드 버튼으로 태그 지우기const removeTag = (event) => {if (event.nativeEvent.key === 'Backspace' && comment === '') { onResetReply && onResetReply();}}; {((replyItem?.userName || editTarget..

React-Native에서는 전화 기능을 구현하려면 Linking이라는 라이브러리를 사용해야 한다.최상단에 Linking 라이브러리를 먼저 import해준다. import { Linking } from 'react-native';  1. 전화걸기 기능Linking.openURL(`tel:${전화번호 변수 or 지정할 전화번호}`)  2. 문자보내기 기능Linking.openURL(`sms:${전화번호 변수 or 지정할 전화번호}`)  3 .메일보내기 기능Linking.openURL(`mailto:${메일주소 변수 or 지정할 메일주소}`)  위와 같이 사용하면 iOS와 Android모두 정상작동한다.