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

🐰: 잔머리 굴려서 유투브 동영상으로 쉽게 프로젝트 한개 만들어 보려다 수 많은 실패를 맛보고..처음부터 다시 시작하기를 4번째.. 과감히 유투브를 버리고 혼자 기획부터 다시 시작했다! 두둥~ 드디어 퍼블리싱 완성 ㅎㅎ 회사 프로젝트로 RN사용하면서 이제 쫌 하네~ 생각했는데진짜 오만함의 끝이었닼ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 모든게 새로웠던... 후여기에다가는 퍼블리싱 하면서 잊지 않기 위해 기록해두고 싶은 내용들로 채우기 위한 게시글! 이제부터 진짜 작업인 백엔드가 남았지만......포기하지 말고 해보자!!!!!!!!!  [2024.08.23] 퍼블리싱 완성 [2024.09.10] 채팅방 퍼블리싱 완성  [2024.10.15] 회원가입완료[구현기능]- 이메일 형식 검수- 기존 회원과 이메일 비교- 비밀번호 ..

🐰: 채팅앱을 개발하면서는기초를 탄탄히 하는것을 목표로 했기에! 내가 사용하는 프레임워크와 언어에 대해 확실히이해하고 넘어가는 것을 목표로 하였다! 그래서 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)..

🐰: 채팅앱을 개발하기 위한 기획부터진행하고 있다!기획이 전공인데도 아직도 기획은 토나온다..이 게시글은 기획이 추가될때 마다 업데이트를 하기로!  TOOL : FIGMA  2024.07.16혼자서 기획, 디자인, 개발까지 하려니까 공부할게 한두개가 아니다,,!채팅기능을 구현해보려는거 만으로도 차지만..이렇게 시작한거 끝까지 해봐야지 ! 프론트엔드: Next.js, Typescript, socket.io 백엔드: MongoDB  2024.08.16정확하게 한달만에 중간 점검을 해보았는데.. 내가 너무 쉬운 방법을 택했다가 오히려 돌아가는 기분이 들었다.나는 유투브에 올라온 과정에 맞춰 언어를 선택했고, tool을 선택했다.그러다 보니까 동영상 업로드가 끊기면 나의 개발도 거기서 끊기길 4번을 반복하고 ..

🐰: 회사에서 가장 큰 프로젝트였던React Native 앱을 드디어 오픈했다🎉개발할때는 힘들어 죽겠고, 언제 끝나나 했는데오픈하니까 정말 뿌듯다..✌🏻 그래서 회사에서 또 다른 큰 프로젝트를 기획중이라그 기획이 끝나기 전까지 개발팀은각자의 프로젝트를 작은 규모로 '기획-개발'해보기로 했다. 나는 무엇을 개발할까 고민하다가 채팅앱을 구현해보기로 했다 ! 가장 큰 목표는 채팅 기능...!  사용할 언어는 프론트엔드는 Next.js, Typescript를 사용하고,Next.js: React를 기반으로 한 언어로 백엔드까지 이해할 수 있는 언어라 선택.Typescript: 회사 프로젝트에서 처음 사용해봤는데 굉장히 매력적으로 느껴져 선택. 백엔드는 아직 미정이다! 채팅앱을 개발하는 과정을 하나씩 남겨 보..

Quick GuideAndroidappcenter loginappcenter apps set-current statnco-statnco.com/gameone2-androidappcenter codepush release-react -d StagingIOSappcenter loginappcenter apps set-current statnco-statnco.com/gameone2-iosappcenter codepush release-react -d Staging    앱은 안드로이드/ios용 두개 존재 배포도 두개 따로 진행해야한다.대략적인 세팅은 아래 링크 참고.https://learn.microsoft.com/en-us/appcenter/sdk/getting-started/react-native Get..