반응형

분류 전체보기 201

[React Native | Expo] iOS 시뮬레이터가 안 될 때: Xcode must be fully installed 오류 해결법

Xcode must be fully installed 오류 해결법 ✅ 2. Xcode 개발 도구 경로 설정터미널을 열고 아래 명령어를 입력하세요sudo xcode-select -s /Applications/Xcode.app/Contents/Developer ✅ 3. Xcode 라이선스 동의Xcode 설치 후 처음 사용할 때는 라이선스 동의가 필요합니다.sudo xcodebuild -license ✅ 4. iOS 시뮬레이터 실행Expo 프로젝트에서 다음 명령어로 실행합니다 실행 후 i npx expo start 항목 체크리스트✅ Xcode 설치App Store에서 설치 후 한 번 실행✅ 개발자 도구 설정xcode-select 명령어 실행✅ 라이선스 동의sudo xcodebuild -license 실행..

React Native 2025.07.02

[JS] 자바스크립트 DOM 요소 선택 정리

✅ 자바스크립트 DOM 요소 선택 정리DOM(Document Object Model)에서 HTML 요소를 자바스크립트로 선택할 수 있는 여러 가지 방법이 있습니다. 아래는 가장 자주 사용하는 선택자들에 대한 설명과 차이점🔹 getElementById✅ id 속성값으로 요소를 선택✅ 항상 하나의 요소만 반환 (단일) const title = document.getElementById("myTitle"); 🔹 getElementsByClassName✅ class 속성값으로 요소를 선택🔁 여러 요소를 선택할 수 있으며, HTMLCollection을 반환 (유사 배열) const items = document.getElementsByClassName("menu-item"); items[0].innerTex..

CSS HTML JS 2025.06.16

[Android Studio] 상태바 완전 숨기기

- 상태바(Status Bar)를 완전히 숨기는 방법☘️WindowCompat.setDecorFitsSystemWindows() + WindowInsetsControllerimport android.os.Buildimport android.view.Viewimport android.view.WindowInsetsimport android.view.WindowInsetsControllerimport androidx.core.view.WindowCompatoverride fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) // 시스템 UI와 겹치게 할 수 있도록 설정 (상태바 포함) WindowCompa..

Android Studio 2025.06.02

[Android Studio] statusBarsPadding() / enableEdgeToEdge()

1. statusBarsPadding 유무 차이 2.enableEdgeToEdge() override fun onCreate(savedInstanceState: Bundle?) { //앱 콘텐츠가 시스템 UI(상태바, 내비게이션 바) 아래까지 확장되도록 허용 //전체 앱 화면 이용 가능 하게됨 enableEdgeToEdge() super.onCreate(savedInstanceState) Log.d(TAG, "onCreate Called") setContent { DessertClickerTheme { // A surface container using the 'background' color ..

Android Studio 2025.06.02

[CSS] text-align

text-align 속성의 주요 값값설명left텍스트를 왼쪽 정렬합니다. (기본값, 특히 왼쪽에서 읽는 언어에서)right텍스트를 오른쪽 정렬합니다.center텍스트를 가운데 정렬합니다.justify양쪽 정렬로, 텍스트 양쪽 끝을 맞추기 위해 공백을 자동 조정합니다.start문장의 시작 방향에 따라 정렬합니다. (LTR 언어는 왼쪽, RTL 언어는 오른쪽)end문장의 끝 방향에 따라 정렬합니다. (LTR 언어는 오른쪽, RTL 언어는 왼쪽)✅ 1. 블록 요소 자식 정렬 안 됨❌ 잘못된 코드 나는 가운데 정렬되지 않음 이유: 안쪽 는 블록 요소라 텍스트 정렬 영향 안 받음✅ 수정된 코드 나는 가운데 정렬됨 display: inline-block으로 바꾸면 text-align의 영향을 받아 가운데 정..

CSS HTML JS 2025.05.13

[CSS] 다중 선택자

다중 선택자보통 CSS에서 이렇게 쓰면:h1 { font-family: Georgia;}.menu { font-family: Georgia;} 이렇게 두 번이나 font-family: Georgia;를 반복해야 하지? → 코드가 길고 중복돼서 비효율적이야 😓🎯 그래서 등장한 게 다중 선택자! h1,.menu { font-family: Georgia;} 👉 h1이든, .menu 클래스든 둘 다 Georgia 글꼴로 바꿔줘!✔ 쉼표(,)로 선택자들을 나열하면 돼!💡 더 많은 선택자도 가능해!h1, h2, p, .menu, #title { color: navy;} 이렇게 쓰면 위에 나온 모든 요소에 **color: navy;**가 적용📌 요약개념설명다중 선택자쉼표로 나열해서 여러 요소에 같은 ..

CSS HTML JS 2025.05.13
반응형