방치하기

사고싶다 갤럭시 폴드5

Yi Junho — Tue, 1 Aug 2023 11:46:43 +0900

가격이 이번에는 너무 비싸게 나왔다. 쿠폰도 잘 안붙고 그래도 사보고 싶다.

힌지가 변경된 점이 마음에 든다. 하지만 200만원이 넘는데, 쿠폰도 모든 판매처가 비슷하다. 파격적이게파는곳이 없다니 ㅠㅠ

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

Java 실행 시간 측정 StopWatch

Yi Junho — Thu, 27 Jan 2022 19:56:50 +0900

그 동안 실행 시간이 필요하면, System.currentTimeMillis()를 사용해왔다.

Java 를 처음 배웠을때, 저 것을 사용하는 걸로 배웠고 Google 에서 ‘java 실행시간 측정’라는 키워드를 검색을 했을때도 System.currentTimeMillis()를 빼서 계산하는 방법이 쭈루룩 나왔기 때문에, 늘 하던대로 써오다가 하루는 검색어를 조금 다르게 입력했는지 StopWatch 라는 것이 나왔다. 그래서 사용해보니 만족스러워서 앞으로는 이걸로 쓸것 같고, 나같은 사람이 또 있을것 같아서 공유하게 되었다.

사용법은 Spring을 사용중이라면, org.springframework.util.StopWatch를 사용하고, spring을 사용하지 않는다면 org.apache.commons.lang3.time.StopWatch를 사용 하면 된다. 둘다 거의 비슷한데, Spring 이 조금 더 다양한 기능을 제공하는것 같다.

Spring의 StopWatch을 기준으로 설명하면 아래처럼 사용하면된다.

StopWatch stopWatch = new StopWatch("stopWatchId");
stopWatch.start("taskName");
... 테스트할 로직 ...
stopWatch.stop();
//출력 로직들 
System.out.println(stopWatch.prettyPrint()); //task 별로 상세하게 나옴
//간단하게 stopWatchId 기준으로, ns단위로 나오는데 이것저것 String에 나옴  
System.out.println(stopWatch.shortSummary()); 
//위에 shortSummary와 같은 값이 long으로 출력됨
System.out.println(stopWatch.getTotalTimeNanos());

stopWatch를 start할때 taskName을 설정하여, 육상 종목의 Lap타임을 측정하는 것처럼 하나의 StopWatch로 여러개의 측정이 가능하다.

apache stopwatch 가 궁그하시다면 위 링크로 자세하게 봐보세요: https://www.devj.co.kr/java-stopwatch-%ec%8b%a4%ed%96%89-%ec%8b%9c%ea%b0%84-%ec%b8%a1%ec%a0%95-%eb%b0%a9%eb%b2%95-3%ea%b0%80%ec%a7%80/

Expo 절대 경로 설정하기 (Path Alias)

Yi Junho — Sun, 16 Jan 2022 22:56:40 +0900

왜 Path Alias 를 사용하나?

import { PreviewType } from "../../../../../types/PreviewType";

IntelliJ 가 아니라면 대체 어느 폴더인지 알수가 없는 ../../ 이다 types 폴더가 다른 depth에 동일한 이름으로 존재한다면, 어떤건지 보고 알기 쉽지가 않다. 그래서 절대 경로를 사용하기 위해서 프로젝트 초기 부터 세팅을 하고자 한다.

React 의 경우는 Webpack 을 사용하고 대부분의 경우의 예제가 React라서, Expo (또는 React Native) 기준으로 한번 알아보았다.

우선 babel-plugin-module-resolver 를 추가 한다.

yarn add -D babel-plugin-module-resolver

그후 babel.config.js파일에 아래와 같이 Path를 등록해준다. 보통 @를 많이 붙이는것 같은데, @type과 혼동 될것 같고, 개인 사이드 프로젝트라 #으로 지정했다.

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      [
        'module-resolver',
        {
          root: ['.'],
          alias: {
            '#Navigation': './navigation/',
            '#Images': './assets/images/'
          }
        }
      ]
    ]
  };
};

그리고 Typescript를 사용하는 경운 tsconfig.json 파일에도 추가가 필요하다. 아래처럼 추가를 해줬다.

{
  "extends": "expo/tsconfig.base",
  "compilerOptions": {
    "baseUrl": ".",
    "typeRoots": ["./node_modules/@types", "@types"],
    "paths": {
      "#Navigation/*": [
        "./navigation/*"
      ],
      "#Images/*": [
        "./assets/images/*"
      ]
    }
  }
}

이렇게 작성하니 사용하는곳에서 사용은 되지만, eslint 에서 에러가 났다.

이 문제를 해결하기위해서 아래와 같이 eslint-import-resolver-typescript 를 설치한다.

yarn add -D eslint-import-resolver-typescript

그리고 사용중인 eslint설정 부분, 저 같은경운 .eslintrc.js에 아래와 같이 추가했다.

  "typescript": {}, ← 추가 (tsconfig 관련 세팅을 읽어옴)

...
settings: {
    'import/resolver': {
      "typescript": {},
      node: {
        extensions: ['.js', '.jsx', '.ts', '.tsx'],
      },
    },
  },
...

GitLab → GitHub 미러링

Yi Junho — Sun, 9 Jan 2022 13:16:19 +0900

개인 GitLab을 사용하고 있고, private github repo에 올려서, Contribution을 동기화 시키고 싶은 니즈가 있어서 해당 방법을 알아 보게 되었다. 개발자에게 GitHub은 점점 중요성이 높아져서, 포트 폴리오의 일부가 되어가고 있기 때문에, 나를 알리는 수단으로도 활용을 해야할것 같았다.

그렇다고 GitHub으로 이전하기엔, Gitlab은 개인 서버에서 관리 하고 있어서 더 내꺼 같은 느낌이라 더 편하게 Push가 가능하다. GitHub은 각잡고 올려야 할것 같은 느낌이 여전히 있다.

물론 연동이후 Private Repo로 미러링 중이라 GitHub의 Contribution을 보면서 만족하고 있다.

인제 Mirroring 방법을 설명을 하겠다.

https://github.com/settings/tokens 으로 이동하기
Generate new token으로 미러링용 토큰 생성하기 (저는 이미 있습니다.)

repo 를 선택해주시고, 토큰 Note를 작성하고 토큰의 유효기한을 골라준다.
토큰생성

아래로 스크롤 해서 Generate token
생성된 토큰 복사
GitLab으로 이동 → 프로젝트로 이동 → 설정 → 저장소→ 펼치기
패스워드에 아까 복사한 토큰을 넣어주고, 연동할 Git URL을 입력해주면 끝.
주의사항으론 Git Clone 주소가 https://github.com/UserId/helloWorld.git 라면, https://UserId@github.com/UserId/helloWorld.git 으로 UserId@ 을 붙여줘야 한다

React-Native init 생성후 Gradle 버전 문제

Yi Junho — Sun, 2 Jan 2022 17:17:21 +0900

상황

React-Native init 해서 기본 프로젝트만 구성한 상태

에러 문구

This version of the Android Support plugin for IntelliJ IDEA (or Android Studio) cannot open this project, please retry with version 4.2 or newer.

해결방법

intelli J 버전을 업데이트 한다.
내가 사용하고 있는 Intelli J의 버전은 2020.3 이였다.

Gradle 버전을 수정한다.

 classpath("com.android.tools.build:gradle:4.0.1")

build.gradle 에서 dependecy 의 버전을 수정한다. 4.2 보다 낮은 버전으로 변경. intelliJ 나 Andorid Studio 별로 gradle 버전 확인해서 바꾸면 된다.

Emmet 을 intelli J, webstorm에서 사용하기

Yi Junho — Tue, 28 Dec 2021 23:59:02 +0900

FE개발자의 라이브 코딩을 보면서, 그동안 미련하게 작성했구나를 느껴서 Emmet을 알아보게 되었다.

Emmet이란?

HTML 자동 완성 기능으로 작성 속도를 향상 시켜주는 플러그인

Emmet 설정 방법

1. HTML

Prefernecs → Editor → Emmet → HTML 에서 Enable XML/HTML Emmet 체크

2. JSX (React , Vue 등등)

Prefernecs → Editor → Emmet → JSX 에서 Enable JSX Emmet 체크

3. 어디서든 쓰고 싶으면

Plugins → Emmet Everywhere install

기본 사용법

1. 자식요소 : >

<div>
    <ul>
        <li></li>
    </ul>
</div>

위처럼 만들고 싶다면

2. 동일요소 반복 : *

<div>
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

3. 형제요소 : +

<div>
    <p></p>
    <ul>
        <li></li>
    </ul>
</div>

4. 단계 올리기 : ^

<div>
    <p></p>
    <ul></ul>
    <li></li>
</div>

이외 다른 문법은 공식 문서를 보면 자세히 안내 되어 있다.

https://docs.emmet.io/abbreviations/syntax/

응용 사용법 React

<div id="comp_lineup_tab">
      <h3 id="blind">라인업</h3>
      <Lineup></Lineup>
</div>

Intelli J에서 아래와 같이 아무리 쳐도 안되는 경우

처음에 아무리 Emmet 기본 문법대로 쳐도, 세팅을 Enable을 해도 작동이 안되었는데, 사용을 위해선 Enter가 아닌 Tab 키를 눌러줘야 자동완성이 된다.

오랜만에 먹는 풀무원 녹즙, 프레시업

Yi Junho — Sat, 9 Oct 2021 23:00:34 +0900

베리 마리굿, 케셀아세라, 당근 망고지 이름부터 요즘 젊은 사람을 겨냥한 네이밍

녹즙에 당이 꽤 들어 있는지, 달고 맛있다 ㅋㅋ

아래는 양배추와 석류인데, 다 먹어봤을때 당근망고지와 석류는 정말 음료수처럼 맛있다.

당과 칼로리는 맛을 나타내는 척도가 맞는것 같다.

[클라우드 서비스] AWS vs 네이버 클라우드 플랫폼 vs Toast

Yi Junho — Sat, 3 Aug 2019 16:09:51 +0900

우선 3개 플랫폼을 사용해보고 느낀 주관적인 이야기를 적고자 합니다.

요약을 먼저 적고, 자세한 내용은 아래에 따로 적도록 하겠습니다. 전부 프리티어나 개인 개발자 쓰는 기준에서 적겠습니다.

가격 : TOAST >>> 네이버 클라우드 플랫폼 > AWS

안정성 : AWS > 네이버 클라우드 플랫폼 >= TOAST

부가기능 : AWS >> 네이버 클라우드 >>>> TOAST

가격적인 면에서는, TOAST 가 가장 좋았다. TOAST의 경우 데이터가 날라갔을때 데이터 복원에 대한 책임이 없는 서버가 있는데, 이 제품군이 정말 말도 안되게 저렴하다. AWS 나 네이버 클라우드 플랫폼의 약 1/4 가격정도로 제가 쓰기엔 딱이였습니다. 중요한 정보는 마운트한 곳에 업로드 하거나, 안전한 DB에 저장하면 되닌깐 오토 스케일링해서 사용할 계획인 나에게는 가성비가 좋았다.

그리고 아마존과 네이버의 경우 1년 1서버 무료 이용권을 주고, 네이버 같은경우는 3개월간 부가적인 서비스를 이용할 크레딧을 주는데 금액은 많으나 3개월내에 다 써야하기 때문에 쓸곳이 마땅치 않아서 많은 금액을 소멸 당하게 되었습니다.

TOAST의 경우에는 1년치에 해당하는 크레딧을 주는데, 저는 이 크레딧으로 아까 위에 말한 저렴한 서버를 사용하여 여러대를 이용하고 있습니다.

그리고 네이버 클라우드와 Toast 의 경우 외부 IP 에서 클라우드 서버 포트 접속을 하려면, 추가 비용이 발생하는데, Toast 는 아까 주어진 크레딧으로 이용이 가능해서 가성비가 갑입니다.

다만, Toast의 경우에는 NHN 사내시스템을 일부를 그냥 그대로 서비스 하는 느낌이 듭니다. 아직 완성이 덜된 느낌이랄까..

네이버와 AWS는 다양한 기능을 많이 지원하고요.

그래서 제가 추천드리는건, 관련 문서 찾기 쉽고 안정성이 필요하면 AWS를, 저렴하게 여러대 서버로 개발하실 분은 Toast 추천드립니다.

[MAC] Visual Studio Code CLI 사용하기

Yi Junho — Wed, 3 Jul 2019 23:16:16 +0900

Visual Studio Code 로 code . 명령어를 입력하면 현재 폴더를 기준으로 열리는 화면을 볼수 있습니다.

Windows에선 install시 path 설정을 하면, 바로 사용이 가능하지만 Mac 의 경우엔 그냥은 안되서 하는 방법을 찾아보게 되었습니다.

1. 명령어 팔레트를 엽니다.

2.Shell 을 입력해 [ Shell Command: Install ‘code’ command in PATH command ] 를 실행합니다.

code 명령어 설치

이렇게 하면 터미널(terminal) 에서도 CLI ( Comman Line Interface ) 를 사용 할수 있습니다.