분류 전체보기6 Typescript Handbook - The Basics [정리] The Basics// Accessing the property 'toLowerCase'// on 'message' and then calling itmessage.toLowerCase();// Calling 'message'message();이런 코드가 있다고 할때 message 에 어떤 값이 있을지 모르기 때문에 toLowerCase() 가 동작할지 message 가 함수일지 판단할 수 없다.const message = "Hello World!";메시지가 다음과 같이 선언되었다고 한다면 message() 를 호출하는 부분에서 다음과 같은 에러가 발생한다.TypeError: message is not a functionmessage 는 함수가 아니기 때문에 당연한 이야기지만, 자바스크립트 만으로는 코드.. 2024. 8. 24. 에러처리 interceptor 만들기 클린코드 (로버트 C. 마틴) 에 의하면 에러 처리를 위한 try catch 문은 끔찍하며 한곳에서 처리하도록 추출하는게 좋다고 한다.Express 에서 컨트롤러 로직을 구성하다보면 컨트롤러마다 try catch 문을 두고 에러 발생시 next로 에러를 전달하는 코드를 흔히 보게 된다.next 로 전달해야 에러 핸들링 라우터에서 에러를 처리할 수 있으니 어쩔수 없다고 생각했지만, 계속 반복해서 작성하다 보니 이건 아니다 싶었다..😅더 좋은 구조를 위해서 에러 처리 interceptor 를 만든 이야기를 공유해본다.현제의 상황사용자 회원 가입 API 를 예를 들어서 설명해보자면, 현제 authRouter -> authService -> userRpository 레이어 흐름으로 사용자를 생성하고 있고, a.. 2024. 5. 19. react-native-keyboard-controller 사용하기 모바일 환경에서는 키보드 입력시 가상 키패드가 화면에 나타나서 컨텐츠를 가리게 되는데 이것을 막기 위해서 React Native 에서는 KeyboardAvoidingView 를 기본적으로 제공해준다. 그런데 막상 사용해보니 여러가지 문제가 발생했고 옵션을 변경하며 나름 바꿔보려 했으나 코드가 지저분해지고 잘 해결되지 않았다..🥲(발생한 문제)키보드가 떠있는상태로 다른 화면으로 이동하면 화면이 올라가 있다.flex 인 요소는 요소 사이에 높이가 정해지지 않아서 요소와 요소가 붙어버린다.(스크롤 뷰를 직접 넣어서 padding 이 아닌 다른 옵션을 넣는등에 작업을 하면 해결할 수 있을거 같긴한데 지전분해지는 느낌을 받았다..)라이브러리를 찾아보던 중 타입스크립트 지원도 잘 되고, 옵션도 많은 react-n.. 2024. 5. 12. React Native 에서 dotenv 사용하기 (react-native-dotenv) React Native 에서 dotenv 를 사용하는 방법!React Native CLI 로 프로젝트를 생셩했다면 dotenv 를 사용하기 위해서 별도의 설정이 필요.(Expo 는 자체 제공)여러가지 라이브러리가 있지만 react-native-dotenv 를 사용하기로 결정! 설치npm i react-native-dotenv 로 라이브러리설치 혹시 모르니 ios 폴더 이동 , pod install설치가 완료되면 babel.config.json 으로 이동후 plugin 을 추가.(babel.config.js)module.exports = { presets: ['module:@react-native/babel-preset'], plugins: [ 'babel-plugin-styled-componen.. 2024. 5. 4. 이전 1 2 다음
