webpack3 [React Native Web] 앱과 웹을 한번에 개발하기 - 4(feat.Styled-Components) (이때까지 잘 되던 프로젝트에 babel.config.js의 @babel/preset-env가 에러를 내고있습니다. can't find variable에러가 뜰경우 해당 presets인 @babel/preset-env을 삭제하고, npm start -- --reset-cache를 실행하여 캐시 삭제 후 npm run ios를 실행하여 확인해보시기 바랍니다! 이 에러 및 자잘한 에러에 대해서 글을 작성 중입니다.) 세팅은 어느정도 완료됬으니 이제 뭘 만들면 좋을까 하다가 역시 Todo List가 최고인것 같아서 네이티브앱에 특화된 Todo List를 제작해보도록 하겠습니다. 본격적인 시작에 앞서.. 1-1. styled Component 설치 npm install --save styled-component.. 2021. 5. 9. [React Native Web] 앱과 웹을 한번에 개발하기 - 3 (Feat. Typescript) (이때까지 잘 되던 프로젝트에 babel.config.js의 @babel/preset-env가 에러를 내고있습니다. can't find variable에러가 뜰경우 해당 presets인 @babel/preset-env을 삭제하고, npm start -- --reset-cache를 실행하여 캐시 삭제 후 npm run ios를 실행하여 확인해보시기 바랍니다! 이 에러 및 자잘한 에러에 대해서 글을 작성 중입니다.) 1. Typescript 적용하기 이제는 필수가 된 Typescript를 적용해보도록 하겠습니다. 설치해야할 npm이 많지만 한번에 설치하면 왜 설치하는지 모르고 지나칠수 있으니 하나하나 순서대로 설치하겠습니다. 1-1. typescript 컴파일을 위한 typescript와 @babel/pre.. 2021. 3. 27. [React Native Web] 앱과 웹을 한번에 개발하기 - 1 React를 처음 학습하면서 Parcel이란 번들러를 사용하여 React Todolist를 개발한 적이 있습니다. 벌써 거의 2년이 되어가네요. 이제 실무에서도 React를 1년넘게 사용하면서, 앱에도 욕심이 나서 React Native를 학습해보았는데 웹은 따로 개발해야하는게 굉장히 부담(이라쓰고 귀찮)되더라구요. React Native나 React나 FaceBook에서 개발했으니 충분히 같이 개발할 수 있지않을까.. 하던차에 React native Web이라는 것이 등장했고, Strapi로 api개발에 대해서 한번 글을 썼으니 이것을 주제로 프론트단을 구성해보면어떨까 하여 글을 써보겠습니다. node 버전은 10이상을 권장하며 필자는 14버전을 사용하였습니다. (node 버전 변경이 쉬운 nvm추천).. 2021. 2. 7. 이전 1 다음
