본문 바로가기

분류 전체보기154

npm i create-react-app 와 npx create-react-app my-app 의 차이점 npm i create-react-app create-react-app 도구를 내 컴퓨터에 설치한다.예전에는 이 방법으로 도구를 설치한 후에 React 프로젝트를 만들었지만 현재는 이 방법을 사용하는 것을 권장하지 않는다.npm i에서 i는 install의 약자이며, 패키지를 설치하라는 명령을 의미한다.(npm install create-react-app은 npm i create-react-app과 동일한 의미)npx create-react-app my-appcreate-react-app 도구를 임시로 다운로드해서 바로 실행한다.my-app은 만들고 싶은 프로젝트 이름을 적어주면 된다.npx를 사용하면 매번 설치할 필요 없이 최신 버전으로 프로젝트를 쉽게 만들 수 있다.간단 요약npm i create-r.. 2024. 10. 6.
[VSCode] Create React App의 글로벌(전역) 설치를 더 이상 지원하지 않습니다 ※ React  프로젝트를  만들려고 vscode 터미널에서  create-react-app my-app 명령어를 입력했더니 아래의 오류가 떴다.Create React App의 글로벌(전역) 설치를 더 이상 지원하지 않습니다. 다음 명령어를 입력하여 글로벌 설치를 제거하세요.☞ npm uninstall -g create-react-app☞ yarn global remove create-react-app  오류 원인 Create React App의 글로벌(전역) 설치를 더 이상 지원하지 않습니다.라는 메시지가 나타났다면, 이는 create-react-app이 전역으로 설치되어 있기 때문에 발생하는 오류이다.이럴 땐 아래의 명령어로 전역 설치를 제거해 주면 된다.npm uninstall -g create-r.. 2024. 10. 6.
OOP 개념 OOP 란? OOP는 Object Oriented Programming의 줄임말이다. 객체 지향 프로그래밍(OOP, Object-Oriented Programming)은 모든 데이터를 객체로 취급하며, 이러한 객체 간의 상호작용을 통해 프로그램을 구성하는 프로그래밍 패러다임이다.OOP는 데이터와 그 데이터를 처리하는 메서드를 하나의 단위로 묶어 객체라고 부른다.OOP 주요 개념 1. 캡슐화 (Encapsulation)객체 안의 데이터(속성)를 숨기고, 그 데이터에 접근할 수 있는 메서드만 제공하는 방식이다.쉽게 말해, 물건을 상자에 넣고 밖에서 직접 상자를 열지 못하게 하고, 버튼을 눌러서 물건을 꺼내는 것과 비슷하다.왜 캡슐화가 중요한가?데이터 보호: 객체 내부의 중요한 데이터를 외부에서 직접 수정할 .. 2024. 8. 26.
[Flutter] Flutter 에서 브라우저 열기 'url_launcher' Flutter 프로젝트에서 브라우저를 열기 위해서는  url_launcher라는 패키지를 설치해야 한다링크 : https://pub.dev/packages/url_launcher/install  패키지 설치 사이트에 들어가서  두 개의 방법 중 하나의 방법으로 설치해 주면 된다나는 flutter pub add url_launcher를  vscode 터미널에 복사 붙여 넣기 해서  설치해 주었다url_launcher는 http url 만 실행할 수 있는 게 아니라 sms url, tel url 도 실행 할 수 있다그래서 어떤 종류의 url을 쓸 건지 명시해주어야 한다링크 : https://pub.dev/packages/url_launcher  ※ ios와 안드로이드 각각 추가하는 파일과 코드가 다르니 참.. 2024. 8. 26.
[Flutter] API 호출 하기 위해 HTTP 패키지 설치, 에러 해결 과정 HTTP를 사용해 API를 호출하기 위해 패키지를 설치하는 과정에서 에러 와의 전쟁이 시작되었다 😱🔥 설치 과정1. Dart/Flutter 공식 패키지 다운 사이트 :  https://pub.dev/ 2. 해당 사이트에서 http 검색 https://pub.dev/packages/http/install 이동 3. 사이트에 나와있는 대로 pubspec.yaml 파일 dependencies에 아래의 코드를 추가해 주었다 http: ^1.2.2❌ 설치 과정 중 만난 에러 A dependency may only have one source ☞ pubspec.yaml 파일에서 같은 패키지가 여러 소스에서 정의되었을 때 발생한다Unused import: 'package:http/http.dart'. Try re.. 2024. 8. 14.
[Mac 환경] VSCode에서 Flutter 개발 시 Show Code Actions💡사용 💡Show Code ActionsFlutter로 개발을 하다 보면 위젯을 다른 위젯으로 감쌀 수도, 감싸져 있는 위젯을 삭제할 수도 있는데 그때마다 코드를 (잘라내기 + 붙여 넣기) 해야 하는 번거로움을 줄여 주는 게 Show Code Actions이다액션을 할 위젯에 커서를 두고 왼쪽에 보이는 노란 전구(Show Code Actions)를 클릭해 보면 Wrap with 위젯으로 여러 개가 나온다Wrap with Center로 사용할 위젯을 바로 선택할 수도 있고, Wrap with widget을 클릭해서 내가 원하는 걸로 적어줄 수도 있다해당 위젯을 위 아래로 움직이려면 Move widget (up or down)해당 위젯을 삭제하려면 Remove this widget단축키는 노란 전구에 마우스를 .. 2024. 8. 11.
728x90

티스토리툴바