Dart의 class에서는 this를 꼭 쓰지 않아도 된다. (method내에 같은 이름의 변수가 있어서 어쩔수 없이 쓸때를 제외하고는 쓰지않는것을 권고)constructor method(생성자 함수)의 이름은 class의 이름과 같아야 한다.함수에서 사용한것과 같이

\*\*RN에서 webview를 이용할 때 html내용 안에 a 태그로 링크를 이동하는 코드가 있다. 그.런.데 새탭으로 켜지는게 아니라 webview안에서 보여주고 있어서 크기가 잘 맞지 않았다.기존코드수정된 코드auto height webview를 사용하느라 지저

Dart의 거의 전부가 object로 이루어져있다. function까지도.Dart가 진정한 객체지향언어로 불리는 이유이다.형식에 맞춰서 사용class로 되어있고 object를 상속받는다.리스트를 만들면 쉼표로 마무리하자! 보기쉽게 포매팅됨collection if 와 c

관습적으로 함수나 메소드 내부에 지역 변수를 선언할 때 주로 쓰는 방법var를 예시로 들면 var 라는 키워드를 쓰고, 변수의 이름을 적고, 그 안에 저장하고 싶은 데이터를 적으면 된다.변수의 타입을 구체화할 필요가 없었다. (Dart 컴파일러는 name이 string

Dart web : dart -> JavaScriptDart Native : dart -> mulriple different CPU(ARM32, ARM64..)JIT (just in time) : dart VM 사용. 작성한 코드를 가상머신을 사용해서 바로 화면에 보여

서버 주소를 .env에 저장해놓고 테스트서버와 라이브서버를 이동하며 개발하고있는데 .env파일은 변경하고 ctrl+s를 누른다고 저장되는것이 아니다.(웹,앱 개발을 하다보면 포트, DB관련 정보, API_KEY등.. 개발자 혼자서 또는 팀만 알아야 하는 값 즉, git

개발서버가 로컬을 포트포워딩한 http로 시작 주소를 갖고있는데, 빌드를 해서 테스트를 해보면 서버가 연결되지 않았다. 이유는 http연결을 막아놓기 때문.그것을 잠시 허용하는 방법을 AOS와 IOS에서 각각 알아보자.android > app > src > main >

React Native 앱 실행시 가로, 세로를 고정하는 방법에 대해서앱 설정파일 AndroidManifest을 변경해주면 된다.android/app/src/main/AndroidManifest.xml위 경로로 들어가서 코드를 한줄 추가해줍니다. (예시는 세로모드 고정

React Native로 빌드한 앱에서 다크모드를 적용하면 textInput의 입력이 안보이거나 Text의 기본 색이 변하는 등의 문제가 있다. (다크모드 설정을 안해줬을 때)다크모드를 적용하려면 스타일에서 색이 들어가는 모든 부분을 글로벌로 관리해줘야 한다. 굳이 다

React Native Linking을 이용해 번호가 입력된 전화 화면으로 이동시켜주는 작업을 했다.방법은 아주 간단하다.일단 Linking을 선언해주고함수를 하나 만들어 준다.그리고 전화번로를 Linking.openURL에 넣어주면 끝이다.\*주의사항은 백틱과 tel

오늘 마주친 에러는 "Possible Unhandled Promise Rejection" 되시겠다.axios를 사용해 api를 호출할 때 catch로 예외 처리를 하지 않아서...

클린코드라고 하면 '명확한 이름', '중복 줄이기' 를 말하곤 하는데 실무에서는 이 외에도 조금 더 섬세하게 코드를 정리하는 스킬이 필요하다. 🤷‍♀️ 실무에서 클린코드가 의미있는 이유? 실무에서 한번 쯤 들어본다는 "그 코드는 안건드시는게 좋을거에요. 일단 제가

JavaScript 비동기 처리 async await

디자인 패턴에 대한 좋은글을 보고 정리

JS의 메인스레드인 ‘이벤트 루프’는 싱글스레드이지만, 이벤트 루프만 독립적으로 실행되지 않고 웹 브라우저나 Node Js같은 멀티스레드 환경에서 실행된다. 즉, JS 자체는 싱글스레드지만, 런타임은 멀티스레드 환경일 수 있다! 싱글스레드로 여러 요청을 처리하는

useCallback과 useMemo는 얼핏보면 기능이 비슷해서 항상 헷갈린다. 이 둘의 차이점을 중심으로 언제 사용하면 더 좋을지 알아보자!컴포넌트를 렌더링할 때 연산된 값을 재사용할 때 사용한다.장점 : 메모리에 저장되어 있다가 변화하는 값만 바뀌는 방식으로, 메모

참고 https://ko.reactjs.org/docs/hooks-state.html https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Make-useSate-hook/ React Hook의 기본이자 가

💡 특정 스코프 안에서 선언된 변수는 코드에 적힌 순서와 상관없이 "최상단에서 선언한 것처럼" 끌어올려진다.Hoist(: 끌어올리다) + -ing 단어에서 알 수 있듯이 변수나 함수를 끌어올린다는 개념으로 사용되는 호이스팅에 단순히 그런 의미만 존재할까??호이스팅을

입력과 출력이 모두 자바스크립트(JavaScript) 코드인 컴파일러로 최신 버전의 자바스크립트가 실행되지 않는 구 버전의 브라우저에서 정상적으로 실행되도록 변환해준다.바벨은 ES6+ 버전 이상의 JavaScript, JSX, TypeScript 코드를 하위 버전의 J

react native로 개발한 앱을 번거로운 심사과정 없이 바로 업데이트 할 수 있도록 해주는 서비스공식문서 : CodePush는 React Native 개발자가 모바일 앱 업데이트를 사용자의 디바이스에 직접 배포할 수 있도록 하는 App Center 클라우드 서비스