본문 바로가기

Front-End40

[React Native Web] 앱과 웹을 한번에 개발하기 - 2 1. IE 설정하기(IE를 신경쓰지않는다면 Skip) Webpack5부터는 기본적으로 output bundle파일이 es6로 처리되기때문에 별도의 설정값을 추가해야합니다. output: { filename: 'bundle.js', path: path.join(__dirname, '/build'), environment: { arrowFunction: false, bigIntLiteral: false, const: false, destructuring: false, dynamicImport: false, forOf: false, module: false, }, }, webpack.config.js에서 output부분을 위와같이 수정해준 후 ie에서도 'Hello world from react'가 노출되는지.. 2021. 2. 8.
[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.
[git] git 기초 커맨드 1. git 시작하기 git버전관리를 시작하는 방법은 git init git을 사용하지않는 폴더에 .git파일을 만들어 시작하는 방법과 다른 github저장소의 주소를 복사하여 git clone https://github.com/gitid/gitname.git 원하는 폴더에 위와같이 입력하여 clone 후 git 저장소를 활용하는 방법이 있습니다. 2. git저장소 상태확인하기 git 저장소를 만든 후에 git status 를 입력하면, 현재 git 저장소안에 파일 목록의 상태를 알려줍니다. 파일을 새로 만들경우 Untracked상태이며, git add 명령어로 staging area에 저장되면 Tracked상태가 되며, Unmodified, Modified, Staged 3가지 상태값을 가집니다. ma.. 2020. 8. 2.
[Strapi] Strapi + MongDB + Heroku로 만드는 Back-end 서버 지난 포스트에서 설정한 Strapi 서버를 Heroku로 실제 사용가능하도록 배포해보겠습니다. 1. Database 설정 변경 Strapi를 설치할때 입력한 DB정보는 development(개발용)에서만 적용되어 있으므로, staging, production의 DB설정도 바꿔주도록 합니다. /config/environments/development/database.json development의 database.json의 내용을 복사하여, staging, production의 database.json에 그대로 붙여넣도록 합시다. 2.Heroku 가입 www.heroku.com/ Cloud Application Platform | Heroku Heroku is a platform as a service (.. 2020. 5. 20.