본문 바로가기

전체 글79

🐛 에러로그 - Multiple commands produce [파일경로] (RN) 환경 리액트네이티브 동작 npm run ios 버그 Multiple commands produce [파일경로] 원인 react-native-vector-icons를 link해서 사용했는데 rn이 업데이트 되면서 자동 link가 되니, unlink 하라해서 했다가 해당 문제 발생 이런 경우 Copy Bundle Resources 에 파일이 중복 해서 들어가게 돼서 해당 에러를 뿜게됨 해결 1. xcode 실행 2. 자신의 프로젝트 선택 3. 상단 메뉴탭에 build Phases 선택(난 없는데? 하는 경우 왼쪽 폴더리스트에 가장 루트를 클릭해준다. 난 frontend) 4. copu bundle Resources 에서 중복되는 파일 제거 (하단 -버튼 누르면 됨) npx react-native run-io.. 2021. 11. 25.
리액트를 클린하게 작성하는 법 Components 이름짓기 // 컴포넌트의 이름은 꼭 지정하고, 이름을 정확하고 알기 쉽게 지정해주세요 // BAD😡 export default () => ... // GOOD🤩 export default function Card() { return ... ) 일관되게 작성하기 컴포넌트를 작성할때 일관된 스타일을 유지하는게 좋습니다. 예를들어 컴포넌트를 작성할 때 function(일반함수)을 쓰던가, 아니면 화살표 함수로만 쓰는 등의 일관성을 지키는게 중요하고 이는 여러분의 코드에 더 나은 생산성을 가져다 줄 것 이라 생각합니다! 코드분리하기 리액트 컴포넌트를 코드를 작성할 때 200줄 미만으로 작성하는 편이 좋습니다. 200줄 이라는 말의 속뜻은 컴포넌트를 작은 구성요소로 나누라는 말입니다. 예를 들.. 2021. 11. 18.
range와 느긋한 L.range 함수형프로그래밍이 아직도 아직도 어렵지만, 재밌는 개념들이 많은 것 같습니다. (유인동 개발자님 감사합니다...) 이번에는 숫자를 받고, 그숫자만큼의 배열을 리턴하는 range 함수를 만들어 보겠습니다. const range = l => { let i = 0; const res = []; while (i++ [1, 2, 3, 4, 5] 이번엔 해당 배열의 모든 값을 더해보겠습니다. 이때 reduce를 사용할건데, 기존 js Array.prototpe.reduce 말고 이터레이터를 순회하는 reduce를 만들어 사용하겠습니다. const reduce = (fn, acc, iter) => { // reduce (add,.. 2021. 10. 26.
추석하루 간단하게 본 NEST JS 추석하루 집에서 누워있으려 했는데 그냥 그동안 호기심만 있던 nest를 간단하게 보고 정리를 좀 해보았다. 기술을 채택하기전 우리는 늘 "왜" 라는 물음에 답할 줄 알아야한다. "왜" nest가 뜨게 됐고 핫한지 기존 express만 쓰던 nodeJS 개발자들이 "왜" nest를 쓰기 시작했는지? 나도 깊이본건 아니지만 간단하게 본 지나가는 사람으로서 본 바로는 참 구조가 잘 잡혀있다 라는 느낌을 받았다. 기존 express는 굉장히 프리덤 했다! 말그대로 아주 자유로운! 근데 nest 이자식 구조가 참 잘잡혀있고 마치 spring 같다. nestJS는 컨트롤러, 모듈, 서비스 등 각각 역할이 분명하기때문에 그로인한 구조화된 작업 진행이 가능한 듯 보였다. 📌 정리 1. 기본 express와 간단 비교 .. 2021. 9. 22.
똑똑하게 외부코드 사용 고고 외부코드, 외부라이브러리, 외부.. 등과 같이 가져와서 붙여서 사용하는 것들은 우리에게 정말 많은 편의를 제공한다. 머리아프게 생각해야했던 로직들을 라이브러리단에서 모두 해결해주고 시간단축까지 해주며, 개발의 편의성을 높여준다. 하지만, 이런 외부코드를 사용하는 것은 늘 위험에 따른다. 우리는 외부코드를 "잘" 고를 수 있어야 하고, "똑똑하게" 사용할 줄 알아야한다. "잘" 고르기 세상에는 수많은 라이브러리가 있으며, 어떤 기능을 수행하는 라이브러리가 필요할 때, 같은 기능이 있는 라이브러리를 여러 개 찾을 수 있을 것이다. 그러나 선택지가 너무 많으면 우리 같은 웹 개발자는 혼란에 빠지게 된다. 제일 좋은 것이 무엇인지 어떻게 알 수 있을까? 만약 잘못된 선택을 한다면 어떡할까? 웹 개발을 할 때 단.. 2021. 8. 7.
[Docker] 도커 개념 및 간단 노트 정리 2021. 8. 2.

티스토리툴바