728x90 728x90 전체 글52 ES7 React/Redux/GraphQL/React-Native snippets 온라인 강의 듣는데 강사님이 rfc 입력하니깐 자동완성.. 이제 다른 컴포넌트 복붙은 끝났다. 2025. 2. 17. Vite + React +Typescript 초기 세팅 1. Vite + React + Typescript 설치npm create vite@latest my-react-app --template react-ts -> Vite를 사용하여 React와 TypeScript 템플릿을 기반으로 새로운 프로젝트를 생성하는 명령어 ✔️ TypeScript + SWC 설정한 이유- SWC (Speedy Web Compiler)는 자바스크립트 및 TypeScript 파일을 빠르게 컴파일하는 도구- Rust로 작성된 컴파일러로 속도에 최적화되어 있어 Babel보다 훨씬 더 빠른 성능을 제공 ✔️ SWC와 Babel의 차이점- 속도 : SWC는 Rust로 작성되어 있어 Babel보다 훨씬 빠른 성능- 사용 목적 : SWC는 속도와 효율성에 초점을 맞추고 있으며, Babel은.. 2025. 2. 17. ESLint : rules 설정 - "no-console" : "error" ESLint - "no-console" : "error"ESLint에서 "no-console": "error" 규칙을 설정하면 console 관련 문법(예: console.log, console.error 등)을 코드에서 사용할 경우 오류가 발생합니다.=> 즉, console 사용을 금지하는 규칙! [ 설정이유 ]=> 개발 중 사용한 console.log 등을 실서버 배포 시 제거할 때 유용한 규칙입니다. .eslintrc.json 파일 생성 후 작성{ "rules": { "no-console": "error" }} ↓console.log("이 코드는 ESLint 오류를 발생시킵니다.");console.error("이것도 오류입니다."); 특정 console 메서드를 허용하려면 "warn" 또.. 2025. 2. 12. Flutter 설치 - Windows 안드로이드 스튜디오 설치 ⚠️ Android Studio 설치 전 주의사항! 🛠️ Windows 8 이상 (64bit) 또는 MacOS 10.14 버전 이상 => 최신 버전 추천!RAM 최소 8 ~ 16GB 이상 필요 디스크 공간 최소 8GB 이상 필요CPU 최신 추천!화면해상도 : 최소 - 1280x800, 추천 - 1920x10801. Android Studio 다운로드 Android 스튜디오 설치 | Android Studio | Android DevelopersWindows, macOS 또는 Linux에서 Android 스튜디오를 설정 및 설치합니다.developer.android.com => 안드로이드 스튜디오 Ladybug 기능 출시 다운로드 ( 파일 용량이 커서 다운로드시 시간이 걸릴 수 있어요.. 2025. 2. 7. Flutter 설치 - windows 환경 설정 ⚠️ Flutter 설치 전 주의사항! 🛠️ Windows 10 이상 (64bit) 또는 MacOS 11버전 이상하드용량 최소 10 ~ 20GB 정도 필요 Tools : Windows PowerShell or Git1. Flutter SDK 설치https://docs.flutter.dev/release/archive?tab=windows Flutter SDK archiveAll current Flutter SDK releases: stable, beta, and main.docs.flutter.dev => 저는 Windows 에서 제일 최신버전으로 설치했어요! 2. Flutter SDK 압축풀기- 다운로드 완료한 zip 파일을 복사 후 C:\Users\사용자명\Documents 에 붙여넣기 후 .. 2025. 2. 7. Dart 기본기 - Dart 3.0 클래스 1. final class 기본 개념▪️클래스의 확장(상속) 제한 - final class를 사용하면 다른 클래스가 해당 클래스를 상속하여 기능을 변경하는 것을 방지할 수 있음. - extends, implement, 또는 mixin으로 사용이 불가능 ▪️ 보안성 및 안정성 증가 - 라이브러리나 패키지를 만들 때 외부에서 임의로 상속하여 오작동하는 것을 방지할 수 있음. ▪️ 불필요한 상속 구조 제거 - 특정 클래스가 상속을 필요로 하지 않는 경우 final class를 사용하여 명확한 설계를 유도할 수 있음.final class Animal { void makeSound() => print("Animal sound");}// ❌ 오류 발생: final class는 .. 2025. 2. 5. 이전 1 2 3 4 ··· 9 다음 728x90 728x90
