Frontend 개발자 - hyo.loui

🎯목적 : Javascript로 Algorithm 문제풀이 한 과정을 기록합니다. 나만의 해결방법을 공유합니다. 문제 정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소 중 두 개를 곱해 만들 수 있는 최댓값을 return하도록 solution 함수를 완성해주세요. 풀이 결과 맙소사... 음수의 경우를 생각해서 내림차순으로 정렬을 했는데 음수의 곱이 더 큰 경우를 생각하지 못했다. 1번 문제에서는 [4, 2, 1, -3, -5] 순서로 정렬됨. 해결 방법 내림차순으로 양수의 최댓값을 구하고 오름차순으로 음수의 최댓값을 구했다 이로써 둘의 값을 삼항연산자로 비교하여 큰 값을 리턴한다. 다른 풀이를 참고하려고 했지만 대부분 이중for문을 사용했다.. 나는 최대한 시간복잡도가 증가하지 않..

🎯목적 : React-Query (useQuery) 리펙토링 과정 - 서버 스테이트 관리 🤢 오류 해결 : 1. 리액트 쿼리 (React Query) 란? Server State, 비동기 데이터를 관리하기 위한 라이브러리 이며, userQuery hook 안에서 API 요청을 담당하고, API 요청 결과 및 다양한 상태들을 바로 사용할 수 있다 (redux thunk 사용 필요 X) 한번 API 요청 시 queryKey 가 API 요청결과를 cache 에 저장하고, caching된 API 요청은 다시 서버에 하지 않고 cache memory에서 더 빠르게 불러 온다. 그래서 불필요한 서버 요청을 알아서 막아주게 된다! 2-1. 프로젝트 세팅 우선 명령어로 install을 진행합니다. npm i react..

🎯목적 : 1. React-navigation 적용 UI 만들기 Native-Stack Bottom-tabs 2. StyleSheet.absoluteFill 3. Swiper 적용 🤢 오류 해결 : UI 부분이라 오류가 딱히 없었다고 한다.. 1. User Interface 만들기 / horizontal : 사이드(가로) 스크롤 우선 UI는 빠르게 작업을 해 두고, 리팩토링을 하고 나서 스타일을 적용하겠다! Emotion – @emotion/native Emotion – @emotion/native Style and render React Native components using emotion This package also depends on react, react-native and prop-typ..

❤️‍🔥TIL : Today I Learned 🤢 문제 내용 : 위 영상처럼 수정 버튼을 클릭하고 수정을 한 후, 다른 투두에서도 이전에 수정했던 내용이 고스란히 남아있는 문제였다 🎈 문제 해결 과정 : 우선 코드부터 보자 수정 버튼을 클릭했을 때, 나타나는 태그이다 저 값에서 value가 editText 라는 state를 가지고 있었다.. onSubmitEditing 속성의 updateTodo라는 함수안에서 editText를 다시 setState로 바뀐 값으로 넘겨줄 수 있었다, 하지만, 더 간단하게 defaultValue 라는 것을 통해 처음 보여줄 값만 정해줬다. 수정하는 역할의 특성상 보여질 텍스트는 1회성이기 때문이다 input 태그에 기본값으로 가지고있는 속성으로 붙여줬고, editText를 ..