본문 바로가기

분류 전체보기

 (170)
Object.assign _TIL(54) 1. 어떻게 알게 되었나📝 전에 만들었던 프로젝트에서 다른 팀원분이 짠 코드를 보고 있던 중에 Object.assign이라는 코드를 봤다. 뭔가...가져오는것같은데 뭘까하고 보니까 얕은복사를 할 수 있는 코드 였다. 항상 ...spread문법을 주로 써왔어서 이런 것도 있었구나 라고 알게되었다. 2.어떻게 쓰는가❓ Object.assign(arr,[src1,src2,src3...]) 이런구조로 쓰인다. 1) arr은 복사한값을 다가지고 나올 결과 객체이다. 2)[src1,src2,src3....] : 몇개가 와도 상관없다 복사하고자하는 객체 =>src의 프로퍼티들이 arr에 복사가 된다. 3.응용하자면? // 값을 병합하는 코드예시 let user = {name:"John"}; let per1 ={age..
WIL(10) 1.이번주를 되돌아보자✨ 네이티브 프로젝트를 하면서 그에 필요한 내용을 공부하느라 시간이 바빴다. 🔥저번주에 세워둔 이번주 목표 1️⃣ 네이티브 프로젝트 오류 과정이나 새로 시도해본 경험 기록하기 : 오류과정은 TIL에 기록하긴 했지만 정작 '이게 무슨 오류야?' 하고 애먹었던 오류는 몇개 놓치긴 했다. 오류를 만나면 아 캡쳐해놓고 기록하자라는 습관을 쫌 더 들여야할 것 같다. : 새로운 시도라면 갑자기 네이티브 디자인에 꽂혀서 스크롤 이벤트를 만들어본것. 비록 유튜브나 구글 찾아보면서 만들었지만 나름 뿌듯 2️⃣ 파이어베이스 공부하기 : 파이어베이스의 crud 기능구현을 다시 공부해본 것 코드 한줄씩 다시 다 했다. 어렵다. 3️⃣ 프로젝트한거 전체적으로 한번 다시 공부하기 : 네이티브 프로젝트는 거의..
네이티브 프로젝트 KPT(04) 네이티브 프로젝트가 끝이났다. 이제까지 해왔던 웹들과는 다르게 앱으로 만들려고 하니까 새로워서 재밌었고 한편으론 적응하는데 시간이 걸렸다.🔥 오류를 찾기가 좀 더 어려웠지만 ㅠ 결과물이 예뻐서 굉장히 만족중이다. 재밌었던 느낌이 더 강했다. 다른 팀원분들이 열심히 해주셔서 더욱 좋은 결과물이 나온것 같아서 감사하다. 1.KEEP 기존에 미리 데이터베이스를 구성해놓은 점 깃 PR을 이용해서 충돌을 해결한 점 피그마를 통한 디자인 구현 늦은시간까지 해도 으쌰으쌰하면서 진행한 점 2.PROBLEM🧐 문제점 : 서버와의 통신에 대해 이해도가 낮았던 점 안드로이드와 ios의 차이점으로인해 css라던가 키보드 위치 등의 오류 파이어베이스의 연결 해결방안 : React-query에 대해서 이해가 낮아서 데이터를 가져..
TIL(53) 1.내가 만난 오류 Objects are not valid as a React child - React component를 렌더링할 때, 데이터를 화면에 표시하려면 표시하려는 데이터 타입에 맞는 데이터를 넣어주어야 한다. 컴포넌트로 전달된 데이터와 표시하려는 데이터의 타입이 일치하지 않으면 다음과 같은 에러가 발생한다. 한곳에서 작성했던 list page를 컴포넌트 나누었다. 나누다 보니 props로 내려주고 필요한 함수,styled들을 들고오다가 navigate props가 문제가 생겼다. 기존list에 있던 navigation:{navigate} 속성이 props를통해서 하위 컴포넌트로 넘어갔어야하는 상황이였다. 2.시도 사실 그냥 넘겨주기만하면되는거라 여느때와 다름없이 navigate={naviga..
파이어베이스...ㅂㄷㅂㄷTIL(52) 파이어베이스 진짜 어렵다.... 아무리 봐도 어렵다..... 공식문서를 들여다봐도 어렵다..... 누가 파이어베이스 딱 붙잡고 머리에 집어넣어줬으면 좋겠다...ㅎㅋㅋㅋㅋ 1. 내가만난 문제 프로젝트에서 남은 부분이 불러온 글에서 작성자의 프로필이미지를 가져오려고 했다. 근데 글을 불러오는 부분은 json으로 하고 있었고 유저의 프로필은 파이어베이스를 사용하고 있었기때문에 혼동이 왔다. 그래서 내가 생각한 루트는 json서버의 불러온 데이터안에있는 uid와 파이어베이스 user들의 uid가 일치하면 그 일치하는 user의 프로필이미지를 들고오려고 했다. 2.시도 위와같은 로직으로 해결을 하려면 ㄱ. 파이어베이스의 user들의 list를 다 가져와서 돌린다. ㄴ.list에 있는 uid도 돌린다. ㄷ.uid가..
TIL(51) 네이티브 과제 중에 내가 맡은 부분이 카테고리를 누르면 그에 해당하는 글들을 불러오는 lists스크린을 맡았다. 어떻게 보면 로직이 get만하면 되는거라 오히려 쉬울꺼라고 생각했지만 react query를 이용해서 하니까 어려웠다. 내가 아직 리액트쿼리부분이 부족한거 같으니까 더 공부해야겠다. 서론 끝ㅎ 1.내가 만난 문제 querykey를 통해서 가져온 data들을 가져오고나서 최신순,인기순 눌렀을때 어떻게 데이터들을 정렬할 것인가 2.시도🔥 ㄱ. 쿼리스트링도 시도해봤다 아무래도 같은 json-server니까 괜찮을꺼라 생각했다. -> 이미 배포가 진행된 상태의 서버에서는 먹히지 않았다 (배포가 된 json이 처음이라 좀 더 알아봐야할듯) -> 혹시나 인코딩을 해서 요청하면 되지않을까 하는 마음에 그것..
리액트 네이티브_WIL(09) 1. 이번주를 되돌아보자✨ 리액트 네이티브를 배우면서 한편으로는 리액트 실력이 처음보다 많이 늘었다라는 생각과 아직도 이걸 모르겠다라는 생각이 공존했다. 🔥 저번 주에 세워둔 이번주 목표 1️⃣ 네이티브 수업을 하면서 리액트부터 다시 공부를 해보자 : 네이티브도 리액트가 바탕이 되야하니까 오히려 리액트와 리덕스를 다시 공부하는 시간이 더 많았다.🧐 네이티브 수업을 내 속도에 맞춰서 듣자라고 생각하고 오전에는 리액트,리덕스 공부 -> 네이티브 공부하기 이런 순서로 진행을했다. 근데 todo와 영화 앱을 만들어보는 과제를 해보면서 맨날 웹만 만들어보다가 앱을 만드니까 재밌었다. 어느 날은 만들다보니까 시간이 한참 지난 경우도 있었...ㅎ 2️⃣ 만들었던 리액트, 리덕스 투두 앱 다시 만들어보기 & 한 줄씩 ..
네이티브 프로젝트 시작 TIL(50) 리액트 프로젝트가 언제 끝났다고 벌써 다시 네이티브 시작이다. 그래서 오늘은 하루 종일 계획을 짜고 와이어프레임을 작성했다. 리액트는 컴포넌트가 많아서 분리도 잘해야하고 데이터베이스를 사용해야하기때문에 어떻게 데이터베이스 구조를 짤지도 미리 계획했다. 이렇게 데이터베이스 까지 짜는건 처음이긴한대 오히려 다하고 나니까 보기 더 편해서 다음에도 이렇게 해야겠다라는 생각이 들었다. ✨팀명 나 이거 사(4)조 👻 프로젝트 주제 : 사고싶은 제품들을 저장할 수 있게 관리하고 사용자들과 공유할 수 있는 앱 👍 팀 약속 1.전체 구조 2.역할분담 3.데이터베이스 프레임 시간은 오래걸렸지만 꼼꼼하게 계획을 다 짜서 오히려 프로젝트 만들때 기대가 된다. 피그마도 제대로 사용해보고 노션도 요즘 활용중이라 점점 현업을 할때..

티스토리툴바