안루피취뽀일기

정말 정말 오랜만입니다.. 스타트업에서 3개월 프론트엔드 인턴을 마치고입사지원서를 작성하고,코테를 보고,면접을 보고,의 반복이였는데요.. 물론 최종 면접까지 간 곳은 몇곳 안되지만.그래도 나름 내가 신입으로 첫 회사로 성장할 수 있는 곳인가저또한 저에게 맞는 회사가 언젠가 올 것이라는 마음으로 최종면접을 포기한 회사도 더러 있었다. 내가 지금 최종면접을 가고 안가고를 정할 처지인가 생각도 했지만너무 조급하게 생각하지 않기로 내 스스로가 기준을 세우고생각정리를 하다보니까 심적으로 여유가 생긴 것 같다.부족한 부분을 인지하고, 내 강점이 무엇인지 감이 잡힌 것 같다.여러번의 면접 경험이 가장 크게 날 성장시켰다..놀랄 노자로 나 이제 면접이 엄청 크게 떨리지 않는다 wow 물론 반복되는 거절은 절대 익숙해지..

react-native-vector-icons 을 깔고 나서 아이콘들을 다운받고 설정하는 과정을 하고 xCode를 클린해주고 다시 빌드해야 했는데..클린 후 다시 빌드를 하려고 하니..  [Warning] You need to configure your node path in the `".xcode.env" file` environment. You can set it up quickly by running: `echo export NODE_BINARY=$(command -v node) > .xcode.env` in the ios folder. This is needed by React Native to work correctly. We fallback to the DEPRECATED behavior of..

폴더와 파일들이 많아질수록 임포트 경로가 복잡해지기 때문에 절대 경로를 설정해주겠다. 플러그인을 하나 설치해주어야 한다.yarn add -D babel-plugin-module-resolver 그리고 babel-config.js 파일로 가서 plugins 부분을 수정module.exports = { presets: ['module:metro-react-native-babel-preset'], plugins: [ 'react-native-reanimated/plugin', [ 'module-resolver', { alias: { '@': './src', }, }, ], ],}; alias는 꼭 @로 할 필요는 없고 물..

ERROR TypeError: Cannot read property 'isConfigured' of undefined This error is located at: in DrawerViewBase (created by DrawerView) in RCTView (created by View) in View (created by GestureHandlerRootView) in GestureHandlerRootView (created by DrawerView) in RNCSafeAreaProvider (created by SafeAreaProvider) in SafeAreaProvider (created by SafeAreaProviderCompat) in SafeAreaProviderCompat (creat..

인증 구현을 구현하기 전에 앱 로그인 과정을 짚고 넘어가자.  액세스 토큰과 리프레쉬 토큰을 이용해서 로그인을 구현할 것인데먼저 앱을 실행하면 리프레쉬 토큰 API를 호출하게 되고 성공/실패 로 나뉜다. 리프레쉬 콜이 실패한다면 신규 유저나 로그인 한지가 너무 오래돼서 토큰이 만료된 유저이다. 그래서 저장된 토큰은 지우고 다시 로그인을 하게 되고 지도인 홈으로 이동하게 된다.만약 리프레시 토큰이 만료되지 않아서 리프레시 api 콜이 성공한다면 자동으로 재로그인을 해줄 것이다. 이때 로그인을 할 때는 유효기간이 짧은 액세스 토큰은 헤더의 상수로 따로 존재하고 따로 저장하지는 않는다.그리고 리프레시 토큰은 Encrypt Storage라는 패키지를 이용해서 암호화하여 저장한다.

너가 잡히나 내가 잡히나 두고보자고  버전 문제를 해결을 드디어하고 리액트 네이티브 프로젝트 만드는 것까진 꽤나 잘 되었지만.... npx react-native run-iosios를 빌드하는데 계속된 오류폭탄이 시작되었다. 위에까지 엄청 긴 오류인데여튼 지선생께 여쭤보니 npx react-native run-ios 명령어를 실행할 때 발생한 에러는 xcodebuild 명령어가 실패했음을 나타내며, 이는 에러 코드 65로 종료되었습니다. 이 에러는 다양한 원인으로 발생할 수 있으며, 주로 다음과 같은 이유로 발생할 수 있습니다:1. Xcode 설정 문제: 프로젝트의 설정이나 설정 파일에 문제가 있을 수 있습니다. Xcode에서 직접 프로젝트를 열어 빌드를 시도해보면 좀 더 구체적인 에러 메시지를 확인할 ..

인턴생활이 워낙 바쁘다보니트러블 슈팅 일지를 많이 작성하고 싶지만..많이 작성하지 못해 아쉽다. 현재는 기획자님이 QA에 써주신 것들을 보며 하나씩오류를 잡아가고 있는 중이다.   그중 복잡하게 생각했다가 정말 간단한 답을 얻은 문제 기록..!  이렇게 불편하거나 아픈 부분을 모두 알려주세요 라는 문항에서 사용자가 여러개의 선택지를 고르게 되면  이렇게 나오게 된다. 문제는 사용자가 선택지를 다중으로 선택할 수 있는데 3~4개는 문제없지만그것 이상 고르게 되면이렇게 다음 문항을 가리게 되는 문제가 있었다. 아 그럼 사용자가 선택지를 몇개 이상 고를때는 height를 200px으로 하고 또 그 이상 고를 땐  height를 300px으로 하고,,,이런식으로 생각을 먼저 했다. 정말 멍청쓰한 답을 생각해낸 ..

오늘은 크로스 브라우징에 대해 정리해보자. 크로스 브라우징(cross browsing)이란?웹 페이지 제작 시 모든 브라우저에서 깨지지 않고 의도한 대로 올바르게(호환성) 나오게 하는 작업을 말한다.크로스 브라우징을 고려하지 않으면 HTML, CSS, JS 등 코드가 원하는대로 작동이 안될 수 있다.HTML, CSS, JS 작성 시 W3C의 웹 규격에 맞는 표준 웹 기술을 적용해 모든 브라우저, 기기에서 사이트가 의도된 대로 보여지게 해야 한다.크로스 브라우징이 작업마다 필요한 이유는 브라우저마다 렌더링 엔진이 다르기 때문이다. 💡렌더링 엔진 : 페이지를 렌더할 때 실질적으로 페이지를 작업해주는 브라우저의 엔진  위의 사진처럼 웹사이트는 브라우저에 따라 다르게 보일 수 있다.  크로스 브라우징을 고려하..