본문 바로가기

vscode에서 expo react native 디버깅 유튜브에 동영상이 있는데, 동영상대로 하면 제대로 디버깅 되지 않습니다. react native tools 공식 문서를 따라하면 제대로 설정됩니다. 1. React native tools 설치 및 설정 - vscode 에서 react native tools extension을 설치합니다. - 설정에 들어갑니다. - packager 포트를 19001로 변경합니다. 2. launch.json 설정 - vscode 디버그 탭에 create a launch.json file 클릭해 launch.json 파일을 생성합니다. - 아무거나 선택해 줍니다. 저는 VS Code Extension Development 선택했습니다. - Add configuration을 클릭한 후, Debug in Exponent를 선택합..
RN 초기 설정시 발생한 에러 처리 1.Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0 #29829 react native cli 를 설치 후 react-native init 시 발생하는 에러다. Gradle 버전 이슈이며, 비교적 최근에 발견된 이슈다. 글을 읽다 보면 적절한 처리법이 있다. github.com/facebook/react-native/issues/29829#issuecomment-727280671 Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0 · Issue #29829 · facebook/rea..
Error: Reducer "A" returned undefined during initialization Error: Reducer "A" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If you don't want to set a value for this reducer, you can use null instead of undefined. 리듀서에서 default state를 반환하지 않을 때 위와 같은 에러가 발생한다. const auth = (state: AuthState = initialState, action: AuthAction..
typescript indexable types 타입스크립트로 사이드 프로젝트를 하던 도중, 인덱스 시그니처(Object[key]) 형태로 객체 접근 시 에러가 발생했다. No index signature with a parameter of type 'string' was found on type ... 해결책을 찾아보니 인덱스 시그니처를 사용하려면 타입을 인덱싱 가능한 타입으로 지정해야 한다. [ key : KeyType ] : PropertyType 형태로 지정이 가능하다. 이렇게 지정하면 KeyType의 키로 속성에 접근이 가능하다. 참고로 key라는 이름은 임의로 정한 것이다. 아무 이름이나 써도 무방하다. type FormData = { [key: string]: string | undefined; username: string; passwo..
[ 프로그래머스, 레벨2 ] 124 나라의 숫자 124 나라의 숫자 출처: 프로그래머스 코딩 테스트 연습 124 나라가 있습니다. 124 나라에서는 10진법이 아닌 다음과 같은 자신들만의 규칙으로 수를 표현합니다. 124 나라에는 자연수만 존재합니다. 124 나라에는 모든 수를 표현할 때 1, 2, 4만 사용합니다. 예를 들어서 124 나라에서 사용하는 숫자는 다음과 같이 변환됩니다. 10진법 124 나라 10진법 124 나라 1 1 6 14 2 2 7 21 3 4 8 22 4 11 9 24 5 12 10 41 자연수 n이 매개변수로 주어질 때, n을 124 나라에서 사용하는 숫자로 바꾼 값을 return 하도록 solution 함수를 완성해 주세요. 나의 풀이 3진법 변환으로 문제를 해결했다. 3진법과 다른 점은 3까지 사용할 수 있다는 점이다. 따..
[ 프로그래머스, 2020 카카오 인턴쉽 ] 수식 최대화 (미완료) 수식 최대화 (미완료) 출처: 프로그래머스 코딩 테스트 연습 IT 벤처 회사를 운영하고 있는 라이언은 매년 사내 해커톤 대회를 개최하여 우승자에게 상금을 지급하고 있습니다. 이번 대회에서는 우승자에게 지급되는 상금을 이전 대회와는 다르게 다음과 같은 방식으로 결정하려고 합니다. 해커톤 대회에 참가하는 모든 참가자들에게는 숫자들과 3가지의 연산문자(+, -, ) 만으로 이루어진 연산 수식이 전달되며, 참가자의 미션은 전달받은 수식에 포함된 연산자의 우선순위를 자유롭게 재정의하여 만들 수 있는 가장 큰 숫자를 제출하는 것입니다. 단, 연산자의 우선순위를 새로 정의할 때, 같은 순위의 연산자는 없어야 합니다. 즉, + > - > _ 또는 - > _ > + 등과 같이 연산자 우선순위를 정의할 수 있으나 +, >..
[ 프로그래머스, 레벨 2 ] 기능개발 기능 개발 출처: 프로그래머스 코딩 테스트 연습 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 기능보다 먼저 개발될 수 있고, 이때 뒤에 있는 기능은 앞에 있는 기능이 배포될 때 함께 배포됩니다. 먼저 배포되어야 하는 순서대로 작업의 진도가 적힌 정수 배열 progresses와 각 작업의 개발 속도가 적힌 정수 배열 speeds가 주어질 때 각 배포마다 몇 개의 기능이 배포되는지를 return 하도록 solution 함수를 완성하세요. 나의 풀이 function solution(progresses, speeds) { const answer = []; let p..
카카오엔터프라이즈 프론트엔드 개발자 면접 후기 2020년 9월 중순부터 10월 초까지 약 보름정도 기간동안 카카오 채용 프로세스에 참여했습니다. 지원 경로는 프로그래머스에서 진행하는 Dev-matching을 통해 지원했습니다. 프로그래머스 Dev-Matching 총 3시간 동안 프론트엔드 개발 과제를 수행합니다. 작년엔 4시간이었다고 하는데, 올해는 3시간동안 진행됐습니다. 프레임워크 없이 순수한 바닐라 JS로 과제를 수행해야 하기 때문에 약간의 바닐라 JS 연습이 필요합니다. 연습할 때에는 이전에 출제된 문제를 참조하는 것이 좋을 것 같습니다. 실제로 이번 문제의 주제는 작년과 동일한 고양이 검색 사이트 제작이었습니다. 또한 작년에는 쓰로틀링을 이용해야 하는 문제가 출제되었는데, 올해는 쓰로틀링의 짝궁 개념인 디바운싱이 출제되었습니다. 시험이 끝나..