혜르미온느

B.F.F란 Best Friend Forever 이라는 뜻의 약어인데, 개발계에서 영원히 함께 할 수밖에 없는 짝꿍을 뽑으라면 Backend와 Frontend가 아닐까 싶다. 개발에서의 BFF란 Backend For Frontend라는 뜻으로 해석 그대로 프론트엔드를 위한 백엔드를 의미한다. 나름대로 자료를 많이 읽어보았지만 읽으면 읽을수록 광범위하고 섬세한 범위를 포함하고 있어 다 풀기에는 아직 더 많은 공부가 필요할 듯싶다. 이번 포스팅은 많은 자료를 기반으로 이해해 본 BFF의 개념을 소개해보고자 한다. 10년 전 즈음, 모바일이 활성화 되기 이전에는 거의 모든 개발 플랫폼은 웹에 한정되어있었다. 당시에는 하나의 백엔드를 통하여 하나의 플랫폼이 1:1 매칭 되어 서비스해도 전혀 무리가 되는 시절이 ..

denyUrls는 말 그대로 sentry 프로젝트로 수집하지 않을 경로에서 생성된 오류를 막을 때 사용하는 옵션이다. https://docs.sentry.io/platforms/react-native/configuration/options/#deny-urls Basic Options for React Native Learn more about how to configure the SDK. These options are set when the SDK is first initialized, passed to the init function as an object. docs.sentry.io 간혹 검색하다보면 ignoreUrls이라는 옵션이 검색되기도 하는데, 이는 옛 버전으로 더이상 동작하지 않으니 반드시..

먼저 나는 CRA(create-react-app)를 통하여 react 기반의 프로젝트를 세팅해두었다. 하단의 코드를 이용하여 스토리 북을 설치해준다. npx sb init 잘 설치되었는지 확인하려면 package.json에 storybook이 들어왔나 확인하거나 폴더 구조에서 storybook 폴더의 생성을 확인하는 것도 간단한 방법이다. .storybook 폴더 하위에는 main.js와 preview.js라는 두 파일이 생성되어있는데, main.js는 스토리북 config 설정들을 하는 스트립트 파일이며, preview.js는 모든 스토리들에 공통적으로 적용할 포맷 등을 세팅하는 곳이라고 생각하면 된다. 이는 조금 더 공부한 후에 따로 포스팅을 할 예정이다. 각설하고, 스토리북 설치 확인의 가장 좋은 ..

한 3년 전 쯔음에 진행한 프로젝트에서 백엔드 담당자와 대화를 하다가 node js에 대하여 들은 적이 있다. 대충 머리로는 이해하나 대충 입 밖으로 설명할 수 없는 개념이 마침 강의에 나와서 정리해보고자 한다. node.js 란? 처음 node js를 접하고, 무엇인지 알아보고자 공식 홈페이지에 들어갔는데, 홈페이지에서 하는 이야기라곤 Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. 라고 하는 어려운 이야기였다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 크롬 V8엔진도 알고, JS 런..

01. 시작하며 섹션에는 총 3가지의 짧은 인강이 준비되어 있는데, 본 포스팅에서는 그 중 학습 환경 구성에서 특히 번들러 관련 항목을 정리해 볼 예정이다. 원시시대(?)의 인터넷을 보면 서비스가 엄청 크지 않았기 때문에 html에서 직접 를 로드하여도 큰 무리가 없었다.(고 한다.) 하지만 요즘 인터넷 서비스를 봐도 알다시피 서비스가 커지고 다양해짐에 따라 script 코드가 방대해지며, 각 파일들의 의존성과 로드 보장 순서 등이 중요한 화두가 되었다. 이를 해결하기 위해 사용하는 것이 바로 번들러이다. 번들러는 인터넷 서비스를 구성하기 위한 모든 모듈 파일들을 하나 또는 그 이상의 파일로 엮어주어 브라우저에서 코드가 잘 돌아갈 수 있도록 도와주는 소프트웨어이다. 좀 더 상세히 말해보자면 js들을 모아..

강의 선정 이유 예전에 진행하던 프로젝트에 typeScript를 도입하고자 하였는데, typeScript의 장점을 활용하지 못 하고, 모든 타입을 any로 설정하여 프로젝트를 진행한 적이 있다. 이런식의 활용은 typeScript를 사용하는 의미가 없다고 사료되어 한 달정도 만에 거두어내었지만 typeScript를 어떻게 하면 잘 활용할지에 대한 고민이 항상 숙제로 남아있게 되었다. 하여 typeSrcipt에 대한 기초를 배워보고자 강의를 수강하고자 한다. 김민태는 누구인가 요즘 '네카라쿠배'라는 말이 유행한다. 이는 회사를 지칭하는 말인데, 이중에 '배'는 배달의 민족을 담당하고 있다. 배달의 민족은 우아한 형제들에서 진행하는 사업 중 일부인데, 김민태님은 바로 이 우아한 형제들에서 기술 이사직을 맡고..

[!이시중] 2021년 11월 20일 11:25에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/60 에서 확인할 수 있음. 나이가 연차가 몇 년인데, 아직도 api 연결할 때 세팅을 까먹어서 url이 문구로 그냥 나오면 당황해버린다... 허허... 실무에만 신경쓰고 개인 포트폴리오를 잘 안 하다보니 할 때마다 매 번 새롭다. 짜릿해. 나를 반성하는 마음으로 또 나와같이 할 때마다 검색을 해보시는 분들을 위하여 정리해보도록 한다. 심지어 이 글은 내가 예전에 만들었던 코드들을 기반으로 작성한다. 과거의 나는 오늘의 내가 다시 헤맬줄은 몰랐겠찌 ㅎ.ㅎ... (사실 진짜 별거 없어서 쓰기 부끄럽..) * 오픈 api를 사용하려면 회원가입을 통하여 각자에게 맞는 발급키를 받아야 한..

[!이시중] 2021년 11월 20일 12:00에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/61 에서 확인할 수 있음. https://hyermione.tistory.com/9 axios를 통한 오픈 API 연결하기 [!이시중] 2021년 11월 20일 11:25에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/60 에서 확인할 수 있음. 나이가 연차가 몇 년인데, 아직도 api 연결할 때 세팅을 까먹어서 url이 문구로 그냥 나.. hyermione.tistory.com 상단 포스팅에서 axios를 연결하며, api key는 개인 발급을 받는 것이니 환경 변수를 통하여 관리하라고 언급했었다. 그러면서 관련 포스팅을 연결했는데, 해당 포스팅은..

센트리가 무엇인지 궁금하신 분은 이전 포스팅 먼저 읽고 오시면 훨씬 도움이 됩니다 ^.^ https://hyermione.tistory.com/5 프론트엔드에서 에러 처리하기 - SENTRY [!이시중] 2021년 10월 23일 23:24에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/39 에서 확인할 수 있음. 이직 면접에서 나 스스로가 만족하지 못 한 대답을 하여 아직까지 기억하고 있는 질문 hyermione.tistory.com 이 전에 센트리에 대하여 포스팅을 하였다. 백문이 불여일견. 백번 보는 것보다 한 번 시도를 할 때 더 많이 남는다는 말에 십분 공감하며, 테스트용 리엑트 프로젝트를 하나 생성하였다. 하단에 나오는 모든 정보는 https://sentry.io/..

[!이시중] 2021년 11월 19일 22:06에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/59 에서 확인할 수 있음. 2021년 여름 두 번째 이직 준비 (세 번째 회사 구하기)를 시작했다. 사회 초년생일 때 보다 커리어가 더 단단해졌고, 더 단단한 커리어를 쌓기 위한 회사를 가고 싶었다. 개발자는 코딩 테스트가 필수인 데다가 나는 면접도 너무너무 자신이 없었기 때문에 해당 회사의 후기를 몇 번씩이나 읽어보고 갔다. 사실 그럼에도 불구하고, 지원 팀과 시기 등의 변수가 너무 많아 크게 도움이 되지는 않았지만 정말 많은 위안이 되었다. 나도 많은 분들에게 조금이나마 도움이 되고 또 위안이 되기 위하여 늦기 전에 포스팅을 하려고 한다. 다만, 이미 어느정도 시간이 흐른 후..