레퍼런스 마이닝

import java.util.ArrayList; import java.util.LinkedList; public class LinkedListVsArrayList { public static void main(String[] args) { // LinkedList // 첫번째 노드, 마지막 노드에 대한 포인터가 있고, 연결된 노드에 대한 포인터 참조가 있다. // 다음 노드에 대한 포인트 이외에도, 이전 노드에 대한 참조도 가지고 있다. // 요소로 접근할 수 없어 상대적으로 느리다. // 요소의 추가, 삭제에 근접 노드의 포인트 참조만 변경하면 되기때문에 성능 이점이 있다. LinkedList namesLinkedList = new LinkedList(); namesLinkedList.add("Joh..

import java.util.ArrayList; import java.util.Arrays; public class ArrayVsArrayList { public static void main(String[] args) { // Arrays 특징 // - 제네릭 불가능(불안전 유형) // - 생성시 크기가 고정되며 확장하거나 축소 할 수 없다. // - 초기화 시 메모리에 할당되며, 고정크기여서 속도가 빠르다. // String[] friendsArray = new String[4]; String[] friendsArray = {"John", "Chris", "Eric", "Luke"}; // ArrayList 특징 // - 제네릭 가능(안전한 유형) // - 요소의 수에 따라 자동으로 확장 및 축소 ..

axios를 사용할 때 get 메서드로 배열 데이터로 요청을 하게 되면 400 에러 잘못된 요청이라고 오류나 난다. 서버 Controller에서 처리하거나 axios get 요청할 때마다 paramsSerializer 직렬화를 추가해주면된다. 하지만 get 요청할 때마다 직렬화 옵션을 넣는다는 게 여간 귀찮고 알맞은 방식의 코드는 아니다. 아래와 같이 axios를 생성할때 옵션을 지정하면 간단히 해결된다. import qs from 'qs'; const instance = axios.create({ headers: { 'Content-Type': 'application/json', }, // `paramsSerializer`는`params`를 직렬화(serializing) 하는 옵션 함수입니다. // (..

Cloud Firebase를 사용하여 실시간 화면 공유를 할 수 있다. PC 또는 태블릿에서 데이터를 입력하면 미치 공유가 되는 것처럼 가능하다. 예를 들어 은행업무를 보면 계좌 개설이나 대출을 받을 때 동의서를 태블릿으로 서명 동의를 받는 것을 예를 들 수 있다. 아래 예시는 키 몸무게를 입력받아 Cloud Firebase 데이터를 적재하고 실시간으로 다시 화면에 표출하는 예시이다. CloudFirebase.js import React, { useEffect } from 'react'; import firebase from 'firebase'; import 'firebase/firestore'; const firebaseConfig = { apiKey: 'AIzaSyCpJV8njsbs9h-zDagtND..

Swagger 설정을 할 때마다 봤던 WARN 이였는데 크게 문제가 되지 않아 신경을 쓰지 않았지만, 자꾸 눈에 거슬려 해결방법을 찾았다. Swagger 버그로 보이는데 오류가 난 해당 부분을 dependcy에서 exclusion 하면 된다. maven io.springfox springfox-swagger-ui 2.9.2 io.springfox springfox-swagger2 2.9.2 io.swagger swagger-annotations io.swagger swagger-models io.swagger swagger-annotations 1.5.21 io.swagger swagger-models 1.5.21 gradle compile("io.springfox:springfox-swagger2:2...

간혹 git pull, git push를 할 때마다 사용자 자격증명을 묻는 경향이 있다. 아래 git 명령어로 사용자 저장이 가능하다. 전체로 적용하고 싶을 때는 --global 옵션을 추가하면 된다. # 사용자 이름, 이메일 설정 git config (--global) user.name "userName" git config (--global) user.email "userEmal" # 사용자 자격증명 저장 git config (--global) credential.helper store

'use strict'; // var (don`t ever use this) // var hoisting - 어디에 선언하는가에 관계 없이 선언을 가장 위로 끌어 올리는것 // has no block scope - 블럭 스콥의 개념이 없다. // let - Mutable // Variable - 변수 (변경될수 있는 값 read/write) // let (added in ES6) // global 변수는 어느곳에서나 접근이 가능하다. // global 변수는 어플리케이션이 시작할때부터 끝날때까지 메모리에 올라가있기 때문에 최소한으로 사용해야한다. let globalName = 'global'; { let name = 'ref'; console.log(name); name = 'ref-m1'; consol..

import React, { useCallback, useEffect, useState } from 'react'; import PropTypes from 'prop-types'; /* * ImageWidthPlaceholder * 이미지 로드 전 대체 이미지 표시 */ const ImageWithPlaceholder = ({ width, height, src, alt, onClick }) => { const [source, setSource] = useState('/images/img_profile_edit_nodata.png'); // 기본 이미지 const [imageWidth, setImageWidth] = useState(width); const [imageHeight, setImageHeigh..

Firebase 전화번호로 로그인하기를 활용한 인증 샘플이다. 기본적으로 전화번호 인증은 팝업이 뜨지만, 팝업 없이 사용할 수 있는 코드이다. 간단하게 기능적으로만 뼈대만 만들었으며, 살은 여러분들이 붙여서 유용하게 사용하면 된다. 간단한 전화번호 input과 인증 요청 버튼, 인증코드 input과 인증 확인 버튼으로 구성된 화면이다. 전화번호를 넣고 인증 요청을 누르면 간단하게 로봇이 아님을 증명해야 하는 퀴즈가 나온다. 인증 요청을 하면 입력된 전화번호로 Firebase에 등록된 도메인을 기반으로 코드가 전송된다. 이후 인증 확인을 누르면 인증이 완료된다. 인증이 완료될 때 uid라는 값이 특정되어 오는데, 이 값은 본인을 식별할 수 있는 ci 값과는 다른 의미이다. 사용자의 이름, 성별, 생년월일,..

github.com/firebase/firebaseui-web firebase/firebaseui-web FirebaseUI is an open-source JavaScript library for Web that provides simple, customizable UI bindings on top of Firebase SDKs to eliminate boilerplate code and promote best practices. - firebase/f... github.com 언어 지원범위 - https://github.com/firebase/firebaseui-web/blob/master/LANGUAGES.md git clone https://github.com/firebase/firebaseui-..