분류 전체보기

자바스크립트에서의 실행의 지연을 시키기 위하여 쓰이는 함수들을 살펴 보자!setTimeout() 함수setTimeout() 함수는 두번째 인자로 넘어온 마이크로 초만큼 기다린 후, 첫번째 인자로 넘어온 함수를 호출해줍니다.console.log("before");setTimeout(() => console.log("after"), 3000);→ setTimeout(function/code, delay, arg1~)function/code - 실행하고자 하는 코드로, 함수 또는 문자열 형태이다. 거의 이 자리에 함수가 들어간다. 문자열을 넣을 경우 코드가 길어지기 때문에 함수를 넣는다. 문자열을 넣는 경우 익명 화살표 함수를 사용한다.delay - 실행 전 대기 시간으로, 단위는 밀리초(millisecond..

flutter를 사용할 때 api를 호출하는 방법이 여러가지가 존재한다. 나는 그 중에서도 http와 dio에 대해서 글을 작성하고자 한다. 이 둘은 사용하기 편하다. 그런데 개인적으로 dio를 좀 더 선호하는 편이기는 하다. 아래에서 자세히 살펴보도록 하자. http https://pub.dev/packages/http http | Dart Package A composable, multi-platform, Future-based API for HTTP requests. pub.dev 1) 의존성 주입해서 설치하기 dependencies: http: ^1.1.0 pubspec.yaml 파일에 들어가서 종속성 부분을 찾아 http를 의존성을 주입하여 설치해준다. 2) import 해주기 import 'p..

플러터의 개발은 andriod studio에서 할 수 있다. 그러나 나는 개발을 vscode에서 많이 해서 이가 편하므로 이에 대해 글을 작성하고자 한다. 1. flutter 프로젝트 생성하기 vscode를 키고 명령 팔레트를 킨다. 만약 명령 팔레트가 어디 있는지 모른다면 vscode 왼쪽 하단에 톱니바퀴 모양이 존재한다. 이를 클릭하면 메뉴에 명령 팔레트를 클릭하면 된다. ctrl + shift + p 단축키를 클릭하면 된다. 명령 팔레트에 flutter라고 치면, 위의 사진같이 나온다. 플러터에 필요한 전제 조건들을 다 설치했다는 전제하에 Flutter: New Project를 클릭한다. 2. flutter template 선택하기 그러면 위와 같은 화면이 나오는데 여기서 Application을 클..

파이어베이스 Functions 란? Firebase 기능과 HTTPS 요청에 의해 트리거 되는 이벤트에 응답하여 백엔드 코드를 자동으로 실행할 수 있는 서버리스 프레임워크 CLI로 프로젝트를 생성했다면 디렉토리에 index.js 파일이 생성되었을 것이다. 이 안에 배포를 하면 배포가 된다. 나는 이미 작성된 코드가 있으므로 기본적인 코드 작성하는 것은 패스하겠다. 로컬에서 테스트하기 내가 작성한 함수를 로컬에서 돌리고 테스트하기를 원한다면 firebase serve 위와 같이 작성하면 로컬에서 돌아간다. 그리고 에뮬레이터가 돌아가는 것이기에, 이에 대한 정보를 확인할 수 있다. 터미널에 나오는 주소창을 클릭하면 overview로 하여 어떤 것이 작동되고 있는지 확인이 가능하다. 그리고 postman등을 ..

이 포스팅에서는 이미 만들어진 프로젝트가 있으므로 연결하는 것까지 글을 작성하도록 하겠다. 1. firebase-tools 설치 npm install -g firebase-tools CLI로 Cloud Functions를 시작할 것이기 때문에 Firebase에서 제공하는 firebase-tools 패키지를 설치한다. # 패키지 업데이트 npm install firebase-functions@latest firebase-admin@latest --save 새로운 기능과 버그 수정은 Firebase CLI 및 firebase-functions SDK의 최신 버전에서만 제공되기 때문에 자주 CLI와 SDK를 업데이트 해주는 것이 좋다고 한다. 2. Firebase 로그인 firebase login CLI로 F..

홈페이지를 만들었을 때 오류를 대비하여 서브 브랜치를 가지고 테스트를 해야 한다. 그래서 main 브랜치를 메인 도메인과 연결하여 놔두고 서브 브랜치를 만들어 서브 도메인과 연동해야 한다. 이를 어떻게 하는지 글로 작성해보도록 하겠다. 1. 테스트 브랜치 만들기 위에서 설명한 것처럼 main 홈페이지는 놔두고 개발자들은 서브 홈페이지를 보고 오류를 수정을 해야 한다. 그래서 main branch와 분리하여 다른 branch를 생성해야 한다. git branch 이를 아래와 같이 push 해준다. git push --set-upstream origin test 여기서 upstream 은 로컬과 연결된 원격 저장소를 의미한다. 여기서 내가 서브 홈페이지와 연결할 브랜치의 이름을 test로 지정할 것이다. 그..

단축평가 논리곱(&&) 연산자와 논리합(||) 연산자는 논리 연산의 결과를 결정하는 피연산자를 타입 변환하지 않고 그대로 반환한다. 이를 단축 평가라고 한다. 표현식을 평가하는 도중에 평가 결과가 확정된 경우 나머지 평가 과정을 생략한다. 논리합과 논리곱 1) 논리곱(&&) 논리곱(&&) 연산자는 두 개의 피연산자가 모두 true로 평가될 때 true를 반환하며, 좌항에서 우항으로 평가가 진행된다. 아래의 첫 번째 피연산자 'Cat'은 Truthy 값이므로 true로 평가된다. 하지만 표현식은 이 시점에서 평가할 수 없다. 두 번째 피연산자까지 평가해 보아야다. 즉, 두 번째 피연산자가 논리곱 연산자 표현식의 평가 결과를 결정하며, 논리곱 연산자는 논리 연산의 결과를 결정하는 두 번째 피연산자 'Dog'..

사용자의 인증정보를 관리하는 방식은 크게 두가지로 나뉜다. 첫째는 세션 기반 인증이다. 이는 서버 기반 인증이라고 불린다. 이 인증 시스템은 유저가 로그인을 하게 되면, 서버측에서 유저가 현재 로그인 중이라는 인증정보를 기억하고 있어야 한다. 그리고 이 정보를 세션 이라고 부른다. 서버 기반 인증의 문제점 서버기반 인증의 문제점은 크게 2가지로 있다. 첫째는, 세션을 유지하게 될 때, 로그인중인 유저의 수가 많아진다면 성능에 무리가 가게 된다. 이 정보를 메모리에 넣게 된다면 램이 과부화가 되고, 데이터베이스에 넣게 된다면 데이터베이스의 성능에 무리가 가게 된다. 두번째는, 서버 확장이 어려워진다는 점이다. 여기서 서버 확장은 더 많은 트래픽을 감당하기 위하여 여러 프로세스를 돌리거나 여러 서버 컴퓨터를..