분류 전체보기183 [React] .js vs .jsx React 또는 React Native 프로젝트를 할 때 .js 확장자를 사용하는 경우도 있고 .jsx 확장자를 사용하는 경우도 있었습니다. 구현하는 방식에서 두 가지 방식에 크게 차이는 없다고 느꼈는데 과연 정말 차이가 없을까에 대한 의문점이 생겨서 이 포스트를 작성해보게 되었습니다. js vs jsx란 키워드를 구글링해보면 가장 먼저 나오는 게시물이 이 스택오버플로우 게시물입니다. https://stackoverflow.com/questions/46169472/reactjs-js-vs-jsx ReactJS - .JS vs .JSX There is something I find very confusing when working in React.js. There are plenty of examples .. 2021. 12. 27. Sass(Scss) 정리 Sass(Scss)는 css preprocessor(전처리기) 중 하나입니다. css를 편하게 쓸 수 있는 여러 기능들(nesting, mixins, inheritance 등)을 가진다는 점이 특징입니다. Sass와 Scss는 그 내용은 같지만 문법적인 구조에서 약간의 차이를 가집니다. 가장 큰 차이는 Sass는 들여쓰기로 구분하고 ;을 사용하지 않는 반면, Scss는 {}를 사용하고 ;를 사용한다는 점이 특징입니다. 이 글에서는 Scss를 기준으로 글을 작성해보도록 하겠습니다. 1. 변수 선언 $변수 이름: 값 $w: 100px; $my-color: #ffffff; .container{ $h: 200px !global; height: $h; width: $w; color: $my-color; } .bu.. 2021. 12. 18. [React Native] Error type 3 Error: Activity class does not exists. react-native run-android 명령어를 이용해 앱을 실행할 때 가끔씩 이런 에러 메시지가 뜨는 경우가 있습니다. adb uninstall `패키지명` 위 명령어를 이용해 디바이스 혹은 에뮬레이터에 설치된 해당 앱을 완전히 삭제해주신 뒤 다시 앱을 실행하게 되면 정상적으로 작동합니다. 2021. 10. 3. [React Native] Jest 실행 시 [@RNC/AsyncStorage]: NativeModule: AsyncStorage is null. 에러 React Native에서 jest를 이용해 테스트를 실행하던 중 아래와 같은 에러를 발견하였습니다. 루트 폴더에 __mocks__/@react-native-async-storage/async-storage.js 폴더 및 파일을 생성하고 해당 파일 내에 아래 문장을 추가해주면 됩니다. export default from '@react-native-async-storage/async-storage/jest/async-storage-mock.js' 2021. 9. 22. 이전 1 ··· 3 4 5 6 7 8 9 ··· 46 다음
