Retrofit이란? Retrofit은 Square에서 개발한 Android, Java 및 Kotlin용 유형 안전 REST 클라이언트입니다. 라이브러리는 API를 인증 및 상호 작용하고, OkHttp를 사용하여 네트워크 요청을 보내기 위한 강력한 프레임워크를 제공합니다. 안드로이드 애플리케이션 통신 기능에 사용하는 코드를 사용하기 쉽게 만들어놓은 라이브러리로, REST 기반의 웹 서비스를 통해 JSON 구조의 데이터를 쉽게 가져오고 업로드 할 수 있습니다. -> 네트워크로부터 전달된 데이터를 필요한 형태의 객체로 받을 수 있는 라이브러리 레트로핏은 "REST API를 이용하여 JSON과 같은 데이터를 받아올 때 사용하기 좋다. "

Promise는 콜백지옥 현상을 해결하기 위해 등장한 패턴입니다! Promise가 나오기 전까지는 콜백이 중첩될 때마다 복잡해지고 가독성을 해지는 일이 많아져서 콜백지옥에 빠지는 현상이 많았습니다. 이런 문제를 해결하고 또 비동기 작업을 조금 더 편하게 처리할 수 있도록 도입되었습니다. 기존 비동기 처리(콜백 지옥) 파라미터로 n을 받아 setTimeout으로 5번에 걸쳐 1초마다 1씩 더하여 출력하는 코드입니다. 코드의 깊이가 너무 깊어 가독성이 좋지 않고 복잡합니다. function increaseAndPrint(n, callback) { setTimeout(() => { const increased = n + 1; //클로저 console.log(increased); if (callback) { c..

이번 게시물에서는 Map과 Set이 특정상황에서 유용하도록 추가된 메소드에 대해 이야기해보겠습니다! Map이 무엇인지 잘 모르겠다면 자바스크립트 배열 내장함수에 설명해두었으니 참고해주세요 :) javascript #10. 배열 내장 함수 실무에서 많이 쓰이는 배열 내장 함수!! 배열을 다루어 써야할 때 유용한 내장 함수에 대해서 알아보겠습니다! forEach - for문을 대체하는 함수 //for문 const superheroes = ['아이언맨', '캡틴 아메리카', dvlpseo.tistory.com Map Map 객체는 object를 변형하여 만든 것이라 Object와 상당히 유사합니다. Map은 Object와 달리 넣은 순서가 기억되며 키가 문자열이 아니어도 가능합니다. var map = new ..

실무에서 많이 쓰이는 배열 내장 함수!! 배열을 다루어 써야할 때 유용한 내장 함수에 대해서 알아보겠습니다! forEach - for문을 대체하는 함수 //for문 const superheroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; for (let i = 0; i { console.log(hero); }); 만약 배열의 전체 원소를 출력하고 싶다면 forEach문을 사용하여 더 간편하게 구..

표로 데이터를 보여줄 일이 있어 처음에는 MUI (Material UI)를 사용해서 datagrid 테이블을 만들고 아래에 page를 나타내주었다. 근데 생각해보니까 데이터의 양이 방대해져서 페이지의 크기가 커졌는데, 찾고싶은 데이터가 만약 맨 뒤쪽에 있다면...?...?>..? 저런식으로 했을 때 일일이 클릭해서 뒤로 가야하기 때문에 사용자 입장에서 불편할 것 같았다. 그래서 페이지를 나타내주는 부분을 좀 더 편리하게 다시 수정해보기로했다. 기존 코드를 보면 pageSize 와 rowCount로 개수를 맞춰주고 onPageChange를 사용하여 페이지 수를 맞춰주었다. 사용자가 더 간편하게 테이블을 사용할 수 있도록 이런식으로 만들어 주었다. 저렇게 페이지를 구현하는걸 Pagination이라고 하는데 ..

JSON이란? JavaScript Object Notation으로 자바스크립트 문법을 빌린 데이터 교환 형식입니다. { "title": "Sujin Park", "age: 23", "Birthday": "2023-02-01", } JSON은 이런식으로 하나의 객체에 데이터를 표현합니다. 객체에는 문자열, 숫자, 불린, 배열, 객체 등등 다 사용가능하지만 함수는 사용이 불가능합니다! 또한 키와 값 모두 큰따옴표로 감싸져야합니다. stringify/ parse var example = { "stringifyMe": "Good", "andParseMe": "bye" }; var string = JSON.stringify(example); // '{"stringifyMe":"Good","andParseMe":"..

자바스크립트식 객체 지향 프로그래밍에 대해 알아봅시다! 생성자 생성자 함수란 , 객체를 생성하는 함수를 말합니다. 객체인데 new를 붙여 함수처럼 호출을 합니다. function Person(name, gender) { this.name = name; this.gender = gender; this.sayHello = function() { alert(this.name + ' said "hello"'); } this.... // 사람의 속성과 메소드를 더 정의할 수 있습니다. } 위 코드는 사람 생성자를 정의한 코드인데 함수처럼 function을 사용하였지만, 함수와 달리 앞에를 대문자로 시작하게 만듭니다. 이렇게 정의해둔 생성자를 new라는 키워드를 사용하여 실제 사람 객체로 만들 수 있습니다!! ne..

저번 게시글에 리덕스에 관하여 올렸습니다! 이론적으로만 보면 이해가 잘 안될것 같아 리덕스의 흐름에 대해 더 자세한 예시를 가져왔습니다. Redux Flow 초기 상태 - store에서 reducer를 호출하고 리턴 값을 초기로 상태로 저장한다. - UI가 최초 렌더링 될 때, UI 컴포넌트는 store의 state에 접근하여 렌더링에 활용한다. 그리고 그 state가 업데이트되는 것을 subscribe 한다. 흐름 순서 Deposit $10 버튼을 클릭 -> dispatch 함수를 실행시켜 action을 일으킴 -> store에선 이전 state와 현재의 action으로 reducer함수를 실행, 리턴된 값을 새로운 state로 저장한다. -> store에서 store를 subscribe하고 있던 UI..