쿼카의 코딩일기

출처 : 컴공선배 HTTP 통신을 통해 networking을 하게 된다. Rest API GET 조회 POST 등록 PUT 업데이트 DELETE 삭제 URI : 자원까지 명시한 전체적인 주소 서버와의 연동은 비동기적인 작업이다 HttpURLConnection 을 편하게 하기 위해서 retrofit이 존재한다 Postman을 이용한 test [실습] build.gradle에 추가 //Retrofit implementation "com.squareup.retrofit2:retrofit:2.9.0" implementation "com.squareup.retrofit2:converter-gson:2.9.0" implementation "com.squareup.retrofit2:adapter-rxjava2:2.9..

출처 : 노마드코더 React.memo() memo는 memorize의 약자로 memo를 통해서 rerender 되고 싶은 부분, 즉 props가 바뀌는 부분만 rerender해주는 함수이다. [옛날 방식] const h3 = React.createElement("span",{ onMouseEnter: () => console.log("mouse enter"), }, "Hello I'm a span"); [JSX 방식 - 요즘 사용하는 방식] 위 코드와 같은 의미 const Title = () => console.log("mouse enter") }>Hello I'm a title createElement("",)에서 "" 안에 있는 말은 html 태그와 동일해야한다. const h3 = React.cr..

Token : 인증과 사용자의 구분을 도와주는 역할 = 놀이공원 들어갈 때 입장표 같은 역할 인증방식 - Auth 외부 서비스에서도 인증을 가능하게 하고, 그 서비스의 API도 이용 가능, 인증 토큰만으로 인증 가능, 보안에 취약 - Cookie 쿠키를 통해 클라이언트 로그인 상태를 유지시킨다, 유출과 조작의 위험 - JWT (JSON Web Token) 인증에 필요한 정보들을 암호화한 토큰, 인증 정보에 대한 저장소 필요 없음, 유효기간 만료 전까지 계속 사용 가능, 모바일에서 잘 동작 로그인 API 클라이언트 -> 서버 : ID, Password 서버 -> 클라이언트 : JWT, userIdx 서버가 존재할 때는 JWT 사용, 존재하지 않을 때는 userIdx사용 사용자 별로 Album에 좋아요를 눌..

강의 출처 : 컴공선배 데이터베이스란 ? - 데이터를 어딘가에 쌓아 두고 보관하며 필요할 때마다 추가하거나 조회, 수정, 삭제할 수 있는 장소 SharedPreference는 DB인가 ? - key/value 형태로 데이터를 저장할 수 있는 데이터 구조 - 보안성이 떨어짐 - 간단한 정보 저장을 위해서만 사용, 나머지는 DB 사용하기 데이터베이스 - 서버 제공 데이터베이스 : 네트워크 통신, 와이파이, 데이터 없으면 접근 불가 , 시간 오래 걸림 - 앱 내부 데이터베이스 : 와이파이, 데이터 필요 없음 , 시간 빠름 Ex> 카카오톡_데이터 캐싱 처리 / SQLite - 앱 내부 데이터베이스를 사용하기 위한 관계형 데이터 베이스 관리 시스템 - RDBMS - 매우 복잡함 -> RoomDB 라이브러리를 통해..

출처 : 노마드 코더 - 바닐라 JS 기초 클론코딩 prompt() : 사용자 값 입력 받기 parseInt() : 정수로 바꾸기 NaN : number가 아닌 것 console.dir() : element를 더 상세하게 보여줌 classList : class를 list처럼 관리할 수 있게 도와줌 Document - html과 js를 상호작용할 수 있도록 도와주는 객체 - html element를 가져올 수 있고, 변경할 수 있다. - 사용법 : document.getElementById() document.getElementsByClassName() document.getElementsByTagName() [array로 반환] querySelector , qerySelectorAll const titl..

강의 출처 : 컴공선배 리스트뷰란? - 사용자가 정의한 데이터 목록을 제한된 영역 안에서 목차의 형태로 유연하게 표현하기 위한 객체 - 격자 형태 등 형태가 다양하다 - 스크롤 할 때마다 itemView 객체들의 삭제, 생성이 반복된다. (낭비가 심해진다) 리사이클러뷰? - 재사용이 가능한 형태 - 스크롤을 하더라도 뷰 객체를 생성,삭제하지 않으면서 재활용이 가능하다 데이터 -> Adapter -> RecyclerView(ViewHolder) ViewHolder란 view 객체들이 날아가지 않도록 담고 있는 객체라고 생각하면 된다 리스트뷰와 리사이클러뷰의 차이 ViewHolder의 유무 차이라고 볼 수 있다. 리스트뷰는 itemView객체들을 붙잡을 수 있는 것이 없기 때문에 날아가는 것이다. 반면 리사..

강의 출처 : 컴공선배 생명주기란? 어떤 것이 태어나고 죽기까지의 기간 Activity가 생성되고 소멸되기까지의 기간과 관련된 함수들 Activity의 생명주기를 사용하면 어플을 더 안전하게 구현할 수 있다. Ex) 게임을 하다가 전화가 왔을 때, 상태변화에 대해서 체크를 해서 전화를 끊었을 때 다시 돌아갈 수 있도록 구현해야함 생명주기 패러다임 액티비티 생성 -> onCreate() -> onStart() -> onResume() -> 액티비티 실행 -> onPause() -> onStop() -> onDestroy() -> 액티비티 소멸 onCreate() - 최초 실행 시에만 해줘야 하는 작업들 - Data Binding - View 생성 - setContentView와 같은 레이아웃 정의 onSt..

출처 : 코딩앙마 리액트 강좌 HTML - table 태그 내용 : 표의 제목 내용 : table row 행 만들기 내용 : table data 셀 만들기 map() 컴포넌트를 반복하고 싶을 때 사용하는 함수 map 함수를 사용하여 반복되는 컴포넌트르 렌더링한다. 파라미터로 전달된 함수를 사용하여 배열 내 각 요소를 원하는 규칙에 따라 변환한 후, 새로운 배열을 생성한다. key 설정하기 https://lktprogrammer.tistory.com/121 [React] 리액트 - 배열 내장 함수 map을 통한 Component 반복 안녕하세요. 이번 포스팅에서는 배열 객체에 내장된 map() 함수를 통하여 반복되는 Component를 렌더링하는 방식에 대해서 알아보겠습니다. 1. map() 함수 기본 사..

출처 : 이것이 안드로이드다 with 코틀린 Glide 라이브러리 사용 : 이미지를 화면에 보여주기 위해서 이미지 로딩 라이브러리를 사용할 수 있는데 이미지가 있는 URL 주소만 알려주면 해당 이미지가 있는 서버에 접속하여 이미지를 다운로드해서 이미지뷰에 보내는 편리한 도구 프로젝트명 - NetworkRetrofit : 깃허브 사용자들의 정보를 가져오는 실습 GlideApp.with(컨텍스트).load("이미지 주소").into(이미지뷰의 ID) 형식으로 Glide 라이브러리를 사용한다. [레트로핏 부분 코드] [실행 화면]

강의 출처 : 컴공선배 Thread 프로그램 - 어떤 작업을 위해 실행할 수 있는 파일 프로세스 - 컴퓨터에서 연속적으로 실행되고 있는 프로그램 Thread - 프로세스 내부에서 일을 하는 주체 - 실, 흐름(사전적 정의) !! Thread의 문제점 Process는 기본적으로 Main thread 라고 불리는 한개의 쓰레드를 가지고 있다. 동시작업 = Multi Thread : 하나의 프로세스 내부에서 동시에 몇가지 일을 수행하는 것 동시작업이 수행되려면 prcoess 내부에 여러개의 thread가 있어야 한다. - 동기 방식 (Single thread): 하나의 스레드만 가지고 일을 처리 - 비동기 방식 (Multi thread) : 멀티 스레드로 여러 스레드를 동시 작업 처리한다. 요청이 들어와도 결..