본문 바로가기

분류 전체보기277

[React] Local Storage 사용 방법 Local Storage란? -> 유저의 브라우저에 정보를 저장하고 싶을 때 쓰는 공간이다. 크롬 F12 (개발자 도구)의 Application 탭 들어가면 볼 수 있습니다. 사이트마다 5MB 정도의 문자 데이터를 저장할 수 있습니다. object 자료랑 비슷하게 key/value 형태로 저장합니다. 유저가 브라우저 청소를 하지 않는 이상 영구적으로 남아 있습니다. 밑에 있는 Session Storage도 똑같은데 브라우저 끄면 삭제됩니다. 사용 방법 # 추가하기 localStorage.setItem('데이터이름', '데이터'); # 가져오기 localStorage.getItem('데이터이름'); # 삭제하기 localStorage.removeItem('데이터이름') -> js 파일 아무곳이나 사용 가능.. 2023. 12. 22.
[JavaScript] Object 타입일 때, 속성(요소) 관련된 함수와 개수 세는 법 Object.entries() let myObject = { a: 1, b: 2, c: 3 }; let entries = Object.entries(myObject); console.log(entries); // [['a', 1], ['b', 2], ['c', 3]] Object.entries() 메서드는 주어진 객체의 속성들을 [key, value] 형태의 배열로 반환합니다. python의 dictionary 타입 items() 함수와 유사하다. 반환된 배열은 순서가 보장되지 않는다는 점에 주의해야 합니다. Object.keys() let myObject = { a: 1, b: 2, c: 3 }; let keys = Object.keys(myObject); console.log(keys); // ['a.. 2023. 12. 21.
[JavaScript] findIndex() 함수 설명 let array = [10, 20, 30, 40, 50]; let index = array.findIndex(element => element > 30); console.log(index); // 3 (40은 30보다 큰 첫 번째 요소이므로 인덱스 3) 배열에서 주어진 판별 함수를 만족하는 첫 번째 요소의 인덱스를 반환합니다. 판별 함수가 만족하는 요소를 찾지 못하면 -1을 반환합니다. 2023. 12. 21.
[Android Studio] LinearLayout 사용하기 LinearLayout 종류는 horizontal, vertical가 있는데 상황에 맞게 사용하면 된다. -> 화면 비율을 지정하고 싶을때는 layout_weight으로 비율을 설정하면 된다. 2023. 12. 21.
[Android Studio] ImageView 사용 방법 주의사항 파일명은 영문과 _만 가능, 하이픈(-), 한글, 공백이 들어가면 안된다. 이미지파일 형식은 png를 사용하거나 벡터 이미지를 사용한다. (jpg는 사용 X) Widget의 ImageView 사용방법 -> 사용하고자 하는 이미지를 res 폴더 -> drawable안에 복사해서 넣어논다. -> Common의 ImageView 클릭 후 화면으로 드래그 후 코드 탭으로 이동 android:src="@drawable/cat" -> 해당 ImageView 태그에 android:src="@drawable/파일명"으로 수정한다. 사진 안의 여백을 없애는 법 -> attribute에서 scaleType을 centerCrop으로 한다. 2023. 12. 21.
[Android Studio] Toast / Snackbar 메시지 사용 방법 btnSave.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { // 1. 입력한 이름을 가져와서 텍스트뷰에 보여준다 String name = editName.getText().toString().trim(); String password = editPassword.getText().toString().trim(); String email = editEmail.getText().toString().trim(); // 2. 데이터가 유효한지 체크 if (name.isEmpty() || password.isEmpty() || email.isEmpty()){ Toast.makeText(getAppl.. 2023. 12. 21.
[Android Studio] 로그 처리하는 방법 Android Studio에서 로그 처리하는 방법 Log.i("UITEST MAIN", "유저가 작성한 이름 : " + name); Log.i("UITEST MAIN", "유저가 작성한 이메일 : " + email); Log.i("UITEST MAIN", "유저가 작성한 비밀번호 : " + pwd); -> Log 클래스 import 후 i() 함수를 이용하면 된다. 실행 후 Logcat 탭 2023. 12. 21.
[Android Studio] EditText의 입력 받은 문자열 가져오는 방법 Activity에 EditText에서 입력받은 문자열을 가져와서 변수에 넣는 방법 public class MainActivity extends AppCompatActivity { TextView txtHello; EditText editName; EditText editEmail; EditText editPassword; Button btnSave; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); txtHello = findViewById(R.id.txtHello); editName = findViewByI.. 2023. 12. 21.
[Android Studio] TextView의 여러 속성들 처음 세팅 activity_main.xml 파일에 들어간 후 Design 탭 선택한 화면이다. 왼쪽 상단에 TextView를 드래그 해 ConstraintLayout 안에 드래그해 놓으면 생성되고 우측의 Attributes에서 수정 text -> text를 뭘로 쓸 건지 textSize -> 글자 크기(단위 sp) 크기 조절 match_parent, wrap_content wrap_content를 사용하면 입력한 내용에 맞게 뷰의 크기가 조절되고 match_parent를 사용하면 parent 레이아웃 화면에 맞게 크기가 조절된다. (단위는 dp) textColor 속성 -> text의 글자 색깔 background -> text의 배경 색깔 layout_margin -> TextView의 margin(바.. 2023. 12. 21.
[Android Studio] 안드로이드 애니메이션 오픈소스 라이브러리 사용하기 사용할 애니메이션 참고 (https://github.com/daimajia/AndroidViewAnimations) 사용 방법 dependencies { implementation 'androidx.appcompat:appcompat:1.4.1' implementation 'com.google.android.material:material:1.5.0' implementation 'androidx.constraintlayout:constraintlayout:2.1.3' testImplementation 'junit:junit:4.13.2' androidTestImplementation 'androidx.test.ext:junit:1.1.3' androidTestImplementation 'androidx... 2023. 12. 21.

티스토리툴바