hello! Mingure

구조 복잡한 딕셔너리에서 데이터 뽑아오기 예를들어: 이런 데이터를 가진 dict이 있다고 치자 { {a: {value: 16, type:'dropdown'}, {b: {value: asd, type:'dropdown'}, {c: {value: ddd, type:'dropdown'}, {d: {value: fff, type:'dropdown'}, } 나는 a의 value 값을 뽑아오고싶은데 어떠케 하냐 for ( const key in dict){ console.log(dict[key]) console.log(key, dict[key]) console.log(key, dict[key].value) } 간단. 끝!

데이터 형태가 같은 두 배열 합치기 //arr배열과 arr1, arr2 배열 데이터 합치기 const list = arr.concat(arr1, arr2); 형태가 다른 두 배열에서 특정 값 찾아서 가져오기 //배열 arr 에 있는 l_item과 arr2의 id 를 비교해서 일치하는 값(false면 -1반환이므로, -1보다 큰 값)을 data로 저장 const data = arr.filter((l_item) => arr1.findIndex((id)=> id === l_item._id) > -1,); filter() 와 include()를 이용해서 해도 가능! const data = arr.filter((item) => arr1.includes(item._id));

지난 시간에는 Expo 를 이용하여 React Native 프로젝트를 만드는 법을 포스팅했다. 이번에는 React-Native-Cli 를 활용하여 RN 프로젝트 만드는 법을 다뤄보려고 한다. React-Naitve-Cli를 install 하기 앞서 먼저 확인해야 할 것들이 있다. 1번만 잘 준비된다면 프로젝트 설치하고 키는것은 아주 간단하귀! 1. React Native Cli 설치 준비하기 해당 하는 것들이 모두 잘 설치되어있는지 확인하기! 없으면 다른 포스팅 참고하여 모두 설치해주세여 brew -v //맥북 유저라면! watchman -v //맥북 유저라면! pod -v //맥북 유저라면! node -v npm -v yarn -v java -v javac -v 2. React Native Cli 설치..

메인페이지에 들어갈 영상이 있어서 작업 후 깃헙에 올리는데 생긴 오류 this exceeds GitHub's file size limit of 100.00MB 영상 S3에 올려서 작업했어야 했는데, 내정신좀보소,,, 결국 위 에러로 계속 영상파일 삭제하고 commit / push 해도 똑같은 에러때문에 제대로 push가 안되는 상황이었음. git git commit 취소하기 // 1. commit 한 히스토리 보기 git log // 2. 취소하고싶은 커밋주소 reset 하기 git reset COMMIT_NAME

내가 출근하면서 읽는 책을 추천하려고 한다. 하루하루 열심히 살아가며 앞만 보고 빠르게 달려나가는 것에 지쳐있을대로 지쳐서 '아, 이대로 괜찮은것인가' 한탄하며 잠시나마 여유를 즐기고자 퇴근 후 찾은 광화문 교보문고에서 나에게 제목만으로 감명을 준 책이다. 새는 날아가면서 뒤돌아보지 않는다. 새는 날아가면서 뒤돌아보지 않는다. 새는 날아가면서 뒤를 돌아보지 않는다! 제목을 보자마자 머리 한 대를 얻어 맞은 듯 했다. '아, 맞네.. 그렇네... 새도 그렇게 사는구나'. 앞으로 날아가는 과정에서 뒤를 돌아보며 브레이크 거는 것이 나 자신이였구나 싶었다. 이 책 첫 장 에피소드도 심하다. 책 구매욕구를 불러일으킨데는 이 첫 장 스토리가 아마 8할은 차지 할것이다. 퀘렌시아 _ 자아 회복의 장소를 찾아서 [간..

입사한지 3주가 지나고 있다. 벌써 4월이 되었다. 입사 하자마자 바로 신규 서비스 오픈 준비로 떠들석 하게 바빴지만, 그래도 마무리가 되고 나니 한결 회사 분위기가 여유로워 졌다. 그리고 나를 뽑아주신 팀장님이 퇴사하였다. 내 딴에서는 내적 친밀감 오지게 높은 팀장님이였는데 이렇게 나 회사에 꽂아두고 가시다니요... 아쉽지만 굿바이.

어제까지는 잘 작업했는데 왜 하단 네비게이션 넣으니까 벼러별 오류가 다 뜨냐고 reanimated 오류부터 해서 metro 오류까지 이거때문에 오전을 날려버렸다고 한다.... https://defineall.tistory.com/971 [Errors/React Native] 모듈이 인식되지 않는 오류 해결방법 오류 내용 If you are sure the module exists, try these steps: 1. Clear watchman watches: watchman watch-del-all 2. Delete node_modules and run yarn install 3. Reset Metro's cache: yarn start --reset.. defineall.tistory.com 프로젝트도..

앞으로 이전 프로젝트 고도화 작업이 있을 예정이라고 해서 React Native를 사용 할 일이 생겼다. 그래서 미리 클론코딩으로 준비해보려고 한다. React Native는 무엇일까요? React Native, 줄여서 RN. Javascript를 사용하여 Android, iOS 어플 개발을 가능하게 해주는 도구이다. 어플은 Android(안드로이드), iOS(애플) 두 가지 환경으로 구분된다. 기존 어플 개발은 각 환경에 맞는 언어를 따로 공부해서 개발했다. Android는 java, Kotlin 을 / iOS는 Objective-C, Swift 라는 언어를 공부해야 한다. 그러나 RN의 등장으로 Javascript만 사용해서 두 가지 환경에서 동시에 개발할 수 있게 되었다. React는 React n..

입사한지 벌써 3주차다. 시간 왜이렇게 빠른가. 입사 첫 날 부터 신규 프로젝트 오픈준비로 쪼랩이지만 2주 간 조금이라도 코드 끄적이면서 드디어 프로젝트가 끝났다. 2주차 부터는 거의 야근했어서 뭐 체감은 벌써 1달 다닌 것 같다. 팀원들도 다 재밌고 성격 좋고 ㅋㅋㅋㅋㅋ 다들 실력자구 나만 쪼랩이구 ,,,, (쭈글ㄱ쭈글,,) 아무튼, 어제 프론트 팀 회식을 했다. 참치집 가서 참치 회 오지게 먹었다. 당분간 회는 쳐다도 안볼 것 같다. 이 글은 여기서 이만,

나 혼자 개발할때는 내가 원하는대로 작업하면 되지만, 회사나 프로젝트 협업 할 때에는 정갈한 코드를 위해 컨벤션을 정해서 작업하는게 좋다. 그 작업을 도와주는 툴 중 하나가 ESLint다. 주로 사용하는 Airbnb ESLint 설치를 해보도록 하자. ESLint? ES는 EcmaScript 즉, 자바스크립트를 의미하고, Lint는 '보푸라기'라는 뜻으로 보푸라기가 많으면 옷이 보기 좋지 않은 것 처럼 코드에서도 이런 보푸라기가 많으면 코드의 가독성이 떨어지고 유지보수하기도 번거로운 경우가 생긴다. 예를들어 들여쓰기를 맞추지 않았다고나, 선언한 변수를 사용하지 않은 경우 등,,, 이런 보푸라기를 제거하는 것, 코드의 오류나 버그, 스타일 따위를 점검하는 것을 Lint 혹은 Linter라고 부른다. ESL..