From.윤슬134 [React Native] 초기 설정 시뮬레이터 오류('...'file not found) 처음 리엑트 네이티브 프로젝트를 받아 초기 셋팅을 진행하는 도 중 간단하게 프로젝트를 만들어 빌드를 해보고자 했다. 하지만 터미널에서 npm run ios 를 입력해도, xcode에서 ▶️ 버튼을 눌러봐도 빌드가 되지 않는 오류가 발생했다. 검색을 통해 pod update도 해보고 , 지웠다가 다시 깔아도 보고, 파일명.xcworkspace 파일을 열어보고 여러 방법을 시도했지만 위 처럼 이렇게 고치면 여기서 not found... 저렇게 고치면 저기서 not found... 이렇게 나오는 현상이 발생했다 답답해 하던 도중 not found라는 문구가 너무 거슬려 처음부터 차근차근 확인해보자고 생각했고 가장 먼저 xcode가 제대로 설치가 되었는지 확인하기 위해 finder->응용 프로그램에 들어가봤다... 2024. 3. 14. [JS]onBlur onClick onfocus onMouseDown(이벤트 동작 순서) 문제 상황 : 모달 창에서 검색을 진행한 후, 검색결과 중 하나의 옵션을 선택하려고 했을 때 선택이 되지 않고 모달창이 닫히는 현상 이번에 구현하고자 했던 건 검색창이 들어있는 검색 모달 창이다. 이렇게 재사용할 수 있는 컴포넌트를 새로 만들어 같은 기능을 하는 모달 창에는 다 해당 컴포넌트를 가져다가 사용하고 있었는데 문제가 생겼다. 각 요소를 클릭 하면 선택이 되어야 하는데.. 저렇게 하얀 모달 창 밖에 있는 요소들을 눌렀을 때 요소가 선택되는 것이 아니라 모달창이 아예 꺼져버린다. 혹시 몰라 onclick 이벤트에 콘솔을 입력해봤지만 아예 콘솔이 안뜨는걸 보니 onclick 이벤트가 아예 실행되지 않는 듯 했다. setOpened(true)} onBlur={() => setOpened(false)}.. 2024. 2. 14. 조건문 체크하기_삼항연산자 , 논리연산자(??, !, !!, &&) 이전에 개발을 하면서 조건문을 사용해야할 때 내가 선호하는 방식은 삼항연산자 활용 방식이였다. 내가 어떤 조건을 거는지 한 눈에 파악하기 쉽다는 이유가 가장 컸다 하지만 그렇게 작성한 코드가 프로젝트에 배포 후 문제가 생길 수 있다는 것을 알았다. 삼항연산자의 장점이라고 생각했던 '조건을 코드로 명확히 볼 수 있다'는 장점이 적어두지 않은 조건에 대해서 예외처리를 해줘야 한다는 단점이 되어 배포 후 문제가 발생했기 때문... 예를 들면 {data?.content?.length !== 0 ? {data} : 결과가 없습니다 위 코드의 경우 data의 길이가 0일 때만 확인 할 수 있고 나머지의 예외상황에 대해서는 걸러내지 못한다는 것이다. data가 null이라면? undefined라면..? 저 코드에서 .. 2023. 12. 29. [React]해쉬라우터 vs 브라우저라우터 아는 개발자 지인과 얘기하다가 클라이언트한테 보여줘야하는데 서버 설정이 안되어있어서 404error가 떠! 라는 말을 들은 적이 있다 보통 서버가 있고 서버개발자가 초기 설정을 한 뒤 개발을 진행했었기 때문에 위 문제에 대한 건 처음 들어봤고, 함께 해결방안을 찾아보다가 해쉬라우터에 대해서 알게됐다. 리엑트 라우터는 hash router, browser router로 나뉘어진다 해쉬라우터 먼저 hashrouter는 url의 hash를 이용한 라우터 방식이며 컴포넌트를 사용해 이용할 수 있다. 특징 주소에 해쉬#가 붙는다 '/#/home' 형태로 사용할 수 있으며 # 이후 부분을 해석하여 해당 페이지를 로딩하는 방식이다. SEO에 취약하다 검색엔진은 주로 페이지의 콘텐츠를 크롤링하는데 URL 및 페이지 내.. 2023. 12. 10. 이전 1 2 3 4 ··· 34 다음 728x90 반응형
