동그라미친 부분을 클릭 후 체크표시한 부분을 누르면 아래처럼 팝업창이 뜨는데저기서 하나씩 눌러보면 css적용한 걸 미리 볼 수 있다다들 아는데 나만 몰랐던 사실여태까지 코드 하나씩 넣어보면서 찾았던 세월이 너무 억울하다
타입스크립트 프로젝트 시작카카오맵 api로 검색한 업체 데이터 정보 화면에 불러오기, 해당 업체에 대한 리뷰쓰기 및 리뷰목록 불러오기를 맡았다.카카오맵 api docs가 친절하게 안내되어 있어 구현하는데 큰 어려움은 현재 없음.프로젝트 마무리Next.js 공부
리액트 쿼리 강의를 듣던 중 최신버전인 @tanstack으로 설치하고 진행했는데 error query fn이 떴다버전 문제인 것 같아 @tanstack으로 설치한 query, devtools 패키지 모두 제거하고 이전 버전인 react-query로 진행 후 보게 된 에
일반적인 함수표현식을 -> function(){ ... } 괄호로 감싸고 -> ( function(){ ... } ) 함수 실행을 뜻하는 (); 를 뒤에 추가하여 -> ( function(){ ... } )();
submit후 input창 텍스트 초기화 시키기input창 클릭시 남아있던 기존 텍스트가 제출되는 버그 고치기
index별로 Type이 다를 때 사용한다.함수에서 아무것도 반환하지 않을 때 사용한다.항상 error를 반환하거나 영원히 끝나지 않는 함수의 타입으로 사용특정값만 입력할 수 있게 강제하고 싶을 때, 그 값들이 공통점이 있을 때 사용
리액트 네이티브 팀프로젝트 마무리공연문화앱을 만들었는데 발표까지 잘 마무리되었다.Review 로직을 구현할 때 난 전체 리뷰리스트와 사용자 리뷰리스트를 따로 데이터로 저장했는데 그러면 서버가 무거워질 수 있다고 로그인한 userId와 리뷰데이터에 있는 userId를 비
데이터타입을 boolean 타입으로 명시적으로 형 변환(Type Conversion)하기 위해 사용undefined나 null 값을 false로 형변환ex) A ?? BA가 null이거나 undefined이면 B를 반환하고, 그 외에는 A를 반환= 옵셔널 체이닝.?.의
앱을 실행시키는 중 Log에 찍힌 수상한 메세지.화면에 보이지않는 부분까지 모든 data를 렌더링한다(초기 렌더링 시간이 오래걸림)많은 양의 data를 불러올 경우 버벅임, 렌더링 지연으로 빈 화면만 보일 수 있다자식컴포넌트에서 크기 조절 가능화면에 보이는 부분까지 d
UI를 수정하였다.리뷰누르기 → 리뷰상세페이지가 새로운 창(stacks)으로 뜸 → 수정 후 상세페이지에서 업데이트된 내용확인이런 순서였는데상세페이지를 없애고 리뷰에서 수정/삭제 선택창 모달띄우기 → 삭제를 누르면 그대로 삭제가 되고 수정을 누르면 새로운 창(stack
리액트 네이티브 개발 중 만난 에러.버튼을 누르면 Review페이지로 이동해야 하는데 저 에러가 뜨면서 화면이 멈췄다.Review페이지로 넘어가는 navigate 사용은 총 두 군데.문제는 Stacks.js에 잘 정의되어있고 한 페이지에서는 navigate로 잘 넘어가
리액트 네이티브로 todolist만들기 및 영화앱 리뷰 crud구현리액트 네이티브 팀프로젝트 시작리액트를 공부했으니 리액트 네이티브? 쉽겠지ㅎㅎ했는데 앱개발이 왜 까다롭다고 하는지 온몸으로 실감하는 중리액트쿼리를 사용하는데 아직 이해하지 못하고 그냥 따라치는 수준이다.
리액트 네이티브 프로젝트를 위해 깃허브에서 내려받아 열어보니 파란배경에 뜨는 Something wrong로그를 열어보니 이런 오류창이 보였다.npm start 혹은 yarn start말고 아래의 명령어를 터미널에 입력하면 화면이 뜬다또 다른 답변은 컴퓨터에서 expo로
React-Native에서 React(웹)의 react-router-dom역할을 하는 라이브러리(화면이동뿐만 아니라 레이아웃까지 담당한다)Stack, Tabs, Modal, Drawer(ex. 좌측메뉴) 등 구현가능: 네비게이션의 구조, 상태를 관리하는 최상위 컴포넌트
마운트는 화면에 데이터가 나타나는 것을 의미한다. 컴포넌트가 나타나는 것을 마운트라 하고 삭제 될 때는 언마운트라고 한다.컴포넌트가 마운트, 언마운트 될 때 주로 우리가 추가하는 작업에는 어떤 것이 있는지 알아보자.props로 받은 값을 컴포넌트의 state로 설정할
주의할 것 1. onClick이 아닌 onPress를 사용한다 (모바일에는 클릭이 없음) 2. onChangeText나 onPress 등 이벤트에 함수를 넣을때는 ()를 빼야한다 (괄호를 추가하면 코드를 평가하고 파싱하는 즉시 함수를 실행시키게 됨 → UI 렌더