개발/React Native (5) 썸네일형 리스트형 Stepzen과 neon을 이용해 Postgresql과 graphQL 쉽게 사용하기 먼저 neon에서 postgresql 스키마와 테이블, 더미 데이터들을 넣어준다. Dashboard에는 host와 password등의 정보들이 담겨있다. stepzen은 graphql을 편히 사용해주는 GUI인데 프로젝트 내에 stepzen 폴더를 만들어주고 폴더 내부에서 stepzen 정보를 입력해주면 손쉽게 graphql을 적용할 수 있다. index.graphql을 확인해보면 postgresql로 만든 데이터들이 담겨져 있다. 처음 써보는 거라 아직 익숙치는 않음. 터미널에서 가동시켰던 stepzen url에 들어가면 graphql cli가 나온다. builder에서는 클릭하면 자동으로 gql을 입력해줌. 와 뭐지 신세계... GraphQL vs REST API https://yozm.wishket.com/magazine/detail/2113/ 개발자에게 편리함을 주는 ‘GraphQL’ 도입 시 주의할 점은? | 요즘IT 프론트엔드 개발자에게 API 통신 비용은 언제나 고민되는 요소다. 모던 브라우저의 경우 성능이 많이 좋아져서 유저가 불편할 정도의 지연은 자주 발생하지 않지만, API 통신은 네트워크 환경의 yozm.wishket.com 솔직히 REST API 상당히 편하고 익숙한 것은 맞는데 일일이 프론트엔드와 백엔드 소통이 필요한 것은 좀 귀찮았음. GraphQL 도입해보자. 에러에 대한 핸들링은 까다롭다고는 하나 RestAPI도 섞어 혼용해서 사용도 가능하다고 하니... View 컴포넌트 안에서 삼항연산자로 css 사용 예시 isFirst를 boolean type으로 가정한다. {/* Experience */} Experience {user.experience?.map((experience, index) => ( ))} export default function ExperienceListItem({ experience, isFirst, }: ExperienceListItemProps) { return ( {experience.title} {experience.companyName} ); } type ExperienceListItemProps = { experience: Experience; isFirst: boolean; }; export default function ExperienceListItem({ experience.. 안드로이드 스튜디오 맥북 M1 에뮬레이터 안 켜질 때 해결 방법 SDK 경로도 더블 체크했을 때 올바르게 설정되었고, 안드로이드 스튜디오에 React native 프로젝트가 아닌 My Application으로 Empty Activity 설정으로 프로젝트를 만들어 에뮬레이터를 띄우면 제대로 띄워지는데 유독 RN으로 npm run android 하면 에뮬레이터가 구동 되지 않았다. 후...하루종일 구글링해서 해봤는데 해결되지 않았다. 깃허브에 올라와있는 m1 유저들을 위한 에뮬레이터를 dmg로 받기도 했는데 설정이 복잡하기도 하고 애초에 완전 해결책은 아니라고들 구글에서 얘기하더라. 그래서 아예 갤럭시 핸드폰(플립3)을 개발자 옵션을 켜서 (USB 디버깅 토글 활성화) 연결하여 직접적으로 키니 그제서야 제대로 구동되었다. 이 때에도 초반에 갤럭시가 처음에는 제대로 인식을.. Xcode에서 Components가 없어졌을 때 찾는 방법 Platforms 탭의 리스트 아래 + 버튼을 누르면 시뮬레이터가 나온다. Xcode를 앱스토어에서 다운 받으면 이런 현상이 생긴다고 한다. 예전 개발자 홈페이지에서 다운 받으면 Components 탭이 있다고 함. 그런데 아마 지금은 플랫폼 탭으로 통일된 것 같음. 이전 1 다음
