'분류 전체보기' 카테고리의 글 목록 (6 Page)

2023.11.15· 개발/📝 TIL

오늘 한 일 💻 플러터 ➡️ 리액트 작업 dragSize 라이브러리를 이용한 드래그 팝업창 생성 작업. 간단한 ui 작업인데 왜 이렇게 오래 걸렸나몰라. 🌱 leetCode 풀기 1일 1잔디 풀어도 풀어도 모르겠다. 알고리즘 개념서도 읽고 있는데 역시 인생은 실전인 것인가...어렵다. 📖 누구나 자료구조와 알고리즘 11장 재귀까지 읽었음! 독서 노트로 개념 정리 중 ✍🏻 🧠 15분동안 영어 강의 들으며 딕테이션하기 원래 기상시간보다 대략적으로 15분 정도 일찍 일어나서 영어 영상보며 딕테이션했다. 첫날이라서 20분정도 했는데, 문장 두 개 받았씀 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 꾸준히 하다보면 나아지겠지.... 짧은 리뷰 백엔드와 상의 해야할 일이 있을 때는 일단 백엔드개발자분들이 다른 일에 바쁘더라도 시..

231114 TUE - TWID (Today What I Did)

2023.11.14· 개발/📝 TIL

오늘 한 일 💻 플러터 ➡️ 리액트 작업 아놔...오늘 작업하다가 넘나 충격적으로 받아들여졌던 GET 메소드 관련 이야기...👩🏻‍💻 [리액트/Axios] Http GET 요청 body에 데이터를 담아 보낼 수 있다? 백엔드 개발자님: 해당 api 업데이트했습니다. 메소드는 get이고 body에 담아서 보내주시면 됩니다~ 나: 넵~~ 결과 : ERROR ERROR 왜?? 👀 ?? 심지어 Redux로 작성한 api instance에서도 body를 담는걸 거부 ㅋ . mindevlog.tistory.com 🌱 leetCode 풀기 1일 1잔디 📖 누구나 자료구조와 알고리즘 해시테이블로 들어왔따!!! 그런데 읽는 속도가 너무 느리다ㅠ 12장까지 못 읽음!! ㅠ 💪🏻 어깨 + 등 + 유산소 오랜만에 어깨를 했는..

[리액트/Axios] Http GET 요청 body에 데이터를 담아 보낼 수 있다?

2023.11.14· 개발/React

백엔드 개발자님: 해당 api 업데이트했습니다. 메소드는 get이고 body에 담아서 보내주시면 됩니다~ 나: 넵~~ 결과 : ERROR ERROR 왜?? 👀 ?? 심지어 Redux로 작성한 api instance에서도 body를 담는걸 거부 ㅋ .. 파라미터가 url, config 이상으로 못 받는다고 뱉어냄. 시니어개발자님: get 요청하는데 바디에 담는다고??👀 나: 넵- 전에 그렇게 했는데요?😳? 안 되나요? 이전에도 게시판에서 검색할 때 get 메소드로 요청하며 바디에 담아서 보낸 기억이 있기에 - 당연하게~~~~ body에 담는거 오키도키요! 했던 상황. 혼란만 가중되는 상황 그래서 정리한다. 일단 결론만 보자면, pararms 를 써서 요청하면 config에 담겨서 get 요청시에도 바디에 ..

[리액트] useNavigate로 props 전달 & useLocation 으로 받기

2023.11.14· 개발/React

Redux를 사용해서 데이터를 전역으로 관리할 필요가 없을 때, useNavigate로 라우팅하면서 함께 해당 페이지로 데이터를 보낼 수 있는 방법이 있다. useNavigate와 useLocation이면 가능하다! 1. useNavigate() useNavigate를 사용해서 이동 경로로 state값 전달하기 const navigte() = useNavigate(); navigate("이동할 경로", state:{ "전달하고자 하는 데이터" }); 2. useLocation() useLocation을 써서 props 받기 const { state } = useLocation();

231113 MON - TWID (Today What I Did)

2023.11.13· 개발/📝 TIL

11월 둘째주 위클리 목표 누구나 자료구조와 알고리즘 - 완독하기! 독서노트를 작성하면서 진행중이라 속도가 뎌딘느낌인데, 일단 한번 쓱! 다 봐야할 것 같다!! 오늘 한 일 💻 리액트 react-beautiful-dnd 적용하기! 🌱 leetCode 풀기 1일 1잔디 📖 누구나 자료구조와 알고리즘 슬슬 깊이를 더해가니 흐린눈이 되고 이해가 느리게 되기 시작...구간 반복 읽기 그것이 답이다. 💪🏻 핫체 + 유산소 하체라기보다는 엉덩이 위주로 힙쓰러스트 60kg 오랜만에 하니깐 다리가 호달달달. 원래 80까지하는데...ㅠ 짧은 리뷰 계속해서 플러터 프로젝트를 리액트로 변환하는 작업중인데, 전체적인 기획서가 없이 야금야금 기능을 개발하려니, 이게 맞나 싶고 속도도 안 나는 것 같아서 답답하다. 오늘은 드래그..

[leetCode] 34. Find First and Last Position of Element in Sorted Array - Javascript

2023.11.10· 개발/💬 코딩테스트

문제 Given an array of integers nums sorted in non - decreasing order, find the starting and ending position of a given target value. If target is not found in the array, return [-1, -1]. You must write an algorithm with O(log n) runtime complexity. Example 1: Input: nums = [5,7,7,8,8,10], target = 8 Output: [3,4] Example 2: Input: nums = [5,7,7,8,8,10], target = 6 Output: [-1,-1] Example 3: Input..

[Redux] Redux toolkit 기초 코드 정리

2023.11.10· 개발/React

Redux(리덕스)란? 리덕스는 오픈 소스 자바크스립트 라이브러리의 일종으로 ,state를 이용해 웹 사이트 혹은 애플리케이션의 상태관리를 해줄 목적으로 사용합니다. 베이스는 Node.js 모듈로 store 라는 하나의 데이터 공간(저장소)를 가지고 전역적으로 데이터를 전달하기 위해 쓴답니다. Redux Toolkit (리덕스 툴킷)이란? 기존의 리덕스의 구조와 패러다임은 거의 동일하지만 코드량은 더 적게, 사용하기 편하게 개선된 것이라고 보면 좋을 것 같습니다. 리덕스 툴킷의 장점 리덕스와 비교해보자면 우선 초기 설정시에 리덕스는 스토어를 구성하기 위해서 설치해야했던 각종 패키지들을 설치하지 않아도 됩니다. 툴킷에는 이미 설치되어있기 때문입니다! 그리고 불변성에 대해서 신경쓰지 않으셔도 됩니다! 이런 ..

231109 Thur - TWID (Today What I did)

2023.11.10· 개발/📝 TIL

오늘 한 일 💻 플러터 프로젝트 리액트로 전환 작업 feat. Redux toolkit 기초 공부 🌱 leetCode 풀기 1일 1잔디 📖 누구나 자료구조와 알고리즘 술술 읽히는 알고리즘 책이다. 알고리즘 개념에 대한 책을 왜 찾아볼 생각을 못 했을까. 재밌게 읽어내려가고 있는 중이고 하이라이트해야할 이야기도 너무 많아!! 노션에 챕터별로 기록중이다! 💪🏻 엉덩이 + 유산소 짧은 리뷰 늘하던 하루 루틴 완성! leetCode를 좀 더 확실하게 공부하면서 풀고 싶은데 어떻게 접근해야할 지 모르겠다. 어찌어찌 풀기는 하는데 이게 맞나? 이러며 솔루션도 엄청 찾아보고 ... 이렇게해서 실력이 늘 수 있나? 라는 생각도 들어서 공부법에 대해서 조금 더 연구해야할 것 같다. 내일 할 일 🌱 leetCode 풀기 ..

231108 Wed - TWID (Today What I did)

2023.11.08· 개발/📝 TIL

오늘 한 일 💻 플러터 프로젝트 리액트로 전환 작업 한참 작업중이긴한데, 동료가 더 디테일한 작업을 하기 전에 스케치하듯이 하는 작업이라서 어설프기(?!)짝이 없다는 생각이 든다. 리덕스 툴킷을 한번도 써본적이 없는데 이번 기회에 써보게 되서 눈이 핑글핑글, 동료가 작성해둔 코드를 공부하듯이 분석하면서 코드작업을 했다. 🌱 leetCode 풀기 1일 1잔디 잘 모르는게 확실하다. mediume 문제를 풀었는데 질문자체가 너무 장황한데, 간단하게 인덱스를 찾으면 되는 문제였다. 문제가 장황해서 이해가 힘들었고, 인덱스를 찾는거라서 자바스크립 메소드를 써서 풀었는데, 딱 1줄로 끝나서 내 자신을 의심함. 이거 맞나? 이게 미디엄문제라고??? 라며 결국엔 다른 사람들의 문제풀이를 봤다. 여전히 장황 그자체....

231107 Tue - TWID (Today What I did)

2023.11.08· 개발/📝 TIL

오늘 한 일 💻 플러터 프로젝트를 리액트로 전환하는 작업 #1 모달 팝업창 만들기 기획서없이 이미 배포되어있는 프로젝트를 일일히 들어가서 확인해보면서 필요한 부분을 작성했다. styledComponents와 customhook을 사용해서 작성했는데, 늘 생각하는거지만 컴포넌트를 분리해서 재활용해서 쓰는 건 정말 즐거운 일인 듯 하다. 공부 : leetCode 코테 풀이 💪🏻 운동 : 어깨 - 등 - 유산소 📖 누구나 자료구조와 알고리즘 짧은 리뷰 styledComponents와 customhook을 아주 맛깔(?!)나게 쓴 선임덕분에 '오-😳 코드를 이렇게도 짤 수 있네!?' 라는 생각을 했다. 맨날 보던 반복되던 템플릿용 코드가 아니라 새로 짜야하는 코드들이라서 오랜만에 진짜 날것을 하는 기분을 느꼈다..

2023 10월) 주니어 개발자의 회고록

2023.11.03· 개발/📝 TIL

📝 What I Learned 격동의 10월이었을까..? 올 한 해도 2달밖에 안 남았다고 하니 갑자기 심장이 둑흔둑흔한다. 불안해서 말이다. 💻 Work 기존에 구현 중이던 프로젝트는 더 이상 신규 기능을 추가하지 않기로 했다. 새로운 프로젝트들이 물밀듯이 들어오면서 갑자기 기존에 해던 곳들이 올스탑된 느낌이다. 그동안 미루던 품질 보완 작업을 진행하다 여유되는 백엔드개발자가 없어서 주로 UI적인 부분, 사용자의 사용성을 고려하는 작업들이 주를 이루었다. 그리고도 참여하게 된 새로운 프로젝트. 원래 플러터로 구현했던거를 리액트 변환 작업을 하고 있다. 일단 메모리 사용에서 확연하게 느껴지는 플러터와 리액트의 성능차이. 플러터의 매력은 안드로이드, ios, 웹까지 동시에 개발할 수 있다는 점인데, 앱은 ..

[React/Typescript] 가로세로 모두 드래그가 가능한 슬라이드 만들기

2023.11.03· 개발/React

drag and drop 기능을 구현해서 당연하다는 듯이 라이브러리를 찾아 썼는데, 웬걸 - 가로로 움직이는 슬라이드 구현을 하고 그 안에 보여지는 부분은 아래위로 스크롤이 되어야 한다. 게다가 웹앱인지라 터치로 드래그까지 되야하는 상황이었다. 처음에 구현했을 때는 siwper라는 리액트 라이브러리를 사용했고, 슬라이드 안쪽 부분에도 다른 드래그 라이브러리를 추가해서 진행했는데, 여러 가지 이유에서 제대로 구현을 할 수가 없었다. 간단하게 사유를 이야기해보자면, 라이브러리까지 충돌을 한다. 간편하게 쓰자고 라이브러리 쓰는데 서로 충돌해서 난장판이 된다. 충돌 안되는걸 찾았더니 가로 슬라이드 구현을 도운 라이브러리가 모든 마우스 이벤트를 다 뺏어가서 다른 라이브러리가 먹히지 않는 일도 발생했다. 결국은 하..

티스토리툴바