Cotist

2022. 8. 1. 03:46 Basic/JavaScript

const obj = { author: "cotist", age: 10 } 위와 같이 author, age 두 개의 키를 가진 객체가 있고 같은 양식의 객체들이 필요하다면 어떻게 해야할까? 위의 객체를 ctrl+c, ctrl+v를하여 객체명과 키의 값만 바꿔도 되긴 하겠지만 키가 개수가 많아질수록 반복되는 코드가 늘어나고 결국은 레거시처럼 보일 것이다. (레거시처럼 보이는게 아니고 레거시가 맞다.) // bad example const obj1 = { author: "cotist1", age: 10 } const obj2 = { author: "cotist2", age: 11 } const obj3 = { author: "cotis3", age: 12 } const obj5 = { author: "cot..

[JavaScript] 객체(Object)의 접근, 요소 추가

2022. 7. 31. 17:25 Basic/JavaScript

객체의 선언은 아래 코드와 같다. const tistory = { author: "cotist", date: "22/07/31", age: 8, }; tistory라는 객체를 선언을 하였다. 각 요소의 좌변은 키(key)이며 author, date, age에 해당되며 우변은 키의 값이다. 객체의 요소에 접근하는 방법은 두 가지가 있는데 콘솔 로그로 아래 코드를 보자. const tistory = { author: "cotist", date: "22/07/31", age: 8, }; // 객체의 요소에 접근하는 방법 console.log(tistory.author); console.log(tistory["author"]); 두 결과 모두 cotist가 나올 것이다. 다음은 객체를 추가하는 방법이다. 처음에..

[React Native] Guideline 5.1.1 - Legal - Privacy - Data Collection and Storage. reject 이슈

2022. 7. 30. 19:14 Front-end/App

Guideline 5.1.1 - Legal - Privacy - Data Collection and Storage We noticed that your app requests the user’s consent to access the contacts, but doesn’t sufficiently explain the use of the contacts in the purpose string. contactsTo help users make informed decisions about how their data is used, all permission request alerts need to explain how your app will use the requested information. To hel..

[React Native] 안드로이드 릴리즈 버전일 때 튕기는 경우(react-native-svg 라이브러리 적용 확인)

2022. 7. 30. 18:35 Front-end/App

RN단에서도 디버그버전에서도 잘 되는데, 릴리즈 버전에서 svg을 사용한 화면으로 네이게이트하면 곧바로 튕기는 경우가 있다.(에러 구문은 기억이 안남) 이 경우 react-native-svg 라이브러리를 이용하여 svg를 사용하고 아래 설정을 해놓지 않아서 그렇다. android/app/proguard-rules.pro 해당 경로로 들어가 아래 구문을 추가해주고 저장하면 된다. -keep public class com.horcrux.svg.** {*;} 출처는 교과서에.. https://github.com/react-native-svg/react-native-svg#problems-with-proguard GitHub - react-native-svg/react-native-svg: SVG library..

[React Native] Android Studio에서 안드로이드 에뮬레이터 직접 실행 시 업데이트가 안될 때

2022. 7. 30. 18:15 Front-end/App

"react-native run-android" 혹은 "react-native run-ios"을 통해 에뮬레이터를 실행하는 것이 간편하지만, 결국 릴리즈 버전을 체크하려면 네이티브단에서 실행하는 화면 단을 봐야합니다. 인텔리제이(네이티브 안드로이드 IDE) 에서 에뮬레이터 실행 시 최근에 짠 코드로 업데이트가 되지 않은 상태로 띄워질 때가 있습니다. 원인은 RN단에서 작성된 코드가 index.android.bundle 파일로 인코딩이 되지 않은 경우로 보이는데, 터미널에서 아래 명령어를 입력하여 index.android.bundle을 현재 버전으로 업데이트 시켜주면 해결이 됩니다. react-native bundle --platform android --dev false --entry-file index..

React Native로 세팅부터 배포까지 후기, 장단점 등 회고록 (2) - 네이티브단 환경 설정

2022. 7. 18. 17:11 Experience/Developer

https://cotist.tistory.com/10 React Native로 세팅부터 배포까지 후기, 장단점 등 회고록 (1) 사내에서 3개월간 React Native를 처음 접한 주니어 개발자가 혼자서 Create Project부터 스토어 배포까지 겪었던 회고록을 정리하면서 React Native에 대한 경험을 공유드리고자 합니다. 이 포스팅을 통하 cotist.tistory.com 본 포스팅은 위의 링크된 포스팅에 이어서 작성됩니다. 앞 전의 세팅까지 완료하고 navigation까지 구현하여 신나게 무지성 퍼블리싱을 하였다. 여기까진 괜찮다 치자. 내가 진짜 잘못한 것이 뭐냐면, 초기에 네이티브 세팅 확인을 iOS, Android 각각 에뮬로 구동되는 것을 확인하고 이후에 작업을 iOS만 켜두고 계..

React Native로 세팅부터 배포까지 후기, 장단점 등 회고록 (1) - RN 세팅

2022. 7. 18. 15:11 Experience/Developer

사내에서 3개월간 React Native를 처음 접한 주니어 개발자가 혼자서 Create Project부터 스토어 배포까지 겪었던 회고록을 정리하면서 React Native에 대한 경험을 공유드리고자 합니다. 이 포스팅을 통하여 RN(React Native)에 대해 처음 접하시려는 분들부터 RN으로 프로젝트를 착수 중인 개발자 분들에게 조금이나마 도움과 공감이 되었으면 좋겠습니다😄 (회고록이어서 격식체는 빼고 하겠습니다.) 우리 회사는 개발자 인원이 풀스택 1명, 프론트엔드 1명(본인)으로 영세 수준의 규모이다. 프로젝트 사이즈를 보았을 때 본래 5명 이상의 편제가 필요하였지만, IT문화가 잡히지 않은 회사라 개발자 구하기가 쉽지가 않았다.. 주요 프로젝트의 착수 8개월 차에 그동안 미뤄왔던 앱 개발도 ..

git 폴더, 파일 대소문자 구분 설정

2022. 3. 28. 10:13 Basic/etc

git 협업 시 폴더나 파일의 대소문자를 변경 후 commit, push를 하였는데 다른 개발 환경에서 pull을 받으면 인식이 안되는 경우가 있습니다. 해당 명령어를 입력하여 위와 같은 상황을 방지하고, 이미 그런 상황이 일어난 경우 명령어를 입력한 후 에러가 난 폴더, 파일을 재타이핑하여 수정하면 해결이 됩니다. git config core.ignorecase false

[JavaScript] var Hoisting(호이스팅) - var 선언을 주의하세요

2022. 2. 22. 01:14 Basic/JavaScript

hoist : 끌어(감아) 올리다. 자바스크립트는 유연한 언어인 만큼, 실행되지 않아야 할 코드가 예상하지 못한 결과로 도출될 경우가 종종 있습니다. 그 중 하나가 "var Hoisting(호이스팅)"입니다. var 호이스팅이란 var를 통한 선언문을 실행 시 스코프의 최상단으로 올려 할당하는 것을 의미합니다. 아래 예시를 보고 이 동작이 왜 문제가 되는지 let과 비교하여 생각해 보세요. 순차적으로 보았을 때, 초기화, 선언되지도 않은 변수를 불러오면 당연히 에러가 떠야하는 것이 일반적입니다. let 선언 시, 생각대로 에러가 발생하는 것을 보여주고 있습니다. 하지만 var은 호이스팅이 발생하면서 undefined 혹은 100을 뱉고 있습니다. 프로젝트에서 이를 인지하지 못하고 실수가 곁들인 코드를 짠..

티스토리툴바