꾸밈없는 꾸밈없는

Web

• [ReactJS] ReactJS 설치 및 개발환경 구축 (mac)

  웹 개발/ReactJS 2021. 4. 7. 19:33

  1) 원하는 위치에 프로젝트 폴더 생성 2) node.js 설치 nodejs.org/ko/download/다운로드 | Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org설치 여부 확인 (노드의 버전확인) node -v 3) ReactJS 설치 설치 전 아래 링크를 꼭 참고할 것 [ReactJS] npm과 npx의 용어정리 및 차이점 - https://seizemymoment.tistory.com/m/106[ReactJS] npm과 npx의 용어정리 및 차이점react를 설치하다보니 npm , npx 두 가지 방법으로 패키지를 설치할 수 있다는 것을 알게 되었다. 낯익은 용어지만 제대로 공부한 적이..

  Read More
• [Firebase] firebase의 google-login과 flutter web 연동방법 및 에러정리 ( idpiframe_initialization_failed / CONFIGURATION_NOT_FOUND/ 구글로그인이 안될 경우)

  데이터베이스/Firebase 2021. 2. 6. 21:22

  firebase의 google-login과 flutter web을 연동하는 방법 1) firebase 웹 앱 프로젝트 생성 - Firebase SDK 추가 안드로이드 앱에서는 google-service.json 파일을 넣는데 web에서는 아래의 코드를 프로젝트의 web - index.html의 태그 하단에 붙여넣는다. -firebase CLI 설치 android studio terminal에서 자동설치 스크립트를 이용해 Firebase CLI를 설치했다. curl -sL https://firebase.tools | bash - Firebase SDK 추가 나는 당장 배포할 생각은 없었기 때문에 CLI 설치 후에 구글에 로그인하고 프로젝트 시작하는 것만 했다. 2) firebase와 flutter 웹 연동..

  Read More
• [CSS] CSS 기본 문법

  웹 개발/HTML & CSS 2020. 6. 23. 01:08

  내가 보려고 정리하는 CSS 기본 문법 https://heropy.blog/ 를 참고했습니다. 선택자 (Selector) css를 적용할 html의 특정 부분을 지정하는 사인(sign) 이다. 선택한 부분을 속성 (Properties)와 값(Value)로 설정할 수 있음 (속성 : 값) 예시1) 로 정의해놓은 부분에 css 적용 div { color : red; font-size : 20px; width : 300px; height : 200px; margin : 20px; padding : 10px 20px; position : absolute; } 예시2) h1 부분과 p 부분에 각각 색상에 대한 css를 적용 title content h1 { color:red; } p { color:blue; } ..

  Read More