분류 전체보기

문제 안드로이드 Activity에서 Toast Message를 띄우고자 했지만 뜨지 않는 문제가 발생했다. 그래서 코드에 문제가 있나 한참 찾아봤지만, 문제가 없었다. Toast.makeText(this, "비밀번호 변경 중입니다.", Toast.LENGTH_SHORT).show() 해결 방법 AVD Manager에 들어가서 사용 중인 에뮬레이터 데이터를 삭제한다. AVD Manager -> Wipe Data 결과 toast 메세지가 정상적으로 뜨는 것을 확인할 수 있다.

오늘은 비밀번호를 저장하는 기능과 변경하는 기능을 구현해볼 것이다. 또한, 다이어리 내용을 앱이 종료되더라도 기기에 저장하는 기능을 구현할 것이다. SharedPreference의 속성들과 사용하는 법 Custom Font 사용하기 Handler 사용하기 Theme 사용하기 AlertDialog 사용하기 📌 알게 된 점 1. ActionBar를 없애려면 theme 파일에 테마 설정을 해주고, manifast 파일에 표시해줘야 한다. 2. Custom Font 사용하는 법 font 이름을 가진 디렉터리를 만들어준다. 원하는 폰트를 다운 받은 다음, font 디렉터리에 넣어주고 fontFamily를 설정해준다. 참고로, 폰트 파일 이름은 첫문자가 소문자로 시작되어야 한다! 3. handler라는 것은 thr..

Portal은 부모 컴포넌트의 DOM 계층 구조 바깥에 있는 DOM 노드로 자식을 렌더링 하는 최고의 방법을 제공한다. 한마디로, 부모 컴포넌트 DOM 트리로부터 벗어난다는 말이다. Portals – React A JavaScript library for building user interfaces ko.reactjs.org 보통 컴포넌트 렌더링 메서드에서 엘리먼트를 반환할 때 그 엘리먼트는 부모 노드에서 가장 가까운 자식으로 DOM에 마운트 된다. 그런데 가끔 DOM의 다른 위치에 자식을 삽입하는 것이 유용할 수 있다. portal의 전형적인 사용 예시는 부모 컴포넌트에 overflow: hidden이나 z-index가 있는 경우이지만, 시각적으로 자식을 튀어나오도록 보여야 하는 경우다. ex) 다이얼..

Shape Drawable을 사용하여 원형과 background를 바꿔 로또 번호를 생성하는 추첨기를 만들어볼 것이다. Layout과 Kotlin 코드를 함께 사용할 예정이다. Layout을 그리는 법 - ConstraintLayout 사용하기 - NumberPicker의 속성들과 사용하는 법 - TextView의 속성들과 사용하는 법 - Button 사용하는 법 📌 알게 된 점 1. 원형을 사용하려면 drawable resource(드로어블 리소스)를 활용하면 된다. 드로어블 리소스 | Android 개발자 | Android Developers 드로어블 리소스 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 드로어블 리소스는 화면에 그릴 수 있으며 getDrawable(i..

BMI을 계산하기 위해서 Kotlin 문법을 사용해 BMI 계산기를 만들어볼 것이다. Layout을 그리는 법 - LinearLayout 사용하기 - TextView의 속성들과 사용하는 법 - EditText의 속성들과 사용하는 법 - Button 사용하는 법 📌 알게 된 점 1. EditText에 inputType을 number로 주면 숫자 키패드 자판이 나온다. 2. 안드로이드 핸드폰에 따라 해상도와 화면 크기가 다르기 때문에 일정하게 하기 위해 dp를 사용한다. 3. 사용자에 따라 글씨를 크게 키우고 싶을 수도 있으므로 글씨 크기는 sp로 설정한다. 4. 코드 정렬을 하기 위해서 Reformat code(Ctrl+Alt+L)라는 단축키를 사용한다. 5. MainActivity에서 ResultActi..

📌 Memoization 메모이제이션은 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행 속도를 빠르게 하는 기술이다. Memo.jsx import React, { useState } from "react"; import Comments from "./Comments.jsx"; const commentList = [ { title: "comment1", content: "message1", likes: 1 }, { title: "comment2", content: "message2", likes: 1 }, { title: "comment3", content: "message3", likes: 1 }, ]; expo..

📝 Standard Mission 2. RecyclerView를 활용한 메모장 앱 만들기 메인 화면 - 메모 목록을 표시하는 RecyclerView와 메모 추가 Button으로 구성 - RecyclerView의 각 Item에는 메모의 내용이 보이도록 TextView 설정 - 각 Item을 누르면 Item이 삭제되도록 구성 - 메모 추가 Button을 누르면 데이터를 받을 수 있도록 설정하고 글쓰기 화면으로 넘어가기 - 돌아오면 넘어온 데이터를 가지고 RecyclerView에 추가 메모 화면 - 메모를 할 수 있는 EditText와 저장 Button으로 구성 - EditText는 여러 줄을 입력할 수 있도록 설정 - 저장 Button을 누르면 메인 화면으로 넘길 데이터를 설정하고 메모 화면 닫기 일단 Ma..

📌 학습 목표 - ListView를 무엇인지 이해하고 사용할 수 있다. - Adapter와 AdapterView의 동작 과정을 설명할 수 있다. - ListView의 한계점을 이해하고 RecyclerView를 사용할 수 있다. ❓ RecyclerView란 [Android] 안드로이드 리사이클러뷰(RecyclerView) 리사이클러뷰(RecyclerView)는 많은 수의 데이터 집합을, 제한된 영역 내에서 유연하게 표시할 수 있도록 만들어주는 위젯을 말한다. 즉, View를 재활용하는 기능을 추가한 효율적인 ListView를 말한다. uiop5809.tistory.com 📝 Standard Mission 1. RecyclerView Item에 스위치를 넣고 스크롤했을 때 스위치 ON/OFF가 이상하게 설정..

리사이클러뷰(RecyclerView)는 많은 수의 데이터 집합을, 제한된 영역 내에서 유연하게 표시할 수 있도록 만들어주는 위젯을 말한다. 즉, View를 재활용하는 기능을 추가한 효율적인 ListView를 말한다. 아래 사진에서 RecyclerView같은 경우, Swipe를 하면 위의 것이 아래로 내려오게 된다. 📌 ListVIew vs RecyclerView 리스트뷰(ListVIew)의 개선판인 리사이클러뷰(RecyclerView) 리스트뷰의 경우, 기본 가이드에 따라 구현했을 때 만날 수 있는 문제점 중 하나는, 리스트 항목이 갱신될 때마다 매번 아이템 뷰를 새로 구성해야 한다는 것이다. 이는 많은 수의 데이터 집합을 표시하는 데 있어서 성능 저하를 야기할 수 있는 요인이 된다. 그래서 이러한 리스..

👇 일단 이벤트 버블링과 이벤트 캡처링에 대해서 미리 알아야한다! 간단히 정리하자면, 이벤트 버블링이라는 것은 자식에서 부모 요소로 이벤트가 전파되는 방식을 말하고 이벤트 캡처링이라는 것은 부모에서 자식 요소로 이벤트가 전파되는 방식을 말한다. [JavaScript] 이벤트 버블링, 이벤트 캡쳐 📌 이벤트 버블링 - Event Bubbling 이벤트 버블링은 특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어 가는 특성을 의미한다. 아래 콘솔 창은 three className uiop5809.tistory.com 📌 합성 이벤트(SyntheticEvent) JS에서 이벤트 버블링과 캡처링에 대해서 이해가 끝났다면, 이제 리액트의 합성 이벤트에 대해서 알아보겠다! 원래..