본문 바로가기

분류 전체보기183

[JavaScript] 단락평가(Short Circuiting) {selectedFriendInfo&&} 제가 최근 회사에서 작업 중인 코드의 일부를 발췌해왔습니다. PetThumbnail은 펫의 썸네일(프로핑 사진)을 보여주는 컴포넌트인데요, uri값에 이미지 주소 값을 넣어주면 사진을 표시해줍니다. 이 때 uri 값에서 서버에서 받아온 값에 썸네일 주소가 있으면 썸네일 주소를 표시해주고, 없으면 원본 이미지 주소를 표시해주는 코드를 작성했습니다. 작성해보니 코드가 너무 길어 알아보기 힘들었는데요, javascript의 단락평가란 개념을 이용해 아래와 같이 변경해보았습니다. {selectedFriendInfo&&} 이렇듯 단락평가를 이용하면 삼항연산자를 이용해 유효성 검사를 하는 경우, 또는 if문 등의 조건문을 이용하는 코드를 짧게 바꿀 수 있습니다. 2021. 7. 7.
[React Native] iOS pod 삭제, 클린, 설치 명령어 1. pod 삭제 pod deintegrate 2. pod 클린 pod cache clean --all 3. pod 설치 pod install 2021. 7. 6.
[React Native] [!] No 'Podfile' found in the project directory 오류 해결 react native ios 버전 빌드할 떄 pod install 명령어를 실행시켰는데 [!] No 'Podfile' found in the project directory 이런 에러를 마주쳤습니다. 구글링해보니 cd ios 이후 pod install 명령어를 실행하면 해결되는 이슈였습니다. 2021. 7. 6.
[React Native] iOS borderRadius 적용되지 않는 이슈 오늘 ios 작업을 하던 도중 ios에서 borderRadius 속성이 먹지 않는 이슈가 있었습니다. 해당 사항이 안드로이드에서는 잘 적용이 되었는데 ios에서는 적용이 되지 않더군요 구글링을 해보니 아래 문장을 속성에 추가해주면 되는 문제였습니다. overflow: "hidden" 프로젝트의 다른 곳에서도 비슷한 이슈가 발생했는데, 해당 이슈에서는 위 속성을 추가해도 해결이 되지 않았습니다. 이번 문제에선 borderTopLeftRadius 등을 사용하여 각 코너마다 다르게 위 radius를 적용한 경우였는데요, 이 경우는 View 태그에서만 적용이 되는 것 같습니다. {text} 이렇게 표현해주던 속성을 아래와 같이 Text를 View로 한 번 더 감싸 표현했습니다. {text} 아래는 해당하는 스타.. 2021. 7. 5.