zizi_Dev

[iOS] FNC TAG_READER_TEST_ZIZI

ziziDev — Tue, 11 Nov 2025 21:35:36 +0900

BuildingAnNFCTagReaderApp.zip

0.11MB

BuildingAnNFCTagReaderApp 2.zip

0.16MB

See the LICENSE.txt file for this sample’s licensing information.

Abstract:

The view controller that scans and displays NDEF messages.

import UIKit

import CoreNFC

/// - Tag: MessagesTableViewController

class MessagesTableViewController: UITableViewController, NFCNDEFReaderSessionDelegate, NFCTagReaderSessionDelegate {

// MARK: - Properties

let reuseIdentifier = "reuseIdentifier"

var detectedMessages = [NFCNDEFMessage]()

var session: NFCNDEFReaderSession?

var tagSession: NFCTagReaderSession?

var detectedTagInfo = [String]() // 일반 태그 정보 저장

// MARK: - View Lifecycle

override func viewDidLoad() {

super.viewDidLoad()

// 왼쪽에 "카드 스캔" 버튼 추가

let cardScanButton = UIBarButtonItem(title: "카드 스캔", style: .plain, target: self, action: #selector(beginGeneralTagScanning(_:)))

navigationItem.leftBarButtonItem = cardScanButton

// 오른쪽 "Scan" 버튼은 Storyboard에 이미 있음

}

// MARK: - Actions

/// - Tag: beginScanning

@IBAction func beginScanning(_ sender: Any) {

guard NFCNDEFReaderSession.readingAvailable else {

let alertController = UIAlertController(

title: "Scanning Not Supported",

message: "This device doesn't support tag scanning.",

preferredStyle: .alert

)

alertController.addAction(UIAlertAction(title: "OK", style: .default, handler: nil))

self.present(alertController, animated: true, completion: nil)

return

}

session = NFCNDEFReaderSession(delegate: self, queue: nil, invalidateAfterFirstRead: false)

session?.alertMessage = "Hold your iPhone near the item to learn more about it."

session?.begin()

}

// MARK: - NFCNDEFReaderSessionDelegate

/// - Tag: processingTagData

func readerSession(_ session: NFCNDEFReaderSession, didDetectNDEFs messages: [NFCNDEFMessage]) {

DispatchQueue.main.async {

// Process detected NFCNDEFMessage objects.

self.detectedMessages.append(contentsOf: messages)

self.tableView.reloadData()

}

/// - Tag: processingNDEFTag

func readerSession(_ session: NFCNDEFReaderSession, didDetect tags: [NFCNDEFTag]) {

if tags.count > 1 {

// Restart polling in 500ms

let retryInterval = DispatchTimeInterval.milliseconds(500)

session.alertMessage = "More than 1 tag is detected, please remove all tags and try again."

DispatchQueue.global().asyncAfter(deadline: .now() + retryInterval, execute: {

session.restartPolling()

})

return

}

// Connect to the found tag and perform NDEF message reading

let tag = tags.first!

session.connect(to: tag, completionHandler: { (error: Error?) in

if nil != error {

session.alertMessage = "Unable to connect to tag."

session.invalidate()

return

}

tag.queryNDEFStatus(completionHandler: { (ndefStatus: NFCNDEFStatus, capacity: Int, error: Error?) in

if .notSupported == ndefStatus {

session.alertMessage = "Tag is not NDEF compliant"

session.invalidate()

return

} else if nil != error {

session.alertMessage = "Unable to query NDEF status of tag"

session.invalidate()

return

}

tag.readNDEF(completionHandler: { (message: NFCNDEFMessage?, error: Error?) in

var statusMessage: String

if nil != error || nil == message {

statusMessage = "Fail to read NDEF from tag"

} else {

statusMessage = "Found 1 NDEF message"

DispatchQueue.main.async {

// Process detected NFCNDEFMessage objects.

self.detectedMessages.append(message!)

self.tableView.reloadData()

}

session.alertMessage = statusMessage

session.invalidate()

})

}

/// - Tag: sessionBecomeActive

func readerSessionDidBecomeActive(_ session: NFCNDEFReaderSession) {

}

/// - Tag: endScanning

func readerSession(_ session: NFCNDEFReaderSession, didInvalidateWithError error: Error) {

// Check the invalidation reason from the returned error.

if let readerError = error as? NFCReaderError {

// Show an alert when the invalidation reason is not because of a

// successful read during a single-tag read session, or because the

// user canceled a multiple-tag read session from the UI or

// programmatically using the invalidate method call.

if (readerError.code != .readerSessionInvalidationErrorFirstNDEFTagRead)

&& (readerError.code != .readerSessionInvalidationErrorUserCanceled) {

let alertController = UIAlertController(

title: "Session Invalidated",

message: error.localizedDescription,

preferredStyle: .alert

)

alertController.addAction(UIAlertAction(title: "OK", style: .default, handler: nil))

DispatchQueue.main.async {

self.present(alertController, animated: true, completion: nil)

}

// To read new tags, a new session instance is required.

self.session = nil

}

// MARK: - addMessage(fromUserActivity:)

func addMessage(fromUserActivity message: NFCNDEFMessage) {

DispatchQueue.main.async {

self.detectedMessages.append(message)

self.tableView.reloadData()

}

// MARK: - General Tag Reading (ISO7816, MiFare, FeliCa)

@IBAction func beginGeneralTagScanning(_ sender: Any) {

guard NFCTagReaderSession.readingAvailable else {

let alertController = UIAlertController(

title: "Scanning Not Supported",

message: "This device doesn't support tag scanning.",

preferredStyle: .alert

)

alertController.addAction(UIAlertAction(title: "OK", style: .default, handler: nil))

self.present(alertController, animated: true, completion: nil)

return

}

tagSession = NFCTagReaderSession(pollingOption: [.iso14443, .iso15693, .iso18092], delegate: self)

tagSession?.alertMessage = "카드나 태그를 iPhone 상단에 가까이 대주세요."

tagSession?.begin()

}

// MARK: - NFCTagReaderSessionDelegate

func tagReaderSessionDidBecomeActive(_ session: NFCTagReaderSession) {

print("Tag reader session became active")

}

func tagReaderSession(_ session: NFCTagReaderSession, didInvalidateWithError error: Error) {

if let readerError = error as? NFCReaderError {

if (readerError.code != .readerSessionInvalidationErrorFirstNDEFTagRead)

&& (readerError.code != .readerSessionInvalidationErrorUserCanceled) {

DispatchQueue.main.async {

let alertController = UIAlertController(

title: "세션 종료",

message: error.localizedDescription,

preferredStyle: .alert

)

alertController.addAction(UIAlertAction(title: "확인", style: .default, handler: nil))

self.present(alertController, animated: true, completion: nil)

}

self.tagSession = nil

}

func tagReaderSession(_ session: NFCTagReaderSession, didDetect tags: [NFCTag]) {

if tags.count > 1 {

session.alertMessage = "태그가 2개 이상 감지되었습니다. 하나만 남겨주세요."

DispatchQueue.global().asyncAfter(deadline: .now() + .milliseconds(500)) {

session.restartPolling()

}

return

}

let tag = tags.first!

session.connect(to: tag) { (error: Error?) in

if error != nil {

session.invalidate(errorMessage: "태그에 연결할 수 없습니다.")

return

}

var tagInfo = ""

var tagType = ""

switch tag {

case .iso7816(let iso7816Tag):

tagType = "ISO7816 (신용카드/스마트카드)"

tagInfo = self.readISO7816Tag(iso7816Tag)

case .miFare(let miFareTag):

tagType = "MiFare (출입카드/교통카드)"

tagInfo = self.readMiFareTag(miFareTag)

case .feliCa(let feliCaTag):

tagType = "FeliCa (교통카드)"

tagInfo = self.readFeliCaTag(feliCaTag)

case .iso15693(let iso15693Tag):

tagType = "ISO15693"

tagInfo = self.readISO15693Tag(iso15693Tag)

@unknown default:

tagType = "Unknown Tag Type"

tagInfo = "알 수 없는 태그 타입입니다."

}

let fullInfo = "[\(tagType)]\n\(tagInfo)"

DispatchQueue.main.async {

// NDEF 메시지 형태로 변환하여 표시

let record = NFCNDEFPayload(

format: .nfcWellKnown,

type: "T".data(using: .utf8)!,

identifier: Data(),

payload: fullInfo.data(using: .utf8)!

)

let message = NFCNDEFMessage(records: [record])

self.detectedMessages.insert(message, at: 0)

self.tableView.reloadData()

}

session.alertMessage = "태그 읽기 완료"

session.invalidate()

}

// MARK: - Tag Reading Helpers

private func readISO7816Tag(_ tag: NFCISO7816Tag) -> String {

var info = ""

info += "UID: \(tag.identifier.map { String(format: "%02X", $0) }.joined(separator: " "))\n"

info += "Historical Bytes: \(tag.historicalBytes?.map { String(format: "%02X", $0) }.joined(separator: " ") ?? "없음")\n"

info += "Application Data: \(tag.applicationData?.map { String(format: "%02X", $0) }.joined(separator: " ") ?? "없음")\n"

info += "\n* 암호화된 데이터는 읽을 수 없습니다"

return info

}

private func readMiFareTag(_ tag: NFCMiFareTag) -> String {

var info = ""

info += "UID: \(tag.identifier.map { String(format: "%02X", $0) }.joined(separator: " "))\n"

switch tag.mifareFamily {

case .plus:

info += "타입: MiFare Plus\n"

case .ultralight:

info += "타입: MiFare Ultralight\n"

case .desfire:

info += "타입: MiFare DESFire\n"

case .unknown:

info += "타입: Unknown MiFare\n"

@unknown default:

info += "타입: Unknown\n"

}

info += "Historical Bytes: \(tag.historicalBytes?.map { String(format: "%02X", $0) }.joined(separator: " ") ?? "없음")\n"

info += "\n* 출입카드/교통카드 데이터는 암호화되어 있습니다"

return info

}

private func readFeliCaTag(_ tag: NFCFeliCaTag) -> String {

var info = ""

info += "UID: \(tag.currentIDm.map { String(format: "%02X", $0) }.joined(separator: " "))\n"

info += "System Code: \(tag.currentSystemCode.map { String(format: "%02X", $0) }.joined(separator: " "))\n"

info += "\n* 교통카드 잔액 등은 암호화되어 읽을 수 없습니다"

return info

}

private func readISO15693Tag(_ tag: NFCISO15693Tag) -> String {

var info = ""

info += "UID: \(tag.identifier.map { String(format: "%02X", $0) }.joined(separator: " "))\n"

info += "IC Manufacturer Code: \(String(format: "%02X", tag.icManufacturerCode))\n"

info += "IC Serial Number: \(tag.icSerialNumber.map { String(format: "%02X", $0) }.joined(separator: " "))\n"

return info

}

-------

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">

<dict>

<key>com.apple.developer.associated-domains</key>

<array>

<string>applinks:example.com</string>

</array>

<key>com.apple.developer.nfc.readersession.formats</key>

<array>

<string>FELICA</string>

</array>

</dict>

</plist>

--------

[React Native] 라이브러리 모음

ziziDev — Fri, 4 Jul 2025 22:07:50 +0900

react-native-keyboard-aware-scroll-view

react-hook-form

React Hook Form - performant, flexible and extensible form library

Performant, flexible and extensible forms with easy-to-use validation.

react-hook-form.com

3주동안 만들었던 앱.. RN 처음 해보고 고생했었던.. 실시간으로 API 만들어서 나한테주고 외국인이랑 소통하고 디자인도 중간에 변경된다고 들어서 멘탈 붕괴오고 이래저래 힘들었던 그래도 중간에 어느정도 사람들도 투입해서 조금씩 서폿을 해줘서 끝낼 수 있었던

PILADUCK WELLNESS.. 고생한 만큼 그래도 짧은 시간동안 앱을 만들었다는거에 의의를 가지고 마무리 지었던 기억..

또 RN을 하게된다면 라이브러리는 추가할 예정

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

ziziDev — Wed, 2 Jul 2025 20:46:26 +0900

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 실행
✅ 시뮬레이터 실행	npx expo start → i 입력

⭐️ 터미널에서 실행 중일 때 ⭐️

r → 빠른 새로고침 (Fast Refresh)
R → 전체 리로드 (앱 재시작)

마무리

이제 iOS 시뮬레이터에서 Expo 앱을 문제없이 실행할 수 있습니다!
혹시 expo 자체에서 문제가 발생하는 경우는 expo doctor 명령어도 참고해보세요.

도움이 되셨다면 댓글이나 공감 부탁드려요

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

ziziDev — Mon, 16 Jun 2025 21:08:11 +0900

✅ 자바스크립트 DOM 요소 선택 정리

DOM(Document Object Model)에서 HTML 요소를 자바스크립트로 선택할 수 있는 여러 가지 방법이 있습니다. 아래는 가장 자주 사용하는 선택자들에 대한 설명과 차이점

getElementById

✅ id 속성값으로 요소를 선택
✅ 항상 하나의 요소만 반환 (단일)

const title = document.getElementById("myTitle");

getElementsByClassName

✅ class 속성값으로 요소를 선택
여러 요소를 선택할 수 있으며, HTMLCollection을 반환 (유사 배열)

const items = document.getElementsByClassName("menu-item"); items[0].innerText = "첫 번째 메뉴";

getElementsByTagName

✅ <div>, <h1>, <p> 등 태그명으로 요소를 선택
여러 요소를 선택할 수 있으며, HTMLCollection 반환

const headers = document.getElementsByTagName("h1"); console.log(headers.length); // h1 태그 몇 개?

querySelector

✅ CSS 선택자 방식으로 요소를 선택 (.class, #id, tag, 조합 가능)
가장 처음 발견되는 하나의 요소만 반환 (단일)

const firstItem = document.querySelector(".menu li");

querySelectorAll

✅ CSS 선택자 방식으로 모든 일치하는 요소를 NodeList로 반환
반복문 (forEach) 사용 가능

const allItems = document.querySelectorAll(".menu li"); allItems.forEach(item => { item.style.color = "blue"; });

✍️ 요약 비교표

선택자방식반환 형태여러 개 선택 가능?반복 가능?

getElementById	id	단일 요소	❌	❌
getElementsByClassName	class	HTMLCollection	✅	(for, spread 등)
getElementsByTagName	태그	HTMLCollection	✅
querySelector	CSS 선택자	단일 요소	❌	❌
querySelectorAll	CSS 선택자	NodeList	✅	✅ (forEach)

✅ 추천 사용 방식

앞으로는 querySelector / querySelectorAll을 사용하는 것이 가장 직관적이고 유연
CSS 선택자 문법을 그대로 사용할 수 있어 매우 편리해요!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Practive App</title>
</head>
<body>
    <h1 autofocus class="hello" id="title">hello!</h1> <!-- id 는 한번만 사용해야함 class 경우 여러번 쓸 수 없음  그래서 아래있는 id는 무시될 수 있음-->
    <h1 id="title">me too!</h1> <!-- 이건 코드로 불러와도 수정이 되지 않는다-->
    <h1 class="hello">me too!</h1>
    <h1 class="hello">me too!</h1>
    <h1 class="hello">me too!</h1>
    <script src="app.js"></script>
</body>
</html>

//hello 안에 있는 h1을 가지고 오자
const exam = document.querySelector(".hello h1"); //.menu → class="menu"

const example = document.querySelector("#title"); //#hello → id="hello"

✅ 정리:

구분CSS 선택자예시설명

Class	. (점)	.box	class="box"인 요소 선택
ID	# (샵)	#main	id="main"인 요소 선택

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

ziziDev — Mon, 2 Jun 2025 23:00:02 +0900

- 상태바(Status Bar)를 완전히 숨기는 방법

☘️WindowCompat.setDecorFitsSystemWindows() + WindowInsetsController

import android.os.Build
import android.view.View
import android.view.WindowInsets
import android.view.WindowInsetsController
import androidx.core.view.WindowCompat

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)

    // 시스템 UI와 겹치게 할 수 있도록 설정 (상태바 포함)
    WindowCompat.setDecorFitsSystemWindows(window, false)

    // 상태바 숨기기
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
        window.insetsController?.hide(WindowInsets.Type.statusBars())
    } else {
        @Suppress("DEPRECATION")
        window.decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_FULLSCREEN
    }

    setContent {
        // Compose UI 작성
    }
}

WindowCompat.setDecorFitsSystemWindows(...)	앱이 상태바나 내비게이션 바 아래로도 확장될 수 있게 함
window.insetsController?.hide(...)	상태바를 숨김
systemUiVisibility = View.SYSTEM_UI_FLAG_FULLSCREEN	(구버전용) 동일 기능

❗주의사항

사용자가 다시 화면을 터치하거나 스크롤하면 상태바가 다시 나타날 수 있어요 (임시 숨김일 때).
완전한 “몰입형 모드(Immersive Mode)”로 유지

window.insetsController?.systemBarsBehavior =
    WindowInsetsController.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE

- 완전히 상태바와 내비게이션 바 모두 숨기고 싶을 경우

window.insetsController?.hide(
    WindowInsets.Type.statusBars() or WindowInsets.Type.navigationBars()
)

- 다시 상태바를 보이게 하려면

window.insetsController?.show(WindowInsets.Type.statusBars())

[Android Studio] statusBarsPadding() / enableEdgeToEdge()

ziziDev — Mon, 2 Jun 2025 14:43:15 +0900

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 from the theme
                Surface(
                    modifier = Modifier
                        .fillMaxSize()
                        //해당 컴포넌트에 상단 패딩을 자동으로 추가해서 상태바에 겹치지 않게 해줌
                        .statusBarsPadding(),// 상태바 영역만큼 패딩 추가
                ) {
                    DessertClickerApp(desserts = Datasource.dessertList)
                }
            }
        }

[Android Studio] Manifest Setting

ziziDev — Sun, 1 Jun 2025 23:59:45 +0900

<uses-permission android:name="android.permission.INTERNET" />

AndroidStudio gradle 모음

ziziDev — Sun, 1 Jun 2025 23:27:14 +0900

//Compose ViewModel
implementation("androidx.lifecycle:lifecycle-viewmodel-compose:2.6.2")

//Network calls
implementation("com.squareup.retrofit2:retrofit:2.9.0")

//Json to Kotlin object mapping
implementation("com.squareup.retrofit2:converter-gson:2.9.0")

//Image loading
implementation("io.coil-kt:coil-compose:2.4.0")

dependencies {
    def nav_version = "2.9.0"

    implementation "androidx.navigation:navigation-compose:$nav_version"
}

https://developer.android.com/develop/ui/compose/navigation?hl=ko

Compose를 사용한 탐색 | Jetpack Compose | Android Developers

이 페이지는 Cloud Translation API를 통해 번역되었습니다. Compose를 사용한 탐색 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. Navigation 구성요소는 Jetpack Compose

developer.android.com

뷰에서 더 넓은 화면에 콘텐츠 표시 SDK35 이상 타겟팅

https://developer.android.com/develop/ui/views/layout/edge-to-edge?hl=ko

dependencies {
    val activity_version = activity_version
    // Kotlin
    implementation("androidx.activity:activity-ktx:$activity_version")
}

dependencies {
    val activity_version = activity_version
    // Java language implementation
    implementation("androidx.activity:activity:$activity_version")
    // Kotlin
    implementation("androidx.activity:activity-ktx:$activity_version")
}

[ORACLE] TEXT 글자 찾기

ziziDev — Wed, 28 May 2025 13:30:41 +0900

[ORACLE] TEXT 글자 찾기

SELECT * FROM USER_SOURCE

WHERE 1=1

AND TEXT LIKE '%찾을 텍스트 이름%';

[CSS] text-align

ziziDev — Tue, 13 May 2025 15:55:56 +0900

text-align 속성의 주요 값

값	설명
left	텍스트를 왼쪽 정렬합니다. (기본값, 특히 왼쪽에서 읽는 언어에서)
right	텍스트를 오른쪽 정렬합니다.
center	텍스트를 가운데 정렬합니다.
justify	양쪽 정렬로, 텍스트 양쪽 끝을 맞추기 위해 공백을 자동 조정합니다.
start	문장의 시작 방향에 따라 정렬합니다. (LTR 언어는 왼쪽, RTL 언어는 오른쪽)
end	문장의 끝 방향에 따라 정렬합니다. (LTR 언어는 오른쪽, RTL 언어는 왼쪽)

✅ 1. 블록 요소 자식 정렬 안 됨

❌ 잘못된 코드

이유: 안쪽 <div>는 블록 요소라 텍스트 정렬 영향 안 받음

✅ 수정된 코드

display: inline-block으로 바꾸면 text-align의 영향을 받아 가운데 정렬됨

✅ 2. Flexbox 쓰는 경우

❌ 잘못된 코드

이유: Flexbox에서는 text-align이 작동하지 않음

✅ 수정된 코드

Flexbox에서는 justify-content로 수평 정렬을 해야 함

✅ 3. 이미지 정렬

❌ 잘못된 코드

이유: img는 인라인 요소지만 text-align은 부모에게 적용해야 함

✅ 수정된 코드

text-align을 부모 블록 요소에 적용해야 이미지가 가운데 정렬됨

✅ 4. 입력 필드 텍스트 정렬

❌ 잘못된 코드

이유: text-align이 적용되지 않아서 기본 왼쪽 정렬

✅ 수정된 코드

input에 직접 text-align: center를 주면 가운데 정렬됨

✅ 5. 자식 요소가 없는 경우

❌ 잘못된 코드

이유: 안에 텍스트가 없으므로 아무 효과 없음

✅ 수정된 코드

텍스트가 있어야 text-align이 보이는 효과가 생김

zizi_Dev

[iOS] FNC TAG_READER_TEST_ZIZI

[React Native] 라이브러리 모음

react-native-keyboard-aware-scroll-view

reate-native-toast-message

react-hook-form

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

Xcode must be fully installed 오류 해결법

마무리

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

✅ 자바스크립트 DOM 요소 선택 정리

getElementById

getElementsByClassName

getElementsByTagName

querySelector

querySelectorAll

✍️ 요약 비교표

✅ 추천 사용 방식

✅ 정리:

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

- 상태바(Status Bar)를 완전히 숨기는 방법

☘️WindowCompat.setDecorFitsSystemWindows() + WindowInsetsController

❗주의사항

- 완전히 상태바와 내비게이션 바 모두 숨기고 싶을 경우

- 다시 상태바를 보이게 하려면

[Android Studio] statusBarsPadding() / enableEdgeToEdge()

[Android Studio] Manifest Setting

AndroidStudio gradle 모음

[ORACLE] TEXT 글자 찾기

[ORACLE] TEXT 글자 찾기

[CSS] text-align

text-align 속성의 주요 값

✅ 1. 블록 요소 자식 정렬 안 됨

❌ 잘못된 코드

✅ 수정된 코드

✅ 2. Flexbox 쓰는 경우

❌ 잘못된 코드

✅ 수정된 코드

✅ 3. 이미지 정렬

❌ 잘못된 코드

✅ 수정된 코드

✅ 4. 입력 필드 텍스트 정렬

❌ 잘못된 코드

✅ 수정된 코드

✅ 5. 자식 요소가 없는 경우

❌ 잘못된 코드

✅ 수정된 코드