동고 팔자 상팔자

온러닝(On Hldg) 투자 종료

동고킴 — Mon, 23 Sep 2024 08:13:25 +0900

목표했던 주가 50 달성해서 매도
호카, 온러닝의 점유율이 꾸준히 상승하고 있어서 단기 스윙 목적으로 매수했던 종목

38달러에 매수해서 51달러에 매도
달러로 33% 정도 수익을 달성했으나 환율이 많이 떨어져서 한화로는 30% 수익 달성
이 시드로 이제 어떤 종목을 매수할지 다시 공부 시작

클라이두 쿠션이 제법 괜찮다는데 일본 여행가게되면 구매해서 신어보고 싶다.

LABU 3배눈 역시 변동성이 크다

동고킴 — Thu, 18 Jul 2024 12:53:23 +0900

트럼프의 금리인하 반대
하비만 파월은 임기 마치도록 둔다
무슨 말이여...

금리 인하 노리고 170까지 보고 들어갔는데
하루만에 -6.3% 하락
며칠 수익본거 거의 다 반납
반등 오거나 오를수도 있는데 일단 1%만 먹고 런한다

현대글로비스 매수 (feat. 이것도 오픈북?)

동고킴 — Sun, 14 Jul 2024 22:51:58 +0900

알테오젠을 일부 매도하고 어떤 종목을 비중있게 매수할지 찾아보다가 현대글로비스가 눈에 띄었다.
관심도 없는 회사였는데 뉴스를 보니 오픈북 수준

2030년 매출 목표 40조+@
영업이익 7%
그럼 매년 2.8조 정도 이익이 나게됨
지금 시총 9조 정도

게다가 지금 지분구조 보면 답 나옴

일봉 차트보면 아찔함
심약 개미는 절대 살수 없는 아찔한 차트

무증 전후로 매수했더니 수량과 수익률의 괴리가 너무 심해졌다.

알테오젠 일부 매도 (feat. 실수)

동고킴 — Sun, 14 Jul 2024 13:23:20 +0900

삼성증권에 있던 수량의 일부를 매도했다.
금요일에 매도할 계획이었는데, 목요일에 금요일일 줄 알고 실수로 하루 일찍 매도해버림
한달 월급 정도 손해봤네
앞으론 조심하자

LABU 지금이다

동고킴 — Fri, 12 Jul 2024 22:41:50 +0900

이건 뭐 정답을 다 알려주네
소소하게 135에 30주

엔비디아 투자 종료

동고킴 — Fri, 5 Jul 2024 23:02:25 +0900

128 달러에 엔비디아 정리
2년 넘게 가지고 있던 효자 종목을 정리했다
환차익 덕분이 400%가 넘네
어떤 종목으로 넘어갈지 탐색 기간을 좀 가져야겠다

알테오젠 아직 단 한주도 팔지 않았다

동고킴 — Sat, 8 Jun 2024 23:58:39 +0900

계좌 3개에 나눠 남았는데 아직 단 한주도 팔지 않았다.
아직 내 목표가에 안온 이유도 있지만
광기가 붙으면 내 목표가 보다 더 갈 수도 있겠다는 생각이 든다.

보트 회사와 비교하는 사람들이 나올때 좀 어이가 없었는데, 애초에 보트 회사는 비교대상이 아니다.
결과가 말해준다.
근본, 독점에 주목해라.

니체의 말

동고킴 — Sun, 21 Apr 2024 22:00:37 +0900

틈틈이 읽은 책. 니체의 말들을 엮은 책이다.

그냥.... 그냥 읽었다. 2권까지는 읽은 필요는 없고, 1권만 읽으면 충분하다는 생각이다.

많은 글들 중에서 좀 와닿는 글들이다.

075. 정신의 자유를 위해서는
진정으로 자유롭고 싶다면 자신의 감정이 제멋대로 날뛰지 않도록 어떻게든 구속할 필요가 있다. 감정을 제멋대로 풀 어놓는다면 그때마다 감정이 자신을 휘두르고, 혹은 감정이 이 끄는 한 방향으로만 몸과 마음이 향해 결국에는 자신을 자유롭 지 못하게 만들기 때문이다. 정신적으로 자유롭고 본인의 의지 대로 생각할 수 있는 사람은 이 같은 사실을 모두 잘 알고 실천 하고 있다.

086. 세상을 초월하여 살라
세상에 존재하면서 이 세상을 초월하여 살아라. 세상을 초월하여 산다는 것은 우선 자신의 마음과 감정이 시도 때도 없이 작용하여 이쪽저쪽 움직이지 않는 것이다. 정동에 휘둘리는 것이 아닌, 정동이라는 말에 올라타 능숙하게 그것을 다루는 것이다. 이것이 가능해지면 세계와 시대의 흐름, 변화에 휘둘리지 않는다. 그리고 확고한 자신을 가지고 강인하게 살아갈 수 있게 된다.

186. 진정한 교육자는 당신을 해방시킨다
좋은 학교에 가면 좋은 교사가 있고 좋은 교육을 받을 수 있다고 말한다. 그것은 사실일까? 무엇을 배울 것이라 기대하 는가? 어떤 방식의 교육을 받고자 하는가? 교사나 학교에 따라 가르치는 것이 달라지는 것일까? 진정한 교육자란 경력이나 실적에 의해서 가늠되는 것이 아니라 당신의 능력을 최대한 발 휘할 수 있도록 이끌어주는 사람이어야 하지 않을까. 결국 진 정한 교육자란 당신을 굴레에서 해방시켜주는 사람이다. 당신 이 생동감에 넘쳐 자유롭고 활발하게 본연의 능력을 발휘할 수 있도록 이끌어주는 사람이야말로 진정한 교육자요, 당신의 학교다. - 쇼펜하우어

025. 세상의 파도 속에서 표류하지 않기 위하여
타인을 알아가고 가까이 사귀어 친분을 공고히 하는 것 을 사교 혹은 교제라고들 하나, 대다수의 사람들은 사회 속에 서 타인과의 교제를 통해 자신의 순수성을 현저하게 잃어간다.
심지어 비열해지기까지 한다. 그렇기에 우리는 더욱 강인해져야 한다. 타인의 주장이나 인간관계에 휘둘리지 않고, 물들지 않고, 휩쓸리지 않고 본래의 자신을 지켜나가야 한다. 세상의 파도 속에서 사교적으로 살면서도 표류하지 않아야 한다. 이를 위해서는 무언가를 버리는 단호함과 용기, 통찰력이 필요하다.
그런 자만이 고독을 두려워하지 않고 오히려 고독 속에 자신을 온전히 내던지는 즐거움을 맛볼 수 있다.

033. 발이 묶인 이들을 대중이라 부른다
사람은 대개 자신이 사는 곳의 지방색, 직종, 지위와 입 장, 나아가 그 시대의 지배적 상식, 인습을 통해 사고방식을 형성한다. 그리고 다른 사람들과 같은 생각을 하고 있음에 안도 한다. 그러나 이는 한편으로 구속되어 있는 것이기도 하다. 그 저 많은 사람들과 함께 발이 묶인 채, 대중이라는 이름 뒤에 가려져 있기에 자각하지 못하는 것뿐이다.

153. 호의는 작은 꽃
사람과 사람이 부대 살아가는 일상에서 필요한 것은 호의다. 친근한 눈빛, 악수 같은 친밀한 접촉, 마음을 나누는 교제, 배려가 깃든 말투나 화제. 그것들은 분명 기분을 좋게 만 들고 크고 작은 문제를 포용하며 신뢰관계와 친밀함, 인간적인 안도감을 형성한다. 일상의 곳곳, 순간순간에 자리한 호의는 사소하고 평범하며 눈에 띄지 않지만, 분명 생활과 문화의 확 고한 초석이 된다. 호의, 그것은 매일같이 피는 작고 파란 꽃과 같다.

자바스크립트 every 함수가 빈 배열을 true로 반환하는 이유

동고킴 — Tue, 16 Apr 2024 22:00:12 +0900

지난 글 자바스크립트 every 함수 구현 (feat. ECMA-262)에 이은 every 함수에 관한 글이다.
자바스크립트 every 함수는 판단 로직이 무엇이든 간에 빈 배열은 무조건 true를 반환하는데 이에 대한 글이다.

원글은 https://humanwhocodes.com/blog/2023/09/javascript-wtf-why-does-every-return-true-for-empty-array/

자바스크립트 every가 빈 배열을 true로 반환하는 이유

JavaScript 언어의 핵심은 특정 부분이 어떻게 작동하는지 오해하기 쉽도록 충분히 크다. 저는 최근 이 메서드를 사용하는 일부 코드를 리팩토링하고 있었는데 every()에 숨어있는 논리를 실제로 이해하지 못했다는 사실을 발견했다. 내 생각에 콜백 함수를 호출하고 return으로 true를 반환 해야 한다고 가정했지만 실제로는 그렇지 않았다. 빈 배열의 경우 every() 함수의 콜백 함수가 호출되지 않기 때문에 콜백 함수가 무엇인지 관계없이 true가 반환된다. 다음을 코드를 살펴보자.

위 코드에서 isNumber 함수는 값이 숫자 타입인지 확인하는 함수다. 그리고 every를 사용하여 배열의 각 값이 숫자 타입인지 확인한다. 처음 네 번의 호출은 매우 간단하며 every()가 예상한 결과를 반환한다. 하지만 마지막 빈 배열의 경우 true를 반환하고 있다.

아래 예를 보자.

놀라운 결과가 나왔다. every에 항상 true 또는 false를 반환하는 함수를 콜백으로 넣었다. 이런 일이 발생할 수 있는 유일한 이유는 콜백이 호출되지 않고 every()의 기본값이 true를 반환하기 때문이다. 그렇다면 빈 배열이라서 콜백 함수를 실행할 값이 없는데 every()에서 true를 반환하는 이유는 무엇일까?

이 이유를 이해하려면 every의 스펙에서 이 내용을 어떻게 설명하고 있는지 살펴봐야 한다.

`every()` 구현체 살펴보기

ECMA-262에 정의된 Array.prototype.every()의 Pseudo-code는 아래와 같다.

이걸 자바스크립트로 구현하면 아래와 같다.

코드를 살펴보면 결과는 true로 가정하고 배열에 값이 있을 경우에만 콜백을 통해 false를 반환하는걸 볼 수 있다. 빈 배열이면 콜백 함수를 실행할 기회 자체가 없기 때문에 false를 반환할 수 없다.

그럼 every() 함수는 왜 이렇게 동작하게 만든 걸까?

수학과 자바스크립트에서 전체 양화사 (for all(모든 값에 대한)" 양화사(quantifier))

MDN 페이지에서 every() 함수가 빈 배열을 true로 반환하는 이유에 대한 답변을 볼 수 있다.

every acts like the "for all" quantifier in mathematics. In particular, for an empty array, it returns true. (It is vacuously true that all elements of the empty set satisfy any given condition.)

번역하면 아래와 같다.

every는 수학의 "모든 ~에 대해(for all)" 양화사처럼 작동합니다. 특별히 빈 배열은 true를 반환합니다. (빈 집합의 모든 요소가 주어진 조건을 만족하는 것은 공허 참입니다.)

"공허한 참(Vacuous truth)"은 주어진 조건이 충족될 수 없는 경우(즉, 주어진 조건이 참이 아닌 경우) 무언가가 참임을 의미하는 수학적 개념이다. 전제 자체가 거짓이라 거기에서 도출되는 것이 아무것도 없으므로 해당 참은 무의미하다는 의미이다. 이것을 자바스크립트로 표현하면 every() 함수에서 빈 배열에 대해 콜백을 호출할 수 없기 때문에, 즉 조건을 충족할 수 없기 때문에 true를 반환한다.

for all 양화사는 데이터 집합에 대해 추론할 수 있게 해주는 "공허한 참"라고 불리는 수학의 더 큰 주제의 일부다. 특히 형식화된 배열의 경우 수학적 계산을 수행하는 데 자바스크립트 배열의 중요성을 고려하면 이러한 작업을 기본적으로 지원하는 것이 합리적이다. every()가 이것의 유일한 예는 아니다.

수학과 자바스크립트에서의 존재 양화사

자바스크립트의 some() 함수는 존재 양화사를 구현한 것이다. 존재 양화사는 어떠한 빈 집합에 대해서도 결과가 거짓임을 나타낸다. 따라서 some() 함수는 빈 배열에 대해 false를 반환하고 콜백도 실행하지 않는다. 아래는 이에 대한 예제다.

다른 언어에서의 양화사

Collections이나 iterables에 대해 양화사를 구현한 프로그래밍 언어는 자바스크립트뿐만이 아니다.

Python : all() 함수는 전체 양화사. any() 함수는 존재 양화사
Rust : Iterator:all() 함수는 전체 양화사. any() 함수는 존재 양화사

"전체" every()의 의미

every()의 동작이 직관적이지 않다고 여기는 여부는 논쟁의 여지가 있다. 하지만 이런 생각과 관계없이 에러를 방지하기 위해서는 every()의 "전체" 특성을 염두에 두어야 한다. 즉, 만약 every() 또는 비어있을 수 있는 배열을 사용하려면, 미리 명시적인 검사를 추가해야 한다. 예를 들어, 만약 숫자 배열에 의존하는 연산이 있고 빈 배열에 대해서 연산이 실패해야 한다면, every()를 사용하기 전에 배열이 비었는지를 확인해야 한다.

다시 말하면, 이는 비어있을 때 연산에 사용하면 안 되는 배열이 있을 때만 중요하다. 그렇지 않은 경우라면 추가적인 확인이 없어도 된다.

결론

처음에는 빈 배열에 대한 every()의 동작에 놀랐지만, 연산의 더 넓은 맥락을 이해하고 이러한 기능이 다른 언어에도 확장된 것을 확인하면서 납득할 수 있었다. 만약 이런 동작 때문에 혼란스럽다면, every()를 마주할 때 생각하는 방법을 바꿔보는 걸 추천한다. every()를 "배열의 모든 아이템이 조건을 만족하는가?"로 읽는 대신, "배열에 조건을 만족하지 않는 아이템이 있는가?"로 생각해 봐라. 이러한 사고의 전환은 앞으로 자바스크립트 코드의 오류를 방지하는 데 도움이 될 것이다.

참고

자바스크립트 every 함수 구현 (feat. ECMA-262)

동고킴 — Mon, 15 Apr 2024 00:20:02 +0900

ECMA-262 규격대로 every 함수 구현해 보기

자바스크립트 every는 배열의 모든 요소가 제공된 함수로 구현된 테스트를 통과하는지 테스트하는 함수다. ECMA-262에 나와있는 every 함수의 스펙대로 이 기능을 자바스크립트로 구현해 보자.

자바스크립트로 구현에 앞서 ECMA-262의 every 함수의 명세를 살펴보자.

every의 동작을 설명한 내용은 아래와 같다.

그리고 이 내용을 단계별로 의사코드(Pseudo-code)로 표현한 내용이다.

이걸 한글로 해석하면

1. O는 this이다.
2. O의 길이를 len으로 선언
3. 만약 callbackfn이 함수가 아니면 타입에러가 발생한다.
4. k를 0으로 선언
5. 길이가 k보다 크면 반복한다.
   a. k를 문자열 Pk로 선언
   b. O가 Pk 속성을 가지면 kPresnet로 선언
   c. 만약 kPresent가 참이면
        i. O[Pk] 값은 kValue로 선언
        ii. callbackfn 함수에 kValue, k, O 인자를 넘겨서 실행한 결과를 testResult 로 선언
        iii. testResult가 false이면 false를 반환
    d. k에 k+1 저장
6. true를 반환

v8 엔진의 every 함수 구현

v8 엔진에서는 Torque로 구현되어 있다. Torque는 v8에서 사용하는 언어다. CSA로 구현된 내용들을 Torque로 옮겨가고 있는데 이 이상의 자세한 건 굳이 알 필요 없다.

Torque 코드를 살펴보면 ECMA-262의 스펙대로 구현한 걸 볼 수 있다. 친절하게 주석까지 잘 달려있다.

코드 라인에 관계없이, 의사코드 순서대로 코드만 살펴보자.

코드를 보면 빈 배열일 경우에는 무조건 true를 반환한다. 왜 빈배열은 true를 반환하도록 명세를 작성했을까? 이에 대한 내용은 자바스크립트 every 함수가 빈 배열을 true로 반환하는 이유에서 확인할 수 있다.

자바스크립트로 every 함수 구현

이제 이걸 자바스크립트로 구현해 보자. 의사코드 그대로 구현하면 된다.

Array.prototype.every = function (callbackfn, thisArg) {
  const O = this // 1. Let O be ? ToObject(this value).
  const len = O.length // 2. Let len be ? LengthOfArrayLike(O).

  if (typeof callbackfn !== "function") {
    // 3. If IsCallable(callbackfn) is false, throw a TypeError exception.
    throw new TypeError("Callback isn't callable")
  }

  let k = 0 // 4. Let k be 0.

  while (k < len) {
    // 5. Repeat, while k < len,

    const Pk = String(k) // a. Let Pk be ! ToString( (k)).
    const kPresent = O.hasOwnProperty(Pk) // b. Let kPresent be ? HasProperty(O, Pk).

    if (kPresent) {
      // c. If kPresent is true, then

      const kValue = O[Pk] // i. Let kValue be ? Get(O, Pk).

      // ii. Let testResult be ToBoolean(? Call(callbackfn, thisArg, « kValue,  (k), O »)).
      const testResult = Boolean(callbackfn.call(thisArg, kValue, k, O))

      if (testResult === false) {
        // iii. If testResult is false, return false.
        return false
      }
    }

    k = k + 1 // d. Set k to k + 1.
  }

  return true // Return true.
}

참고

영유아, 소아 독감 주의사항 정리

동고킴 — Sun, 14 Apr 2024 15:30:06 +0900

독감 걸리면 약 먹는거보다 일단 수액 맞는게 가장 좋다. 응급실을 가던 무조건 수액부터 맞는게 좋음.

아래는 아산병원에서 독감 관련된 자주 나오는 질문들 정리한 내용인데 좋은 내용이라 기록한다.

1. 독감치료제(타미플루/페라미플루 등) 투약 후 주의해야 할 사항

소아환자에서 인과관계는 불분명하지만 항인플루엔자 바이러스 치료제를 투약 후 환각, 환 청과 같은 이상행동등의 정신신경증세 사례가 보고되고 있어서 최소 이틀은 옆에서 지켜봐야 함. 돌발행동을 할 수도 있음. 특히 수면 시에는 아이의 안전을 위해 창문을 모두 잠거야 한다. 창문 밖으로 뛰어내리는 애들도 있다고 하니 조심

2. 타미플루와 해열제를 동시에 먹여도 되나?

해열제는 일이 날 때 열을 경감시킴으로써 환자의 컨디션을 호전될 수 있게 도와주는 약이며 타미플루는 독감바이러스 치료약이다. 결론적으로 타미플루와 해열제는 다른 성분이기 때문에 동시에 먹어도 됨

3. 타미플루 먹고 열이 떨어졌는데 계속 먹어야 하나?

내성 바이러스 출현을 예방하기 위해서는 처방된 타미플루의 횟수와 일수대로 끝까 지 복용해야 함

4. 독감 치료제 투약 후에도 열이 계속 나는데, 언제까지 열이 나나?

약의 효과가 좋으면 복용 후 수시간 이내, 보통은 투약 후 약 2일이 지나고 나면 발열은 호전됨

5. 타미플루를 먹고 토했는데 다시 먹여야 하나?

타미플루 복용 후 바로 구토했을 경우에는 바로 다시 먹이고, 20-30분 지나 구토한 경우에는 다시 먹이실 필요는 없음. 보통은 약 복용 2일 안에 구토가 나타나는데, 계속 먹이면 적응되어 구토가 없어지는 경우가 많다.

6. 약이 부족해요. 최소한 몇 번까지 먹어야 하나?

총 10회(1일 2회 5일 간) 복용을 권장함. 구토 등으로 여러 번 먹여서 약이 부족한 경우에는 가까운 병원을 방문하셔서 부족한 횟수만큼 다시 처방받아 복용하는 게 좋음

알트 전량 현금화

동고킴 — Wed, 10 Apr 2024 12:21:31 +0900

본능이 말한다. 당분간 피해있으라고
이럴땐 감을 믿는게 답이다.
오를수도 있지만 찝찝하게 들고 있느니 현금화하는게 낫지

현금 99%

지금까지 누적 수익률은 약 38%
50%까지 찍었었는데 며칠사이에 내리꽂힘
당분간 알트는 관망

알트 관종 목록인데, 더 떨어져라. 더 떨어져라
현금화한 자의 여유.

근본 비트는 사팔사팔할 생각없다.
비트는 월급 받을때마다 꾸준히 매수 중
비트 최소 1.3억 믿는다.

자바스크립트 엔진과 런타임 차이

동고킴 — Sat, 6 Apr 2024 23:00:48 +0900

자바스크립트 엔진과 자바스크립트 런타임은 어떻게 다를까?

자바스크립트 엔진과 런타임과 엔진은 동일한 것으로 잘못 언급되는 경우가 많다.
아마도 "자바스크립트 엔진"과 "자바스크립트 런타임"이라는 용어가 "자바스크립트를 실행하는 프로그램"을 의미하는 것으로 같은 의미로 사용되는 것을 들어봤을 것이다. V8, Node.js 또는 기타 관련 프로그램에서 종종 혼합하여 참조되기도 한다.
그러나 범위와 기능 측면에서 자바스크립트 엔진과 자바스크립트 런타임 간에는 상당한 차이가 있다. 이 차이점을 이해하는 것은 자바스크립트 언어를 잘 이해하는데 있어 중요하다.
자바스크립트 엔진과 런타임이 각각 무엇인지 이야기하기 전에 엔진과 런타임 모두와 함께 사용되는 몇 가지 용어(ECMAScript 및 자바스크립트)를 알아보자

ECMAScript란

1996년 Netscape와 Sun Microsystems는 자바스크립트 표준화에 관해 비영리 표준 조직인 ECMA International에 접근했다. 이러한 노력의 결과로 1997년에 출시된 ECMA-262가 탄생했다. ECMA-262는 자바스크립트 구현의 작동 방식을 정의하는 사양이다.
Sun이 자바스크립트 상표를 기부하기를 원하지 않았기 때문에, ECMA-262 사양은 다른 이름을 가져야 했다. 그래서 ECMA-262는 "ECMAcript Language Specification"이라고 제목이 붙여졌다. 즉, ECMAcript는 ECMA-262에 명시된 언어의 이름이다.

자바스크립트란

"자바스크립트"라는 용어는 공식적인 정의가 없지만 ECMAScript 언어의 상위 집합으로 널리 이해되고 있다. 이는 자바스크립트가 다른 사양 및 기타 기능 외에도 ECMAScript를 구현한다는 것을 의미한다. 초기 형태의 자바스크립트는 ECMAScript와 DOM(문서 개체 모델)과 같은 웹 기반 API 및 History API와 같은 브라우저 기반 API로 간주되었다. 그리고 하지만 오늘날 자바스크립트는 ECMAScript와 기타 호스트 제공 API의 조합으로 간주된다. 여기에는 브라우저용 web API와 Node.js와 같은 호스트용 서버별 API가 포함된다.

자바스크립트 엔진이란

일반적으로 자바스크립트 엔진이라고 불리는 것은 추가 기능 없이 ECMA-262를 구현하기 때문에 더 정확하게는 ECMAScript 엔진이라고 할 수 있다. 자바스크립트 엔진은 호스트에 내장되어 입력 및 출력에 대한 추가 기능을 정의한다. 가장 잘 알려진 자바스크립트 엔진은 아래 3가지이다.

V8 : Chromium 프로젝트를 위한 자바스크립트 엔진으로 생성되었으며 이제 Node.js 및 Deno에서도 사용된다. Edge와 Opera는 Chromium을 기반으로 하기 때문에 V8이 가장 자주 사용되는 자바스크립트 엔진이다.
SpiderMonkey : Firefox용 자바스크립트 엔진
JavaScriptCore : MacOS와 iOS 모두에서 Safari용 자바스크립트 엔진으로 생성되었으며 Bun에서도 사용된다.

자바스크립트 런타임이란

자바스크립트 런타임은 ECMAScript 호스트이다. 즉, 자바스크립트 엔진이 내장된 프로그램이다. Chrome, Firefox, Edge, Safari, Node.js, Deno 및 Bun은 자바스크립트 엔진을 내장하고 자바스크립트를 통해 접근할 수 있는 추가 기능을 정의하므로 모두 자바스크립트 런타임이다. 웹 브라우저는 DOM 및 기타 웹 API를 구현하는 반면 서버 측 런타임은 파일 시스템 액세스를 구현한다.

그러나 자바스크립트 런타임을 고유하게 만드는 것은 자바스크립트 API만이 아니다. 이는 또한 그들이 자바스크립트 엔진을 사용하는 방식이기도 하다.

예를 들어 런타임이 자바스크립트 실행과 다른 작업 수행 사이를 전환할 수 있도록 하는 프로세스인 Event Loop는 ECMA-262에 정의되어 있지 않으므로 어떤 자바스크립트 엔진에서도 구현되지 않는다. 자체 Event Loop를 구현하는 것은 각 자바스크립트 런타임에 달려있다. 웹 브라우저에는 HTML에 정의된 Event Loop 버전이 있지만 Node.js와 같은 서버 측 런타임은 자체적으로 정의한다. 자바스크립트 런타임에는 Event Loop가 필요하지 않지만 범용 자바스크립트 런타임에는 Event Loop가 있다.

정리

자바스크립트 엔진과 자바스크립트 런타임은 서로 관련되어 있지만 같은 건 아니다. 자바스크립트 엔진은 ECMA-262 표준에 정의된 대로 ECMAScript를 구현한다. ECMA-262는 입력 또는 출력에 대한 어포던스 없이 자바스크립트의 핵심 기능을 정의한다. 자바스크립트 런타임은 자바스크립트 엔진을 내장하고 런타임에 필요한 다른 모든 것과 함께 입력 및 출력을 위한 추가 기능으로 이를 강화하는 ECMAScript 호스트이다. 추가 기능에는 웹 브라우저의 DOM 또는 서버 측 런타임의 파일 시스템 액세스가 포함될 수 있다. 런타임은 다른 표준을 따를 의무가 없으며 필요에 따라 자체 API를 정의할 수 있다. 이것이 바로 Node.js, Deno 및 Bun이 모두 다른 파일 시스템 API를 갖는 이유이다.

원문 및 참고

https://humanwhocodes.com/blog/2024/03/javascript-engines-runtimes/

HTML Living Standard - Event Loops
Node.js - Event Loop, Timers, and process.nextTick()

제주 삼양 맛집 - 갈치국 벌랑포구

동고킴 — Fri, 5 Apr 2024 22:10:59 +0900

동네 아저씨들이 가는 로컬 맛집

사실 동네 아저씨들이 가면 게임 끝이다.
낮술 마시는 아저씨들 연륜 무시 못함.

대표 메뉴는 갈치국이다. 갈치국이 육지에서는 흔한 메뉴가 아니다. 그리고 호불호가 크게 갈리는 음식이니 처음 먹는 사람은 가기 전에 어느 정도 감안하고 가야 한다.

밑반찬 깔끔하게 나옴.
배추에 찍은 건 갈치젓이다. 이거 엄청 맛있음. 갈치젓은 자리젓보다 조금 더 연하다. 자리젓 좋아하는 사람은 갈치젓도 좋아할 것임. 나는 리필해서 먹었다.

대망의 갈치국.
양 많음. 갈치 4-5 덩어리 정도 들어있음
맑은 지리탕 생각하면 된다.
차 몰고 오면 손해

알테오젠 대주주 매도는 악재가 맞다

동고킴 — Wed, 3 Apr 2024 06:04:26 +0900

대주주 매도는 악재고 희망회로는 독이다.

블록딜 했으니 오히려 유동시총이 늘어나서 좋은 거다.
지금 정리해야 나중에 정리할 때 주주들에게 피해가 덜 온다. 등
찬티들은 이 꽉 깨물고 대주주 매도가 아니라는 반응을 보인다.
인간은 기본적으로 악하다. 난 맹자보다는 순자 편
남의 이득보다는 본인의 이득을 챙기는 게 인간의 본성이다. 특히 자본주의 꽃인 주식판에서 주주를 위한 매도다? 찬티들아 옆집 개를 믿어라.

차트는 거짓말을 하지 않는다.
금리 인하가 미뤄질 수 있어서 그랬다는 등 하락에 대해 다른 이유를 갖다 붙이지만
하락의 가장 큰 이유는 대주주 매도다. 회사의 사정을 가장 잘 알고 있는 대주주의 매도는 무엇을 의미할까?

투심박살

매도한 대주주는 2대 주주이다. 주주총회 당일 밤에 3천억을 매도했다.
주주총회에서 한마디 말도 없었다.
가격도 10% 정도 할인해서 정리했다.
그리곤 직원들 스톡옵션가를 21만 원 정도로 측정했다.

왜 지금이었어야 했을까?
오른 다음에 정리하면 오히려 주주들에게 부담이 될까 봐?
전혀 아니다. 올해 7월에 어떤 이벤트가 있는지 보자.

대주주가 블록딜을 할 경우, 사전 공시하는 법안이 국회 본회의를 통과했다.
이거 통과되면 먹튀 하기 힘들다.

물론 이후 주가가 어떻게 될지 모른다.
매도 가격보다 오를 수도 있지만 그건 결과론적인 이야기고 대주주 매도는 악재가 맞다.

알테오젠에 찬티 많다. 이 사실을 이 꽉 깨물고 부정해도 본인에게 좋을 건 없다.
물론 나도 주주로써 대주주 고점 매도 통수는 꽤 아프다.
하지만 대주주도 사람이다. 그도 수익실현을 하고 싶지 않았을까?

기다려라 한발 더 남았다.

나의 관상학

동고킴 — Tue, 2 Apr 2024 05:50:22 +0900

나이가 들면 본인 얼굴에 책임을 져야 한다.

관상은 나이가 들면서 점점 변한다. 그래서 살아온 흔적이 그 사람의 얼굴에 나타나게 된다. 그래서 나이가 들면 본인 얼굴에 책임을 져야 하고, 관상은 과학이다라는 말이 그래서 나온 것일 수 있다.

얼굴은 사회에서 자신을 나타내는 플래카드와 같다. 얼굴은 마 음을 표현하는 거울이고, 사람과 대화하고 소동하는 도구이고, 자신의 아이덴티티를 상징하는 존재다.

이 책에서는 관상학이 과거에 어떻게 사용되었는지 이야기하는 내용 반, 대략적인 관상학 반으로 구성되어 있다.

이 책에서는 특히 미즈노 남보쿠의 말을 많이 인용하고 있다. 미즈노 남보쿠는 일본인으로 관상학의 아버지라 불리는 인물이다.

미즈노 남보쿠는 사람의 상을 볼 때는 가장 먼저 그 사람의 일 상생활을 통해 전체적인 모습을 살피는 게 바람직하다고 말한다. 그 뒤에 기력의 강약을 살펴보고, 다음으로 충효에 대한 생각, 남을 배려하거나 보살피는 마음을 살피라는 것이다.

다음으로 그 사람이 하는 일이 처음과 끝이 목적한 대로 한결같이 추진되는지, 또 그 사람이 보고 듣는 것과 말과 행동은 어떤지 관찰한다. 마지막으로 골격, 혈색, 연령을 살핀 후 종합적 좋고 나쁨을 판단하는 것이 올바른 관상법이라고 말한다.

소설 읽는 느낌으로 읽어서 관상 보는 방법이 기억에 거의 남지 않는다. 관상은 암기를 기반으로 다양한 관상을 보면서 경험을 쌓는 게 중요한 것 같다. 내 관상, 가족 관상으로 시작해서 나만의 분석력을 갖춰보자.

미국 주식 포트폴리오 정비 - 에볼루스, 페이팔 신규 편입

동고킴 — Sun, 31 Mar 2024 23:21:45 +0900

미국 주식 포트폴리오를 정비했다.
작년 말에 IVV와 QQQ를 다 정리했고, 이번에는 개별주 들로만 포트폴리오를 구성했다.

총 6개 종목이다. 애플, 인텔, 엔비디아, 디즈니, 에볼루스, 페이팔
아마 상반기까지는 변동없이 이 6개 종목으로만 이어갈 듯싶다.
달러가 좀 남아있는데 변동성 보면서 추매를 좀 할 생각

애플

애플은 죽었다, AI 안 해서 말했다, 더 이상 혁신이 없다 말이 많은데 애플은 그냥 그런 거에 휘둘리지 말고 누를 때 조금씩 매수하면 된다. 애플은 그냥 갈길 잘 가는 놈임

인텔

최근 많이 매수함. 이게 내가 생각하는 눌림이 맞길 바란다. 바이든 영감만 아니었어도 조정이 이렇게 길거 같진 않은데 정치가 역시 가장 큰 리스트다. 현재 수익률 8%

엔비디아

수익률 200% 넘었는데 팔기 싫은 녀석. 추세가 꺾일 기세가 안 보인다. 1000 달러 넘기면 1200-1300까지는 갈듯.

디즈니

추세 전환했다고 느껴짐. 3월 초에 진입했는데 잘 가고 있다. 현재 수익률 15%

에볼루스

최근 포트에 신규로 편입했다. 미국 소형주 투자는 처음이다. 아마 한국에서 이 회사 투자하는 사람은 극히 드물듯. 투자 블로그도 하나도 보지 못함. 보톡스 회산데 내가 한번 커버해볼까 싶다. 현재 수익률 1%인데 변동성이 커서 의미 없는 수치다.

페이팔

살벌한 차트다. 고점에서 80% 정도 빠짐. 이제 스테이블 코인 관련 사업을 시작했다. 스테이블 코인을 기점으로 턴 어라운드하길 기대하며 포트에 편입했다. 현재 수익률 3%인데 역시 의미없는 수치다.

알트코인 오픈북 시험 1개월 현황

동고킴 — Sun, 31 Mar 2024 14:03:18 +0900

2월 말부터 알트코인에 투기하기 시작했으니까 투기한 지 한 달 정도 됐네.

한 달 동안 수익률은 60% 정도.

생각보다 불장이 아니다.

주피터로 크게 수익을 내고 일부 익절해서 월드코인을 포트에 편입했다.

월드코인은 차트를 보니 AI 메타 순환메가 한번 더 올경우 50%는 더 가지 않을까 싶어서 편입.

물론 그때가 언제일지는 모르겠지만.

비중이 가장 큰 스타크넷이 안 간다. 이더리움 2레이어 계열이 안 가는 거 같은데 차트상으로는 아직 잠재력이 보임.

4월 내로는 한번 쏴주겠지?

그래서 지금 비중이 스타크넷 40, 주피터 35, 월드 25 정도.

4월내로 원금 2배 만들어보자.

인텔이 가야할 길을 못가고 있다.

동고킴 — Fri, 22 Mar 2024 06:37:56 +0900

바이든이 다 된 밥에 재를 뿌리는 중

정치가 잘 가고 있는 차트 모습을 망쳐버린 좋은 예다.

주봉을 보면 거대자본이 들어온 형태
본격적인 상승의 시작을 알리는 모습이다.

1/26에 갭하락으로 크게 흔듦
반등, 떨구고, 반등, 떨구고 진저리나게 흔드는 모습이다.
그러나 이 구간이 수량 모으기 아주 좋은 구간. 2-3주 정도 수량을 모으는 구간이라 생각하고 모으고 있는데, 갑자기 바이든 영감이 재를 뿌리기 시작함

3/15에 갑자기 뜬금없이 인텔 반도체 보조금 발표 예고를 한다.
왜?

바이든은 지금 똥줄을 타고 있다.
그래서 애꿎은 인텔을 걸고 넘어진다. 바이든 덕분에 인텔은 갈길을 못가고 있다.

보조금으로 주가 상승은 개뿔

율촌화학 신규 진입

동고킴 — Thu, 21 Mar 2024 17:40:49 +0900

포트폴리오에 2차전지 관련주로 율촌화학 추가

농심 계열산데 원래 라면 포장지 만드는 회사에서 2차전지 쪽으로 진출함
2차전지 쪽에서 파우치 필름 쪽인데 이게 포장용지 만드는 거랑 비슷해서 이쪽으로 사업영역을 넓히게 됨. 비슷하게 참치캔 만드는 동원시스템즈도 2차전지 진출함.

일봉이랑 주봉 차트를 보면 거래량이 아주 씨가 말라있다. 며칠동안 주포가 있나 하고 미끼를 던져보는데 반응이 없다.
즉, 아예 소외주라는 얘기. 단기 스윙 목적으로 들어왔는데 제법 괜찮은 회사라 그냥 비중 좀 늘려서 3~6개월 지켜보기로 결정.
율촌화학 특징이 IR에서 일을 거의 안한다. 너무 폐쇄적임. 주가 올릴 생각이 아예 없는 회사로 보임.
회사 주가 부양에 소극적인 이유는 크게 두 가지가 있는데,

첫 번째는 상속 관련 문제 때문에 주가를 올리면 안 되는 경우이다. 이런 케이스는 오히려 주가를 내려야 함.
두 번째는 쩐주가 준비 중일 경우. 주가 올릴 때 상승분을 먹을 쩐주가 아직 준비가 덜됐을 경우다.
상속 문제는 없는 거 같고 쩐주가 아직 올릴 준비가 덜됐나 싶음. 큰 재료를 숨기고 있다가 한번 올릴 때 터뜨리면서 쭉쭉 가려고 하는 걸 수도

같이 봐야 하는 GM, LG엔솔.
일단 목표는 상반기 내에 30~50% 수익

지금은 오픈북 시험 중 03 - 2.5류 포지션

동고킴 — Sat, 16 Mar 2024 23:28:33 +0900

힘들때 존버하는건 이류다

조정이 왔을때
매도하는건 삼류
존버하는건 이류
추매하는자가 일류다.

나는 이류다.
이번 조정에서 나는 존버했다.
이게 가짜 조정이든 조정석이든 관심없다
내 관점은 변하지 않았기 때문에 존버가 나의 선택

그 결과

주피터 133%
스타크넷 9% 수익중
처음에 스타크넷, 주피터 비중 2:1에서 3:2로 조정했는데, 비중 조정해서 수익를 조금 더 낼 수 있었다.

주피터 50% 수익 실현함
어제에 조정이 한번이 아닐꺼 같음
2.5류 포지션 잡고 다시 2류로 복귀 예정

이번 수익실현으로 코인도 주식과 비슷하다는걸 배웠다.
처음 시드에 300%까지 불리는게 이번 장 목표
수익 실현한 현금으로 리밸런싱 혹은 리포트폴리오를 어떻게 할지 재밌는 결정을 할때다.

제주 삼양 맛집 - 낙지볶음 정낭집

동고킴 — Sat, 16 Mar 2024 23:05:35 +0900

여기 낙지볶음 진짜 꼭 먹어야된다. 두번 드세요.

1인분에 1.2만원. 2인 이상
우린 어른셋가서 3인분 시켰는데 겨우 다 먹음
아, 배불러서 소면은 건들지도 못함
양 충분히 많음
낙지 엄청 포동포동
맵기는 보통, 매움 선택 가능인데 내가 매운걸 못먹어서 보통으로 시킴. 맛있음
된장찌개도 굉장히 맛있음
공기밥은 포함
몇몇 반찬은 셀프

바다 근처라 먹고 바다 산책 가능
삼양해수욕장 바로 앞
식당 앞에 공영주차장있음
거기말고 그냥 길에 차 세울곳 많아서 주차 걱정X

[네이버 지도]
제주정낭집
제주 제주시 지석11길 6 제주정낭집
https://naver.me/5lxmAiSV

네이버 지도

제주정낭집

map.naver.com

지금은 오픈북 시험 중 02 - 이게 되네

동고킴 — Thu, 7 Mar 2024 05:54:53 +0900

대불장을 기대하며 알트 사놓고 묵혀둔지 열흘 정도 지났다. 지난번 내가 제출한 정답은 이더 혹은 솔라나 관련 코인. 하지만 정답은 동물 밈 코인이었다.
저때 개나 고양이 코인 샀으면 수익률 300~400%

중간고사 정답은 동물 코인이었고 이제 기말고사 남았다.
이더, 솔라나 계열 사놓거 존버해본다.
고장난 시계처럼 한번만 맞으면 된다는 전략.
그래도 알트 생태계 잘 모르고 주식 차트 보는 관점으로 종목 접근해서 매수하고 이정도면 수익률 나름 선방했다.
불장에서 코인은 필승이구나.

그리고 알트 차트 재밌는게 한국과 미국 차트가 많이 다르다. 김프, 거래 특성도 묻어서 그런거 같다.
미국 차트보면 이미 저항 뚫은 모습. 그리고 윗꼬리 매뭏 어떻게 소화하나 싶기도한데 저게 과연 시체일까 하는 생각도 듦. 주식에서도 가끔 보이는 허매수로 인한 윗꼬리 같다.

알테오젠 불타기 매수 전략

동고킴 — Tue, 5 Mar 2024 01:10:04 +0900

알테오젠 시외가 5.98% 상승
무슨 일인가 보니 미래에서 시총 31조 예상 리포트가 뜸
처음에 리포트 떴을 때 31조를 31만원으로 보고
또 대학생 과제 수준의 리포트 떴구나 하고 무시했는데 31만이 아니라 31조였다. 이 리포트 때문에 시외에서 폭등한 걸로 보인다. 내가 너무 안일했다. 그래서 이제 불타기 전략을 다시 세워야 한다.

지금 알테오젠이 투자 경고 상태인데 투경 해제 조건에는 두 가지가 있다.
첫 번째, 5일간 상승률 60%
두 번째, 15일간 상승률 100%

오늘 거래 마감까지만 저 중에 첫 번째 조건에 베팅을 하고 매수 시점을 노리고 있었다. 그래서 15.6만 정도를 추가 매수 시점으로 생각하고 기다리는 중이었다. 매매정지를 당하지 않고 갈거라 생각했기 때문.

오늘부로 저 전략은 무효화 됐다.

이제 판이 바뀌었기 때문에 전략 수정이 필요하다. 투경 해제 조건 중 5일간 상승률 60%는 사실상 어려워 보인다.
지금 와서 생각해 보면 첫 번째 조건을 배제하지 말고 목표 매수량에서 20-30% 정도라도 미리 매수했어야하지 않았나라는 생각이 든다. 너무 확실한 재료라 다른 급등주와 흐름과 다르게 생각했어야 했는데 내가 왜 그랬을까...

며칠전 추격 매수할때 화끈하게 할껄

암튼 15일간 상승률 100%가 관건이라고 보면
3/13 174,200원
3/14 187,800원
3/15 210,000원
3/18 262,400원
3/19 313,200원 미만
단, 당일 종가가 15일간 최고가이면 안됨

무조건 18~20만 밑에서 담는다고 생각하고 접근하자
내일 상한가 간다면 21.7만 정도
시초 예상은 6~15% 정도. 177,200~192,300원임

내일 목표 매수 비중은 30%
정지 피한다고 가정하고 18만 아래에서 20%
그냥 정지 먹고 간다는 케이스 고려해서 19만 밑에서 10%
만약 마이너스가 뜬다면 50%까지 투입.

그나마 정말 다행인 건 1) 수급이 갈 곳이 많다. 코인, 반도체, 초전도체(?)가 아직 살아있다는 것. 2) 코스피, 코스닥이 차트상 저항을 받고 있다는 것. 그리고 마지막으로 3) 한국장은 실적 따위 주가에 쉽게 반영 안 해준다는 것.

내일은 이 세 가지만 믿어보자.

바이오 투자를 위한 기본 & 필수 지식

동고킴 — Sun, 3 Mar 2024 16:52:24 +0900

바이오 투자를 한다면 반드시 알아야하는 기본, 필수 지식들

정맥주사

피하주사(SC). 짧은 바늘을 사용해 피부와 근육 사이의 조직층에 약물을 주사하는 방법이다.
이러한 방식으로 투여되는 약물은 일반적으로 정맥에 주사하는 것보다 더 천천히 흡수된다.

LO(License Out)

기술이전

ADC (Antibody-drug conjugate)

항체-약물 접합체(Antibody-drug conjugate)로 ADC라고 부른다. 암세포 표면의 특정 표적 항원에 결합하는 항체(Antibody)와 강력한 세포사멸 기능을 갖는 약물(Drug)을 공유 결합 (conjugation)시켜 만든 것으로, 항체의 표적에 대한 선택성과 약물의 강력한 사멸 활성을 이용하여 약물이 암세포에만 선택적으로 작용하게 함으로써 치료효과는 높이고 부작용은 최소화할 수 있는 차세대 항암 약물이다.

히알루로니다제 (rHuPH20)

히알루로니다제(hyaluronidase)는 히알루론산(HA)를 분해하는 효소이다. 히알루로니다제는 체내 널리 분포되어 있는 세포외 기질의 핵심성분인 히알루론산의 분해를 통해 약물의 효율적인 조직 투과 목적으로 사용되어진다.
여기서 히알루론산(HA or Hyaluronan)이란 겔과 같은 물질을 형성해 피하(SC) 공간에서 대량 유체 흐름에 대한 장벽을 제공해 피하(SC)약물의 투여 속도와 분산 및 흡수를 제한하는 물질이다.

하이브로자임 (ALT-B4)

하이브로자임은 인간 히알루로니다제를 기반으로 바이오의약품의 IV를 SC 제형으로 바꿔주는 플랫폼이다. (주)알테오젠이 개발한 Hybrozyme Technology은 원래 효소의 고유한 작용기작을 유지하면서 단백질 구조의 유연성과 안정성을 향상시키는 단백질공학 기술이다. (주)알테오젠은 인간 히알루로니다제(Hyaluronidase)의 하나에 Hybrozyme Technology을 적용하여 효소 활성과 열 안정성이 증가한 신규한 인간 히알루로니다제를 개발하였다. ALT-B4는 피하의 히알루론산을 가수분해하여 정맥주사에서 피하주사 방식으로 약물전달 방식을 변경할 수 있어 5분 이내의 주사시간으로 환자 편의성을 증가시킨다. 또한, 안과 수술에서 마취제의 확산과 미용 분야에서 피부에 주입한 히알루론산 필러를 분해할 때도 사용된다.

참고 : http://www.alteogen.com/technology_5

바이오베터 (Biobetter)

바이오베터는기존 신약의 약효나 복용법 등을 개선하는 것. 바이오베터는 오리지널 약물보다 효능, 안전성, 편의성 등 기능성을 개선한 일종의 개량신약이다. 오리지널 보다 약물의 선택성(Selectivity), 안정성(Stability), 면역원성(Immunogenicity), 반감기(Half-life) 등을 개선해 기존 신약과 다른 새로운 신약을 만드는 것.

따라서 독자적 특허로 보호받을 수 있고 ‘특허 절벽(Patent Cliff)’에서도 자유롭다. 무엇보다 효능(Efficacy)과 안전성(Safety) 측면에서 기존 신약보다 더 뛰어난 우월성을 입증해야 하기 때문에 개발에 성공하면 오리지널 보다도 2~3배 비싼 가격으로 판매할 수 있다.

참고
- https://www.hkn24.com/news/articleView.html?idxno=328263
- https://www.etoday.co.kr/news/view/2328961

키트루다 (Keytruda)

키트루다(Keytruda)는 MSD(머크)가 개발한 면역항암제이다. 키트루다는 상표명이고, 공식적인 의약품 명칭은 MK-3475, 펨브롤리주맙(Pembrolizumab)이라고 한다.

Pembrolizumab (펨브롤리주맙)

키트루다의 공식적인 의약품 명칭. 키트루다 참고.

옵디보

옵디보(Opdivo) 또는 니볼루맙(Nivolumab)은 면역관문억제제로서, 우리 몸의 면역계를 활성화 시켜 암 세포를 공격하도록 도움을 주는 면역항암제이다. 옵디보는 세계 최초로 승인 받은 PD-1(programmed cell death-1) 표적 면역항암제다. BMS(브리스톨마이어스퀴브)에서 면역항암제 옵디보를 할로자임의 기술로 피하주사제로 개발하고 있다.

물질이전계약 (MTA, Material Transfer Agreement)

주로 신약 공동연구개발을 위한 기술이전 과정 중에 한 회사가 개발한 물질의 효능과 연구결과 등을 평가하기 위해 상대회사에 물질을 전달하며 맺는 계약이다. 본 계약의 전 단계에서 새로 개발된 물질의 효능 등을 평가하기 위해 물질의 효능에 관심이 있는 당사자가 물질의 소유자에게 물질의 제공을 요청하여 맺어지게 되는 계약인 경우가 많지만, 기술이전 여부와는 상관없이 진행하려는 연구의 재료를 공급받는 차원에서 체결되기도 하는 계약이다.

참고 : https://brunch.co.kr/@nowlee/64

IRA(인플레이션감축법)

IRA(인플레이션감축법). 미국 의료 보험 시장에 IRA가 도입되면서 고가의 신약에 대한 약가 인하 요구가 거세다. 미국에서는 원료 물질을 통해 제형을 변경하면 신약으로 인정받기 때문에 IRA를 회피할 수 있다.

지금은 오픈북 시험 중 01

동고킴 — Thu, 29 Feb 2024 13:35:25 +0900

예상대로 한국 비트코인은 전고점 뚫었다.
어제 기관이 한 번에 11%나 올려버림

환율 때문에 한국은 전고점 뚫은 거고 아직 미국은 전고점이 좀 남았다. 당연히 뚫을 걸로 보임

개미들이 어버버 하는 사이에 기회 주지 않고 확 올려버려서 탑승하지 못한 개미들이 수두룩.
그리고 과거 2번의 공포 때문인지 매수를 쉽게 못하는 거 같음.

역사는 반복된다고 가정하면 지금 이거 완전 오픈북 시험이다.

근데 문제는 정답을 모르겠다. 과거 2번 모두 코인을 안 했고 지금도 코인에 대해서 잘 몰라서 오픈북인데도 정답을 모르겠어. 미리 공부를 좀 해놨어야 했다...

역사를 봤을 때 비트 -> 이더 -> 알트순인 거 같은데, 이번에도 마찬가질까? 여기에 솔라나를 추가하면 비트 -> 이더, 솔라나 -> 알트 일까??

비트는 추매 하긴 그렇고 그냥 알트.
그래서 내 지금 전략은 코인 관련주와 알트 공략
현금 500 투입해서 바로 실전 간다.

일단 코인 관련주 어제 종배로 250 투입
그리고 알트 2개 골라서 250 투입
알트 고른 기준은
1. 주식과 비슷한 파동을 일으키는거
2. 시체 없는거

일단 물리고 시작...

돈은 던져졌고 이제 필요한건

Vue 반응성 분석 (2) : Vue2 반응성 구현

동고킴 — Sun, 25 Feb 2024 15:59:22 +0900

이 글에서는 Vue2의 반응성을 직접 구현해 보며 동작원리를 살펴볼 것이다. Vue3의 반응성을 바로 살펴보지 않고 Vue2 먼저 하는 이유는 Vue2의 반응성을 알면 Vue3도 쉽게 이해할 수 있기 때문이다. 미리 스포를 하자면 Vue2와 Vue3의 반응성의 가장 큰 차이점은 Vue2는 Object.defineProperty를 사용하여 반응성이 구현하고, Vue3는 Proxy를 사용하여 반응성을 구현한다는 것이다.

Vue2 예제 코드

간단한 Vue2 코드이다. 이 글에서 구현해볼 샘플 코드이기도 하다. data 안에 price와 count 값이 있다. Vue2는 Vue 인스턴스에 data 옵션으로 전달되는 객체의 모든 속성을 순회하며 Object.defineProperty의 getter, setter를 사용하여 반응형을 구현한다.

data 안에 있는 price와 count 값이 변하면 total과 totalSaled 값이 자동으로 계산되는 코드다. price와 count에 반응성이 주입되어 있어서 total과 totalSaled 값이 자동으로 계산되는 것이다. 그리고 total과 totalSaled도 반응성이 간접적으로 주입되게 된다.

data, total 선언

아래와 같이 data와 total 정의되어있다.

price가 변경되었을 때 total이 자동으로 계산되길 원한다면 어떻게 해야 할까?

방법은 간단하다. price가 변경될 때마다 total을 다시 계산해 주면 된다. total을 계산하는 totalFn 함수를 만들어서 실행해 주자.

하지만 이 방법이 문제점은 price가 변할 때마다 매번 total 값을 다시 계산해줘야 한다는 것이다. 이 문제점을 해결하려면 price가 변할때마다 total 값을 다시 계산해 주도록 하면 된다. 어떻게 할 수 있을까? Vue2에서는 Object.defineProperty를 사용해서 이 문제점을 해결하였다.

Object.defineProperty 사용

Object.defineProperty 함수를 사용하면 객체의 속성을 세밀하게 추가하거나 수정할 수 있다. 이 함수에 대한 자세한 설명은 MDN 문서를 참고하기 바라며, 이 글에서는 코드를 작성하기 위해 알아야 하는 내용들만 간단히 다루겠다.

Object.defineProperty의 구문은 아래와 같다.

obj는 객체, prop은 새로 정의하거나 수정하려는 속성의 이름 또는 Symbol, 마지막 파라미터는 descriptor로 속성 서술자라고 부른다. 속성 서술자(descriptor)는 데이터 서술자(data descriptors)와 접근자 서술자(accessor descriptors) 두 가지 형식을 취할 수 있다.

예를 들어 위에서 obj.price는 definePropery에서 value로 지정한 10이며, writable가 false 이기 때문에 obj.price = 20 이렇게 값을 변경할 수 없다. value 데이터 서술자는 실제로 Vue2의 computed에서 사용된다.

getter, setter를 설정한 예제이다. 참고로 value와 함께 사용할 수 없다. 이렇게 설정하면 obj.price에 값을 설정하면 set이 호출되고, obj.price 값을 조회하면 get이 호출된다. Vue2는 이 접근자 서술자를 활용해서 반응성을 구현하였다.

set 함수에 totalFn 함수 호출 로직을 추가했다. definePropery의 get/set 안에서 data.price를 직접 호출하면 재귀호출로 인해 Maximum call stack size 에러가 발생하기 때문에 별도 변수 value를 선언했다. 그리고 price의 set이 호출될 때마다 totalFn 함수를 호출해 주었다.

price가 변경될 때뿐만 아니라 count가 변경될 때도 total 값을 다시 계산해줘야 한다. 동일한 기능을 캡슐화를 시켜보자.

이제 count가 변할 때에도 total이 자동으로 계산된다.

만약 total 외에 할인된 가격을 계산해 주는 totalSaled 값 계산 로직을 넣어보자. 그리고 이런 로직들이 여러 개 있다고 가정해보자. 그럼 코드가 아래처럼 set에 계속 추가될 것이다.

이 문제를 해결하는 방법은 간단하다. 수행해야 하는 함수들을 저장하는 변수를 선언한 후, 그 변수에 함수들을 저장해 놓는다. 그리고 set 안에서는 그 변수에 저장된 함수들을 모두 수행하기만 하면 된다.

dep 변수는 자동으로 수행되어야 할 함수들을 저장하는 변수이다.
track 함수는 dep 변수에 함수를 저장하는 함수이다.
trigger 함수는 dep에 저장된 함수들을 모두 수행하는 함수이다. 이제 Object.defineProperty의 set 안에서 trigger 함수를 호출해 주면 된다.

지금까지 짠 코드이다. totalFn와 totalSaledFn은 vue에서 computed 기능과 유사하다. 하지만 위 코드에는 매우 불편한 점 두 가지가 있다. 아마 눈치가 좋은 사람이라면 눈치챘을 것이다.

첫 번째는 계산하는 함수, 여기서는 totalFn와 totalSaledFn를 최초에 직접 한 번씩 수행해줘야 한다는 것이다. 만약 최초에 직접 수행하지 않는다면 최초의 total과 totalSaled 값은 모두 0일 것이다. 두 번째는 dep에 계산 로직도 직접 push 해야 한다는 점이다.

어떻게 하면 이 두 가지도 자동으로 수행되게 할 수 있을까?

watcher

watcher라는 함수를 만들었다. Composition API와 사용방법을 비슷하게 만들었다. watcher 함수는 수행되어야 할 함수를 인자로 받는다. 그리고 인자로 받은 함수를 한번 수행한 후에 dep 배열에 추가한다. 두 가지 역할을 watcher 함수에 위임함으로써 중복로직을 제거할 수 있다.

하지만 이렇게 했을 경우 함수에는 치명적인 단점이 있다. 만약 data에 name이라는 키가 있다면 어떻게 될까?

data.name 값을 변경하면 Object.defineProperty의 set 함수가 실행되어 그 안에 있는 trigger 함수가 호출될 것이다. 즉, name을 변경하면 total과 totalSaled 값도 다시 계산된다. total과 totalSaled은 name에 영향을 받지 않는 값이기 때문에 다시 계산될 필요가 없다. 그럼 어떻게 하면 이 단점을 해결할 수 있을까?

방법은 이외로 간단하다. dep 변수를 Object.defineProperty에서 사용되는 value 값처럼 Object.keys(data).forEach 안에 선언하면 된다. dep을 해당 클로저로 이동하면 dep을 사용하는 track과 trigger 함수도 같은 범위 안으로 이동되어야 한다.

이제 남은 건 watcher 안에서 track 함수를 처리하는 일이다. track 함수는 dep과 같은 범위로 이동되었기 때문에 watcher에서 실행될 수 없다. 아래처럼 바꿔보자

activeEffect라는 전역변수를 하나 만들었다. 그리고 get에서 track을 실행하게 해줬다. 이렇게 하면 어떤 일이 일어날까.

watcher 함수를 호출하면 일어나는 일은 아래와 같다.

watcher를 함수를 호출한다.
activeEffect 변수에 () => (total = data.price * data.count) 함수가 저장된다.
() => (total = data.price * data.count) 함수가 호출된다.
data.price에 접근하면서 defineProperty의 get 함수가 호출된다.
activeEffect에 값이 존재함으로 track 함수가 호출되면서 data.price 클로저에 있는 dep에 total 계산 함수가 저장되고 data.price 값이 반환된다.
data.count 접근하면서 get 함수가 호출된다.
5) 단계가 반복된다.

이제 data.name 값을 변경해도 total과 totalSaled이 다시 계산되지 않는다.

정리

이제 Vue2 공식 홈페이지에 있는 그림이 이해가 될것이다. Vue2의 반응성은 Object.defineProperty를 사용해서 구현되었다. 위의 코드는 실제 Vue2 코드를 참고해서 핵심 부분만 구현해 본 코드이며 실제 코드는 훨씬 복잡하게 되어있다. 다음 글에서는 Vue3의 반응성에 대해서 알아보겠다.

이전글 : https://donggov.tistory.com/238

의대증원, 혼합진료 꿀통이 중요한게 아니다. 내 꿀통을 찾아야 할때

동고킴 — Sun, 25 Feb 2024 14:39:31 +0900

의대증원, 혼합진료 꿀통이 중요한게 아니다. 내 꿀통을 찾아야 할때

쏟아지는 의대증원 뉴스들

의대생들이 단체로 휴학하겠다고 하고 전공의들이 단체로 사직하겠다고 하는 뉴스들이 계속 쏟아진다

알만한 사람들은 다 알겠지만 지금 시위의 핵심은 의대증원보다는 혼합진료다. 이 꿀통을 잃을 수 없기 때문에 이렇게까지 여론에 몰매를 맞아가면서까지 시위를 하고 있는 것 같음

의사 꿀통은 그렇다치고 내 꿀통은 뭔가? 당연히 없음. 연예인, 의사 걱정은 하는게 아니다. 그 시간에 내 꿀통을 찾아야 한다. 저렇게 머리 좋고 공부 많이 한 사람들도 자기들 꿀통 지키겠다고 시위하는데 나도 뭔가 해야 하지 않을까

지금 의사 꿀통 방지 관련 뉴스가 쏟아지고 모든 관심이 거기 쏠려있을때 다른 곳에서는

미국 증시 신고가 경신

엔비디아 미친 실적으로 신고가 경신. 이 밖에도 대부분 기술주들 최고가 릴레이 중

비트코인 전고점 노리는 중

주식이랑 코인이 그나마 내가 가질 수 있는 진짜 꿀통아닐까? 한국 주식은 당연히 제외니 나스닥이랑 코인이 내가 합법적으로 가질 수 있는 거의 유일한 꿀통이다.

하지만 미국주식은 세금이 너무 비싸. 연 수익 250만 초과하면 세금을 22%나 가져가는 게 말이 되나?

그렇다면 코인은? 일단 코투세도 유예되어서 올해까지는 세금이 적다.

코인은 잘 모르는 영역이지만 비트코인을 자산 가치에는 어느 정도 동의를 한다. 그래서 작년부터 무지성으로 월 30 정도씩 넣고 있는데 지금 수익률이 30%를 넘어가고 있다. 적금 들 돈으로 이거 올인했어야 했는데.

이제 알트에 관심이 조금 가져야 할 때가 아닌가 싶다. 알트에 2~3백 정도만 넣어놓고 싶은데 뭐가 좋을까

알테오젠 - 단기냐 장기냐 그것이 문제로다

동고킴 — Fri, 23 Feb 2024 00:07:26 +0900

엔비디아, 반도체로 난리인 와중에 알테오젠이 오늘 11% 상승을 함

오늘 재밌었던 게 일봉을 보면 밑꼬리가 길게 보이는데
저 때 3분 봉 보면 재밌음

순식간에 하방 vi를 찍음
저 시간에 공시가 뜬 게 있는데 내용을 보면

머크랑 계약함 -> 이건 이미 다 아는 사실이고
독점 계약이다
추가 마일스톤 432만 달러
로열티 지급 -> 근데 몇% 인지는 안 나오고

암튼 저 공시 올라오고 하방 vi를 찍고 다시 올라온 건데 이때 개미들 많이 털렸을 거로 보인다
나는 일반인은 저 공시가 악잰지 호잰지 바로 알 수 없다고 생각한다. 저걸 보자마자 정확히 이해하고 계산이 돌아갈 만큼 능력있는 사람이면 개미가 아니겠지...

일단 공시는 떴고 주가가 밀리니까 겁먹고 판 개미들 수두룩할것 같아 보인다. 이럴 땐 그냥 공시를 이해하려고 하지 말고 차트와 호가창 보면서 머리 굴리는 게 맞다고 생각한다.
지금 시총 5조짜리 회사 주가가 하방 vi를 맞았는데 다시 끌어올린다? 하방이 멈춘 상황에서 호가창이 채워지고 있다? 이건 슈퍼 고래나 기관이 들어오고 있다고 보면 됨. 이것도 안되면 그냥 직감을 믿으면 되고. 나도 직감 많이 믿는 편이고

결과론적으로 공시는 호재인 건데 이제 남은 건 시장에서 어떻게 반응하느냐다. 아무리 좋은 호재일지라도 인정해주지 않는 이곳은 바로 K장이기 때문
지금 시총이 5조. 주가가 20만 원을 가면 10조가 되는 거고, 30만 원을 가면 15조.
아무리 좋은 호재라도 단기간에 2배 오르긴 어렵고. 15만 원은 갈 수 있으려나
단기냐 장기냐 그것이 문젠데, 지금 반도체로 온 관심이 쏠려있어서 더 좋아보임. 오히려 스포트라이트를 안받아야 더 갈수 있다.

2년 전에 일동제약 4만원 아래에서 잘 탑승해놓고 30%도 수익 못 내고 나온 이력이 있는데, 지금의 나는 2년 전과 달라져 있을까? 야수의 종목이라는 바이오에서 나는 야수 테스트를 통과할 수 있을 것인가. 야수 테스트라고 하기에 너무 소액 주주긴 하지만..

아무튼 지금 필요한 건 뭐다?

Vue 반응성 분석 (1) : 인트로 (Intro)

동고킴 — Wed, 21 Feb 2024 22:54:47 +0900

리액트(react), 뷰(Vue) 등 많은 SPA 프레임워크(라이브러리라고 부르기도 함)은 자신만의 반응성(Reactivity) 엔진을 가지고 있다. 반응성은 선언적 방법으로 변경 사항을 적용할 수 있게 해주는 프로그래밍 패러다임이다. 예를 들어 어떤 데이터가 변경되었을 때 화면 렌더링이 자동으로 수행된다면 이걸 반응성이 있다고 부른다.

기존 프론트엔드 개발이 화면을 어떻게 그릴지에 초점을 맞추고 개발했다면, SPA 프레임워크들이 나온 이후에는 데이터를 중심으로 데이터가 변경되면 화면이 어떻게 변할지에 초점을 맞추고 개발을 하게 되었다. 개발자는 데이터를 다루는 데 집중하고 데이터가 바뀌면 데이터에 맞는 화면 렌더링은 프레임워크에 위임하는 것이다. 그래서 요즘 SPA 웹 개발을 반응형 프로그래밍이라고 부르기도 한다.

반응성이 프론트엔드 개발에 핵심인 만큼 반응성이 어떻게 동작하는지 제대로 이해하는 것이 중요하다. 마치 마법처럼 느껴지는 이 반응성을 직접 구현해 보자. 코드는 Vue의 반응성 원리를 기준으로 구현할 것이고, 원리 위주로 구현할 것이며 실제 Vue 코드와 정확히 일치하진 않는다. Vue의 반응성은 Vue2와 Vue3가 다르게 구현이 되어있다. Vue2, Vue3 각 반응성 모두 구현해 보자. 아래는 Vue 관련해서 많이 받았던 질문들인데, 이 글을 읽으면 질문들이 다 해결될 것이다.

Vue2 관련

왜 처음에 data 옵션에 미리 프로퍼티가 선언이 되어있어야 하는지
arr[2] = 3 이런 식으로 데이터를 변경했을 때는 왜 반응성이 동작을 안 하는지
computed는 함수인데, 사용할 때는 어떻게 this.total 이렇게 변수 사용하듯이 사용할 수 있는지

Vue3 관련

Vue2와 Vue2 반응성 구현 차이
reactive와 ref 차이점
ref와 computed를 사용할 때 .value를 사용하는 이유

반드시 알아야하는 혈액검사(피검사) 종류와 해석

동고킴 — Sun, 18 Feb 2024 18:08:40 +0900

건강검진이나 병원에서 피검사를 종종 하게 된다. 그럴 때마다 피검사 결과를 보고 보통 의사들은 "음, 괜찮네요~", "빈혈이 좀 있네요~" 정도만 알려줄 뿐 정확히 어디가 어떻게 안 좋고, 어느 정도 안 좋은지 설명을 해주지 않는다. 하지만 나를 포함한 대부분 사람들은 거기에 대해서 구체적으로 물어보기를 꺼려한다. 의사에 대한 믿음보다는, 괜한 미안함이랄까.

결국 구체적인 내 현재 상태를 파악하려면 스스로 공부하는 수밖에 없다. 어디가 어떻게 안 좋고, 내가 지금 어떤 상황인지 알려면 환자도 공부를 해야 한다. 요즘은 세상이 좋아져서 피검사를 하면 각 병원 어플에서 수치를 바로 볼 수 있다. 피검사도 종류에 따라 나오는 게 다양한데, 검사 결과가 실시간으로 어플에 올라온다. (경험에 의하면 1시간 후부터 하나씩 올라오기 시작하는 듯)

피검사한 목적에 따라서 봐야하는 종류가 다르겠지만, 기본적으로 알면 좋을 것 같은 항목에 대해서 기록해 둔다. 특히 중요하다고 생각하는 항목은 별(★) 표시했다.

1. 일반혈액

Hgb or Hb (헤모글로빈)
산소 결합하여 운반하는 철분을 함유한 단백질이다.
- 미달 : 빈혈, 골수장애, 영양부족
- 초과 : 간경변 폐섬유화 및 폐질환, 탈수증

WBC (백혈구 수)
백혈구는 골수에서 생성되어 감염이 있을 때 신체를 방어하고 면역반응에 관여한다. 이 검사는 전혈 검체에서 백혈구 수를 측정한다. 백혈구의 생성에 영향을 끼치는 질환 또는 감염이 있다고 판단될 때와 치료효과를 모니터링할 때 시행한다.
- 미달 : 항암, 방사선치료, 면역질환
- 초과 : 감염, 종양, 염증, 심한 운동과 스트레스 상황

RBC (적혈구)
- 미달 : 출혈, 빈혈등
- 초과 : 설사등의 체액손실

MCH (혈색소)
전혈 검체 내의 적혈구에 존재하는 단백질인 혈색소(hemo globin)의 양. 환자에게 빈혈이나 적혈구증 가증이 있을 때 상태의 중등도를 평가하고 치료에 대한 반응을 추적조사하기 위해 검사한다.
- 미달 : 빈혈

MCHC (적혈구내 평균헤모글로빈 농도)
- 미달 : 빈혈

PLT (혈소판 수)
혈소판은 혈관이나 조직이 손상되면 최초로 활성화되어 혈액응괴를 만들기 시작하는 단계에 가장 중요한 역할을 한다. 혈소판 수는 전혈 검체에서 혈소판의 수를 측정하는 검사이다. 출혈질환 또는 골수질환을 진단하기 위해 검사한다.
- 미달 : 골수질환 골수암
- 초과 : 골수증식종양, 알레르기, 감염, 조직손상, 탈수, 철결핍성 빈혈. 용혈. 심한 운동

ANC (기기절대호중구수) ★★★
반드시 확인해야 하는 항목. 면역상태 및 컨디션을 확인하는 기본 중에 기본인 수치.
백혈구에는 호중구, 림프구, 단구, 호산구, 호염구의 5가지 종류가 있는데, 이중 절대호중구수가 감소하면 감염의 위험 인자가 된다. 주로 골수이식 후 생착 여부 판정 및 감염 위 험평가 목적으로 검사한다.

Lymphocyte (림프구)
몸에서 면역 기능을 담당하는 면역세포로 백혈구의 일종
- 미달 : 루프스, 에이즈 감염
- 초과 : 바이러스감염, 방사선치료 시

Monocyte (단핵구)
선천 면역을 담당하면서도, 후천 면역 과정에도 영향을 끼친다.
단핵구는 특정 감염에 대항하여 싸우는 백혈구의 한 유형으로 다른 백혈구를 도와 죽거나 손상된 조직을 제거하고, 암세포를 파괴하고 이물질에 대한 면역을 조절한다.
미달 : 골수부전, 혈류감염
초과 : 감염, 염증질환, 혈액질환, 특정 암

MPV (평균혈소판용적)
평균 혈소판 부피를 나타내는 지표
- 미달 : 비장기 항진증, 철결핍성 빈혈, 갑상선기능저하
- 초과 : 구상적혈구증, 유상적혈구증, 겸상적혈구빈혈

2. 일반화학

Glucose (혈당)
혈액 내 포도당의 양. 고혈당 혹은 저혈당을 감지하 고, 당뇨를 진단하고, 당뇨환자에게서 모니터링을 위하여 사용.
정상범위 내에서 낮게 유지할수록 좋음.
높은 혈당이 염증을 유발하고 염증은 암생성과도 관계가 밀접함.
지속적인 염증반응이 암을 만든다는 게 정설.

T. Protein (총 단백질) ★
단백은 대부분의 장기의 구조 일 부를 형성하고 신체 기능을 조절하는 효소와 호르몬을 만든다. 혈액의 혈장 내 다양한 종류의 단백질의 총 양을 측정한다.
- 미달 : 영양실조, 부종, 중증감염, 갑상선 종양, 갑상선 항진
- 초과 : 면역글로불린 G의 증가에 의한 만성 간 장애 또는 염증. 다발성 골수종, 단백혈증 의심

알부민 (Albumin) ★★
알부민은 혈액의 액상 부분인 혈장에 가장 많이 존재하는 단백질로써 혈관으로 부 터 액체의 유출을 막고, 조직에 영양분을 제공하며, 호르몬, 비타민, 약물, 칼슘 같은 이온을 신체로 전달한다. 알부민은 간에서 만들어지며 간 손상에 극히 예민함
- 미달 : 염증질환, 간질환, 신증후군, 영양불량
- 초과 : 급성탈수증

CA or Calcium (칼슘)
- 미달 : 신부전, 부갑상선기능저하, 구루병, 골연화증, 비타민D 결핍
- 초과 : 악성종양의 골전이, 다발성 골주종, 원발성 부갑상선기능항진증

Na (나트륨)
- 미달 : 탈수증
- 초과 : 혈액량 증가, 부종

K (칼륨)
- 미달 : 이뇨제 장기투여, 알도스테론증
- 초과 : 급성 신부전, 에디슨병, 당뇨병성 케톤산증, 칼륨과잉수액

CI (염소)
클로라이드, 염화물. 체내의 각 조직에 산소를 공급하는 역할
- 미달 : 폐기종, 폐렴, 신장장애, 구토, 설사
- 초과 : 탈수증, 신부전, 과환기증후군

Uric Acid (요산)
혈액 요산 검사는 통풍의 감별 목적으로 혈액 중에 요산이 증가여부를 확인하기 위해 시행된다. 또한 화학치료 및 방사선 치료를 받는 환자에서 요산 농도를 보기 위해 이용된다.
- 초과 : 통풍, 신결석

T. bilirubin or TB (총 빌리루빈) ★★★
반드시 확인해야 하는 항목. 빌리루빈 농도가 높으면 황달이 발생하며 원인을 밝히기 위한 추가 검사가 필요하다. 매우 높은 빌리루빈 농도는 빌 리루빈의 생성이 크게 증가(보통 용혈이 심한 경우)했음을 의미하거나, 담관폐쇄, 간경변이나 급성 간염 같은 간질환, 또는 빌리루빈 대사과정의 유전적 문제로 인해 간이 제때에 빌리루빈을 충분히 제거하지 못함을 의미한다. 따라서 빌 리루빈은 간경변, 간염 혹은 담석 등의 간질환을 진단하고 모니터하기 위해 측정한다.
- 초과 : 폐쇄황달, 용혈빈혈

AST(GOT) (아스파르테이트아미노전달효소) ★★
AST는 온몸의 세포에서 발견되는 효소이지만 주로 심장과 간에 존재하며, 신장 및 근육에는 이보다 적게 존재한다. 간이나 근육에 손상이 생겼을 때 조직에서 혈액으로 AST가 방출되며, 방출에 의해 증가된 AST 농도는 간손상을 발견하는데 유용한 검사이다.
초과 : 알콜성 간 손상, 심장에 무리가 발생한 경우, 심장 관련질환, 간 질환, 뼈나 근육의 손상 시

ALT (알라닌 아미노전이요소) ★★
ALT는 대부분 간과 신장의 세포에서 발견되는 효소이며 심장과 근육에서 소량이 발견된다. 간이 손상되면 대개 황달 같은 명확한 증상이 나타나기 전에 ALT가 혈류로 방출된다. 이러한 이유로 ALT는 간 손상 발견을 위해 유용한 검사가 됩니다.
- 초과 : 급성간염, 간 손상, 심근경색, 근질환, 암, 폐쇄성 황달, 알콜성간염등, 뼈나 근육의 손상 시

알칼리성 인산분해효소, 알칼리포스타파제 (ALP) ★★
담즙배출 기능, 뼈전이.
담도암에서 초과되는 경우는 있으나 수치가 500 이상 오르면 안 된다.
- 미달 : 급성간염, 간암, 담도암, 골질환
- 초과 : 갑상선 기능 저하, 악성빈혈, 담관폐쇄와 뼈전이 의심

Creatinine (크레아티닌) ★★
거의 모든 크레아티닌은 신장을 통해 배출되므로 혈액 내 농도는 신장이 얼마나 잘 작용하는지 보여주는 좋은 지표이다. 혈액 크레아티닌 검사는 BUN(혈중요소질소)과 함께 신 장기능을 평가하기 위해 사용된다.
BUN 20:1 이상 Cr 100:1 이상
고단백식이, 단백질 이화증상, 근육소실, 위장관 출혈로 인한 단백의 재흡수, 신장관 혈류량감소, 폐혈증, 스테로이드제, 심부전, 간경변, 요로폐색, 기아, 탈수
BUN 10:1-20:1 (정상범위) Cr 40:1-100:1(정상범위)
정상값이지만 신부전, 사구체질환, 뇨세질환등이 있어도 BUN과 크레아티닌수치가 정상보다 놉은 수치로 이 비율에 있으며, 식이요법과 치료를 하면서 정상범위를 유지해야 함
BUN 10:1 이하 Cr 40:1 이하
급성세뇨관괴사, 저단백식이, 기아, 탈수, 간질환, 투석 등
상승 시 고단백 식이를 줄이고 물을 충분히 마셔야 함

3. 종양 & 암 관련

보통 CT를 찍을 때 수행된다. CT 결과 전에 확인할 수 있다.
항암반응도나 재발을 감시하는 목적으로 사용되지만 절대적인 수치로 활용하기 어렵고 CT 등 다른 검사와 병행되어야 의미가 있다.

CA19-9 ★
당지질로 루이스 혈액형 항원이 변형된 것. 주로 소화기계의 암세포들이 발현함
혈액형 항원 중 루이스 항원의 변형이기 때문에 루이스항원을 가지지 않은 혈액형에서는 증가하지 않음
루이스항원 항체 반응이 약한 경우 상승되지 않음
암의 예후, 중증도, 재발, 치료평가에 사용되지만 선별검사나 진단 기준으로는 사용하지 않는다.
- 암인 경우 : 췌장암, 담도암, 담낭암, 간세포암에서 높은 빈도로 증가.
위암, 난소암, 결직장암에서도 증가할 수 있음
폐암, 유방암 자궁암에서 드물게 증가
- 암이 아닌 경우 : 급성 담관염, 간경화증, 담석, 만성간염
- 초과 : 암의 재발, 나쁜 예후를 시사함, 급성 담관염, 간경화증, 담석

CEA (당단백) ★
위장관 암에서 가장 자주 사용되는 암표지자
진단보다는 치료 시 추적관찰에 유용함.
간에서 대사 되므로 간가능이 좋지 않은 경우 배출이 되지 않아 증가됨
초과 암이 간으로 전이된 경우, 황달이 생기는 진행 암, 재발, 나쁜 예후

디즈니 주가 무슨일이지

동고킴 — Fri, 9 Feb 2024 20:08:42 +0900

디즈니 갭상승

이틀 전에 디즈니 신규 진입했는데 자고 하루 만에 11% 이상 급등했다. 무슨 일이 있었던 걸까. 뉴스를 좀 찾아봤다.

실적이 좋았단다.
근데 제목말고 내용에서 실적 수치보다 더 의미 있는 내용을 볼 수 있었는데

배당금을 작년보다 50% 늘린다고 한다. 그래봤자 주당 1달러도 안 되는 금액인데 배당금을 늘린다는 거 자체가 주주들에게 큰 의미가 있다. 코로나 터지고 배당을 없앤 걸로 알고 있었는데 배당을 주긴 줬나 보네.

이거 내가 기대하던 뉴스다. 단순 캐릭터 라이선스만 받는 게 아니라 게임 개발에 참여하는 거다. 근데 에픽게임즈 투자, 지분 인수보다는 게임 회사 하나를 통째로 인수하는 게 낫지 않나라는 생각을 좀 해본다.

허리띠 졸라매어서 결과가 좋았다는데 이건 좀 안 좋아 보인다. 비용절감은 일시적인 거라...
그리고 파업 여파라고는 하지만 어쨌든 콘텐츠 영역에서 매출이 줄었다. 이게 빨리 턴어라운드 해야 할 텐데

불타기 pixabay

그리고 무엇보다 이렇게 급등한 이유는 내가 정찰용으로 5주만 밖에 매수를 안 해서다. 내가 몇백만 원어치 샀으면 안 올랐을 듯. 갭상했으니 이제 불타기를 가느냐 마느냐 그것이 문제로다.

신규 종목 매수 (디즈니, 넷마블)

동고킴 — Thu, 8 Feb 2024 21:56:58 +0900

투자글은 오랜만이다. 작년 말에 미장 대부분 종목을 매도하고 수익 실현을 하였다. 관망하면서 좀 떨어지면 다시 사야지 하고 있었는데 역시 내가 팔면 오른다고 다시 살 기회를 주지 않고 더 올라버렸다. 그렇다고 불나방처럼 달려들면 안 되기 때문에 지켜보면서 기다리는 중이다.

그러다 문득 이런 생각이 들었다. 어쩌면 AI보다 메타버스가 더 가까이 있지 않을까. 메타의 실적이나 출시하자마자 많은 비아냥을 받은 애플의 비전프로가 첫 시발점으로 보인다. 개인적으로 지금의 애플 비전프로는 기술력을 떠나 너무 멋이 없기 때문에 보급이 많이 되진 않을 것으로 보인다. 뭐니 뭐니 해도 멋이 중요하기 때문. 하지만 만약 이게 많이 보급이 된다면이라는 가정을 세워봤다.
그럼 비전프로에서 사용되는 앱들이 많이 나올텐데 이것들이 굉장히 수혜를 볼 것이다. 그럼 그 앱들은 무엇일까? 가장 먼저 떠오른 게 콘텐츠와 게임이다.

넷플릭스

컨텐츠의 왕은 누가 뭐라 해도 넷플릭스다. 이 구역의 왕이라고 할 수 있다. 그리고 넷플릭스는 이미 게임 시장에도 진출했다. 자체 콘텐츠를 활용한 게임들을 이미 출시 중이고 넷플릭스에서 바로 다운로드하여서 플레이할 수 있다.

이거 만약 비전프로로 만들면 꽤 재밌지 않을까?

넷플릭스 주봉

하지만 지금 주식을 매수하기에는 부담스러운 자리다. 관종에만 넣어두고 지켜보자.

디즈니

다음으로 떠오른건 디즈니다. 이상한 PC주의에 집착하면서부터 콘텐츠들, 특히 마블이 맛탱이가 갔지만 정신 차릴 거라 본다. 맛탱이가 갔더라도 IP들이 강력한 건 인정 안 할 수가 없다.

디즈니 일봉, 주봉, 월봉

차트를 보니 코로나 전까지 떨어졌고(오히려 더 떨어짐) 서서히 반등하기 시작한것으로 보인다.
정찰병 50만원 어치 보내본다. 죽지 말아라. 기다려라.

살아 돌아와라

넷마블

한국에 있는 게임회사를 생각해봤다. 한국 게임은 아무리 생각해도 노답이다. 그래도 망하지 않을 거 같은 게임회사를 생각했을 때 떠오르는 건 넷마블이다. 사실 넷마블 2년 전에 매수했다가 손절한 회사다. 그래서 미련이 조금 남았는지도 모른다. 이 회사는 게임회사지만 투자 회사이기도 하다. 하이브, 정수기 등 왜 게임에 집중하지 않고 자꾸 딴거하는지 모르겠지만...

넷마블 일봉, 주봉, 월봉

물론 노답이지만 설마 여기서 더 떨어질까라는 생각으로 정찰병 100만원 보냈다.

커피값이라도 벌고오길

오사카 마라톤 D-56

동고킴 — Sun, 31 Dec 2023 21:33:48 +0900

오사카 마라톤까지 56일 남았다.
준비는 잘 되어가고 있는가

2023년 러닝 기록

이번달 누적 134km. 올해 누적 550km

작년부터 러닝을 쉬다가 올해부터 다시 달리기 시작했다. 8월에 월 누적 50km 정도 달리면서 슬슬 몸이 다시 풀리기 시작했고 10월부터는 월 누적 100km를 넘겼다.

이번달 무릎 부상
열흘 정도 치료받으면서 재발 방지를 위해 거리와 페이스를 확 낮췄다.

이번달 훈련 목표는 이틀마다 10km를 540 페이스로 달리고 격주로 15km 이상 LSD를 하는 것이었지만, 역시 계획은 계획일 뿐. 매일 5km 정도를 600 페이스로 조깅하는 걸로 훈련 변경
치료는 열흘 정도 받은 것 같다.

2023년 마지막 러닝

오늘 올해 마무리로 25km를 목표로 달렸지만 19km에서 포기

부상이 아직 완전히 회복된 게 아니더라. 빙판 조심하고, 무릎도 의식하고 달리니까 18km쯤부터 골반이랑 발목에 무리가 왔다. 부상도 부상이지만 근력 운동이 부족하다고 느꼈고 근력 보강운동을 좀 빡세게 해야겠다고 생각함

풀 뛰기 전에 30km는 달려보고 가야 한다던데 할 수 있을까. 서브 4 할 수 있을까. 그럼 완주는?
오사카 마라톤을 준비하면서부터 러닝이 취미를 넘어서 부담으로 느껴지기 시작했다. 이렇게까지 훈련을 해야 하나 싶기도 하고 억지로 달리고 있다는 생각도 든다. 풀 코스는 이번 오사카 마라톤이 마지막이 아닐까라는 생각도 든다. 이럼 곤란한데

아무튼 끝까지 포기하지말고 최선은 다해보자. 화이팅

애플워치에서 NRC로 데이터 보내기 (feat 런갭)

동고킴 — Mon, 25 Dec 2023 06:43:34 +0900

런갭(RunGap)을 사용해서 러닝 데이터 연동하기

가민, 애플워치 비교 및 후기 에 이은 애플워치와 NRC 연동하는 방법

애플워치 트레이닝 앱을 쓰고 러닝을 하면 러닝 데이터가 NRC와 동기화되지 않는다. 스트라바로는 데이터를 잘 보내주는데 NRC로만 데이터를 못 보낸다. 그래서 애플워치 유저 중에 NRC에도 데이터를 쌓아야 하는 러너 들은 아예 러닝앱으로 NRC를 사용하거나 트레이닝, NRC 모두 킨다고

가민 쓸 때는 가민이 NRC에게 바로 데이터를 쏴줬다면, 애플워치에서 NRC로 데이터를 보내려면 중간에 가민을 한번 끼고 데이터를 보내야 한다. 애플워치 -> 가민 -> NRC 이렇게. 근데 애플워치에서 가민으로 데이터를 바로 보낼 수 없는데 이걸 할 수 있게 해주는 앱이 런갭(RunGap)이다.

사용법은 간단하다.

Activity에 나의 러닝 데이터들이 보인다.
자동 갱신 안되기 때문에 화면을 아래로 한번 스와이핑해야 리프레쉬가 된다.

그리고 왼쪽 위 햄버거 메뉴에서 Share & Export 터치

가민 선택하면 어떤 활동을 가민으로 내보내기 할 건지 묻는다. 신규 1건에 활성화되어 있는 상태고 오른쪽 위에 Share 터치하면 끝

NRC에는 연동 데이터에 가민이라고 표시된다.

가민, 애플워치 비교 및 후기

동고킴 — Sun, 17 Dec 2023 12:05:40 +0900

가민포러너 45, 애플워치 SE2 (2세대) 비교 - 러닝 위주

가민 5년 가까이 썼더니 배터리가 맛이 갔다. 5년이면 많이 썼지...
가민 45를 큰 불편함 없이 썼던 터라 같은 모델을 재구매(가장 저렴함 모델이었다. 내 기억엔 10만원 초반이었다.) 하려고 봤는데, 더 이상 팔지 않더라. 내가 전문 러너도 아니고 취미용으로 하는 거라 GPS, 페이스, 심박수 정도만 볼 수 있는 모델로 찾아봤다. 다음으로 저렴한 모델이 가민 55인데 가격이 무려(?) 24만원이다. 내가 사용하던 45보다 10만원이다 비싸다. 이때 갑자기 떠오른 게 애플워치 SE 2세대다. 가격은 30만원으로 6만원 차이다.

가민을 살지 애플워치를 살지 큰 고민에 빠졌다. 가장 큰 차이는 크게 배터리와 활용도다. 배터리는 가민이 압도적으로 오래간다. 하지만 일상에서 활용도는 애플워치가 압도적이다. 배터리냐 일상에서 활용도냐의 큰 갈림길에서 애플워치를 선택했다. 이유는 애플워치로도 충분히 풀코스 혹은 LSD를 할 수 있고, 만약 배터리가 없는 상태면 운동 가기 전에 30분 정도만 충전해도 운동에 아무 지장을 받지 않기 때문이다. (자기 합리화)

애플워치가 도착하고 가민과 비교를 해보기 위해 왼손에는 애플워치, 오른손에는 가민을 차고 달렸다. 코스는 올림픽공원 외곽 반복으로 거리는 20.8km 정도 달렸다.

1. 요약

왼쪽 가민. 오른쪽 애플워치

거리

가민 20.74, 애플워치 20.77. 애플워치가 30m 정도 더 달린 것으로 나옴

평균 페이스

가민 532, 애플워치 531. 이 정도면 똑같이 나왔다고 봐도 무방.

평균 심박수

가민 154, 애플워치 163. 심박수 비교는 의미가 없다. 내가 달릴 때 시계를 히트텍 위로 찼기 때문에 신뢰도가 떨어짐

2. 거리 및 GPS 비교

왼쪽 가민, 오른쪽 애플워치

가민 20.74km, 애플워치 20.77km로 애플워치가 30m 더 높게 나옴

러닝 코스가 시계방향으로 4바퀴 도는 코스였는데, 애플워치를 왼손에 차서 더 길게 나온 것으로 보인다. 같이 운동하는 사람들에게 물어보니 어느 손에 차느냐에 따라 거리 차이가 꽤 난다고 한다. 이 점 감안하면 거리는 거의 비슷하게 나오는 듯. GPS는 거의 비슷하게 나왔다.

3. 페이스 비교

왼쪽 가민, 오른쪽 애플워치 11km, 10km 비교

요약에서 봤듯이 평균 페이스는 가민 532, 애플워치 531로 거의 비슷하게 나왔다.

하지만 랩별 페이스를 보면 차이가 좀 난다. 대체적으로 비슷하긴 하지만 오차가 좀 큰 구간이 있다.

- 11km 구간 : 가민 528 < 애플워치 536. 가민이 8초 빨랐다고 나옴

- 13km 구간 : 가민 531 > 애플워치 524. 애플워치가 7초 빨랐다고 나옴

개인적으로 러닝 할 때 랩별 페이스가 가장 중요하다고 생각하는데, 7~8초 오차면 굉장히 크다고 생각된다. 근데 한쪽이 빠르거나 느리다고 치우치지 않아서 어떤 게 더 정확한지 판단을 못하겠다. 이건 나 혼자 시계를 두 개를 차기보다는 다른 러너와 함께 달리면서 그 러너의 데이터와 비교를 해봐야 할 듯.

4. 심박수 비교

왼쪽 가민. 오른쪽 애플워치

가민 154 < 애플워치 163. 심박수 비교는 의미가 없다. 내가 달릴 때 시계를 히트텍 위로 찼기 때문에 신뢰도가 떨어진다. 인터넷에서 가민과 애플워치 심박수 비교한 데이터를 보면 심박수는 애플워치가 가민을 포함해서 웬만한 스마트 워치들보다 정확하다고 한다.

5. 조작법 및 UI

조작법

가민 > 애플워치. 이유는 가민은 조작법이 버튼 기반인데 애플워치는 디스플레이 터치 기반이다. 터치형이 은근히 불편한 게 잠깐 멈췄다가 달려야 하는 경우에 가민은 시계를 보지 않고도 버튼을 눌러서 시작/정지가 편하지만, 애플워치는 디스플레이를 보면서 정확하게 눌러야 한다. 그리고 애플워치 순정 트레이닝 앱을 사용해서 러닝을 할 경우에는 화면을 옆으로 한번 넘긴 다음에 시작/정리를 해야 한다.

가민 > 애플워치. 애플워치 SE2라서 글자 크기가 너무 작다. 가민이 시원시원해서 대충 봐도 잘 보인다.

크기 및 무게

거의 비슷함

6. 후기

가민 재구매 대신 애플워치를 선택한 것에 후회가 없다. 러닝 데이터도 가민과 차이가 없고, 가장 큰 걱정이던 배터리도 문제가 되지 않았다. 20km 뛰어도 배터리가 넉넉하게 남아있었어서 풀코스도 충분히 소화할 수 있을 것으로 보인다. 애플 데이터가 NRC로 바로 넘어가지 않는 건 좀 불편하다. 스트라바, 런데이로는 동기화가 되는데 NRC로는 바로 데이터가 동기화가 되지 않는다. 그래서 순정앱을 사용하지 않고, NRC를 사용하는 사람들도 있더라. 나는 애플과 NRC 중간에 런갭을 거쳐서 운동 끝난 후에 애플과 NRC 간에 데이틀 동기화 시켜주고 있다. 방법은 애플워치에서 NRC로 데이터 보내기 (feat 런갭) 참고. 이 외에는 모두 만족스럽다.

jackson objeckMapper List 타입 역직렬화(deserialize) 분석

동고킴 — Sun, 16 Jul 2023 07:29:45 +0900

동일한 값을 반환하는 이름만 다른 getter는 어떻게 deserialize 될까?

자바에서 직렬화, 역직렬화 시, 많이(거의) 사용되는 jackson 라이브러리의 deseialize 처리에 관한 글이다. 예상하지 못한 결과가 발생해서 jackson 라이브러리 코드 구현부를 살펴보았다.

현상

위는 name, itemList 변수가 선언되어 있는 Store 클래스이다. 각 변수에 대한 getter는 lombok으로 정의되어 있다. 알 수 없는 프로퍼티를 무시하는 @JsonIgnoreProperties(ignoreUnknown = true) 어노테이션도 추가되어 있다. 그리고 name을 대문자로 반환하는 getUpperName, itemList를 반환하는 getDiscountedItemList가 정의되어 있다. getDiscountedItemList 함수는 itemList를 그대로 반환하는 getter 함수이다.

그리고 아래와 같은 json이 있다. 이 json을 Store 클래스로 역직렬화하면 어떻게 될까?

{"name":"store1", "upperName":"STORE1", "itemList":["apple, banana"],"discountedItemList":["banana"]}

역직렬화 시, 필드 인식을 setter -> field -> getter 순으로 한다는건 배경지식으로 이미 알고 있었다. 하지만 getUpperName과 getDiscountedItemList는 @JsonIgnoreProperties(ignoreUnknown = true) 옵션으로 인해 자연스럽게 무시될 거라 생각했다. 그래서 결과는 아래처럼 나올 거라 생각했지만, 결과는 그게 아니었다.

ObjectMapperTest.Store(name=store1, itemList=[apple, banana])

실제 결과는 아래처럼 itemList에 banana가 2번 나왔다. itemList에 discountedItemList의 데이터가 추가된 것이다. 왜 이런 결과가 나온 것일까?

분석

jackson 라이브러리를 코드를 분석해 보자

1) @JsonIgnoreProperties(ignoreUnknown = true) 오해

먼저 JsonIgnoreProperties 어노테이션이 내가 생각한 것처럼 동작하지 않았다. ignoreUnknown = true 속성을 주면 json에 있는 upperName과 discountedItemList 모두 무시될 거라 생각했다. @JsonIgnoreProperties을 빼서 돌려보자

위 코드는 이전 코드에서 Store 클래스에 @JsonIgnoreProperties 옵션만 뺀 코드이다. 결과가 어떻게 나올까?

예상했던 대로 에러가 나온다. 그런데 에러에 이상한 메시지가 보인다. 3개의 알려진 프로퍼티에 discountedItmeList 항목이 보인다. json에서 upperName을 제외해서 다시 돌려보자.

@JsonIgnoreProperties이 없어도 discountedItem을 찾을 수 없다는 에러가 발생하지 않고, 결과도 처음과 동일하게 나온다. 왜 discountedItem은 @JsonIgnoreProperties가 없어도 에러가 발생하지 않을까?

1-1) addBeanProps

@JsonIgnoreProperties 속성은 BeanDeserializeFactory 클래스의 addBeanProps 함수에서 설정된다. 이 함수는 빈 역직렬화기가 사용하기 위한 설정가능한 속성을 파악하기 위한 함수이다. ignoreUnknown = true로 설정했다면 builder.setIgnoreUnknownProperties 함수에서 _ignoreAllUnknown을 true로 설정하고 나중에 이 속성으로 upperName 같은 알 수 없는 json 키를 예외처리한다.

이후에 BeanDeserializer 클래스에서 _beanProperties에서 해당 키가 있는지 체크하고, 없으면 handelUnkownProperty 함수를 호출한다. handelUnkownProperty 함수에서는 최종적으로 _ignoreAllUnknown 검사를 한번 더 수행하고, 설정되지 않았으면 에러를 발생시킨다.

결과적으로 _beanProperties에 역직렬화하려는 json의 키가 있어야 한다는 이야기인데, _beanProperties에 upperName은 없지만 discountedItmeList은 있어서 에러가 발생하지 않는 것이다. _beanProperties은 json을 파싱하기 전에 이미 설정된다.

2) 왜 discountedItmeList은 있고, upperName은 없을까?

질문에 대한 해답은 타입이다. addBeanProps 함수에서는 ignore 설정 세팅 외에 properties 세팅도 이루어진다. 클래스에 선언된 필드(name, itemList) 외에도 getter 함수도 properties 대상으로 선정된다. getUpperName 함수와 getDiscountedItemList 함수도 properties 대상이다. get으로 시작하는 함수는 앞에 get을 제외한 뒤에 있는 텍스트가 properties 이름으로 추가된다. 예를 들어 getTitle이라는 함수는 title로 properties에 후보에 추가된다. 후보라고 한 이유는 모두 역직렬화 properties로 대상으로 추가되는 게 아니라 마지막 최종 필터링 절차가 남아있기 때문이다. 이 필터링 절차에서 upperName이 대상에서 걸러지게 되는데 이 부분 코드를 보자.

위 코드에서 propDefs에는 Store 클래스에 있던 필드, getter 등의 함수에서 가져온 properties 후보들이 있다. 이 값들을 순회하면서 최종적으로 propertie를 선별한다. 조건은 3가지이다. 1) setter가 있는지, 2) 필드값인지, 3) getter가 있는지.

upperName 함수와 discountedItemList는 3번째 조건인 getter에 해당된다. 하지만 getter라고 충족되는 건 아니고 조건이 하나 더 있다. Collection 타입이거나 Map 타입일 경우에만 최종적으로 deserialize 할 수 있는 propertie에 추가된다. (주석에 JACKSON-88에 따른다고 나와있는데, 이게 뭔지 찾지 못했다. 혹시 아시는 분은 댓글로 공유 부탁드립니다.)

아래는 최종적으로 조건에 맞는 prop을 _properties에 추가하는 코드이다.

3) 왜 discontedItemList 데이터가 itemList 데이터에 add가 되는 것일까?

itemList와 discountedItemList의 propertie의 타입이 다르다.

itemList propertie는 필드에 직접 할당하도록 설정된 특성을 가진 FieldProperty 타입인 반면에 discountedItemList propertie는 특성 값을 가져와서 직접 수정하여 간접적으로 Collection 또는 Map 특성을 구현하는 SetterlessProperty 타입이다. 실제 필드가 아닌 getter로 정의된 propertie는 직접 할당이 아닌 값을 가져와서 수정하는 식으로 역직렬화하는 것이다. 역직렬화 코드를 살펴보자.

각 FieldProperty 클래스와 SetterlessProperty 클래스는 모두 SettableBeanProperty 추상클래스를 상속하고 있고, deserializeAndSet 함수를 구현하게 되어있다. 각 구현체를 비교해 보자.

3-1) FieldProperty 클래스

createUsingDefault 함수를 호출해서 기본 객체를 생성한 후, set 함수를 통해 instance에 값을 넣는다. 여기서 instance는 물론 Store 객체이다.

3-2) SetterlessProperty 클래스

SetterlessProperty 클래스는 FieldProperty 클래스와 다르다. 주석에도 "need to fetch Collection/Map to modify라고 쓰여있듯이 getter를 통해 수정할 객체(toModify)를 가져온다. 그러면 toModify 객체에는 getDiscountedItemList 함수 안에서 itemList를 반환하기 때문에 이전에 이미 역직렬화가 수행된 itemList의 값인 ["apple", banana"]가 세팅된다.

이후에는 FieldProperty와 동일하게 객체에 값을 add 한다.

정리

{"name":"store1", "upperName":"STORE1", "itemList":["apple, banana"],"discountedItemList":["banana"]}

위 json을 역직렬화 Store 클래스로 역직렬화했을 때 itmeList 값이 "apple", "banana", "banana" 이렇게 나오는 이유는 discountedItemList가 역직렬화될 때 이미 역직렬화된 itemList 값에 add 되었기 때문이다. List 타입 field 객체와 getter 함수 역직렬화 차이를 요약하면 아래와 같다.

field 객체는 역직렬화 시, FieldProperty 클래스를 사용한다. FieldProperty는 새로운 객체를 생성하고, json 값을 add 한다.
getter 함수는 역직렬화 시, SetterlessProperty 클래스를 사용한다. SetterlessProperty는 getter에 instance를 주입하여 객체를 생성하고, json 값을 add 한다.

마지막으로 여기에서 알 수 있는 건, 만약 json에 discountedItemList 값만 있고, itemList 값이 없으면 에러가 발생할 것이다. 이유는 SetterlessProperty에서 getter에 invoke하여 생성한 객체가 null일 것이고, null에 값을 add 할 수 없기 때문이다.

무코다 이발소

동고킴 — Sun, 2 Jul 2023 21:36:00 +0900

한동안 하루하루 먹고 살기 바빠서 책 읽을 여유가 없었는데 이제 좀 여유가 생겼다. 스스로 바쁘게 산탓도 있지만 오랜만에 주말내내 여유롭게 책도 읽고 드라마도 보고 낮잠도 즐기니 세상을 다 가진것 같다.

무코다 이발소는 한때 탄광산업으로 번성했지만 지금은 소멸위기에 놓인 도마자와 마을과 주민들의 이야기다. 무코다 이발소는 도마자와 마을에 있는 이발소이고 이발소에 대한 이야기는 아니다. 일본도 그렇고 한국도 그렇고 농촌 소멸위기는 공통된 사회문제이다.

책을 읽는 내내 고향 생각, 어릴적 생각이 많이 나고 소설속 모습과 많이 오버랩되었다. 동네 사람들은 한다리 건너면 아는 사이고, 주변 이웃집 문은 항상 열려있었고 마치 우리집인냥 마음껏 드나들며 거리낌없이 지내던 시절. 그게 당연한줄 알았던 시절이었는데 지금은 상상도 못할 일이 되었다. 나는 지금이라도 돌아가고 싶은 마음반, 아직은 서울에 계속 있고 싶은 마음반이다. 소설속 이야기처럼 현실적인 문제가 큰데, 고향에 일자리와 의료시설만 확충된다면 귀촌 가능성은 90까지 올라가지 않을까 싶다. 도마자와 같은 이야기가 판타지가 아닌 현실이 되길

Sentry onpromise 설치 및 vue 애플리케이션 설정

동고킴 — Sun, 18 Jun 2023 17:57:07 +0900

Sentry는 로그 취합 및 분석 도구이자 모니터링 플랫폼이다. Front-End 로그 수집에도 많이 사용되는 플랫폼이다. 다양한 프레임워크를 지원하고, 로그 시각화 도구까지 지원한다. Saas 형태로도 제공하고 onpromise 방법도 제공한다. docker compose나 helm chart를 사용하여 쉽게 설치할 수 있다. 개인 서버가 있고, freetier가 부족하면 직접 설치해서 사용하는 것도 좋은 선택이다.

Self-Hosted 설치

Docker compose 또는 helm chart를 사용하여 설치한다.

가이드 : https://github.com/getsentry/self-hosted
git : https://github.com/getsentry/self-hosted
helm chart : https://github.com/sentry-kubernetes/charts

Sentry 설치가 완료되었으면 아래 주요 애플리케이션 설정을 한다.

install & config

vuejs 기준이다. 먼저 sentry/vue와 sentry/tracing를 설치한다.

# Using yarn
yarn add @sentry/vue @sentry/tracing

# Using npm
npm install --save @sentry/vue @sentry/tracing

sentry 가이드에서처럼 index.js에서 바로 해도 되지만 설정 파일을 따로 만들어서 관리하는 게 좋다.

/sentry/index.js 같은 파일을 만들어서 관리하자.

// sentry/index.js
import Vue from "vue";
import * as Sentry from "@sentry/vue";
import { Integrations } from "@sentry/tracing";

export default Sentry.init({
  Vue,
  dsn: VUE_APP_SENTRY_DSN,  // env 파일에 저장
  integrations: [new Integrations.BrowserTracing()],

  // Set tracesSampleRate to 1.0 to capture 100%
  // of transactions for performance monitoring.
  // We recommend adjusting this value in production
  tracesSampleRate: 1.0,
});

아래는 sentry/vue sdk는 init에서 구성 옵션을 허용한다.

attachProps (default : true) : 모든 Vue 구성 요소의 소품을 이벤트와 함께 포함할지 여부
logErrors (default : true) : SDK가 Vue의 원래 logError 함수도 호출할지 여부
trackComponents (default : false) : 앱의 구성 요소를 추적한다.

Timezone 설정

최초에 UTC 00:00으로 지정되어 있는 Timezone을 원하는 Timezone으로 변경한다.

경로 : Settings > Account > Details

Breadcrumbs

Sentry는 이동 경로를 사용하여 문제 이전에 발생한 이벤트의 흔적을 만든다. 이러한 이벤트는 기존 로그와 매우 유사하지만 보다 자세한 데이터를 기록할 수 있다. Breadcrumbs 속성은 알아두면 좋다.

type : 탐색경로의 유형
category : 이벤트가 무엇인지 또는 어디에서 왔는지 나타내는 항목. 예) ui.click
message : 이동 경로에 대한 메시지
data : 이동 경로와 관련된 임의의 데이터

원하는 breadcrumb 정보를 추가하려면 addBreadcrumb 함수를 사용하면 된다. 아래는 axios interceptor에서 request, response 데이터를 breadcrumb에 추가하는 예제다. 아래는 예제일 뿐이고 실제 axios 데이터를 추가하는 건 context에서 하는 게 가독성이 더 좋다. context 추가는 아래에서 한번 더 다룰 예정이다.

import axios from 'axios';
import * as Sentry from '@sentry/vue';

axios.interceptors.request.use(config => {
  // 요청 전 데이터 캡처
  Sentry.addBreadcrumb({
    category: 'xhr',
    message: 'XHR Request',
    data: config.data, // 요청 데이터
  });
  return config;
}, error => {
  return Promise.reject(error);
});

axios.interceptors.response.use(response => {
  // 응답 후 데이터 캡처
  Sentry.addBreadcrumb({
    category: 'xhr',
    message: 'XHR Response',
    data: response.data, // 응답 데이터
  });
  return response;
}, error => {
  return Promise.reject(error);
});

Context 추가

context를 사용하면 임의의 데이터를 이벤트에 첨부할 수 있다. 검색은 할 수 없지만 이슈 페이지에서 볼 수 있다.

위에서 axios 데이터를 Breadcrumb에 추가하는 예제가 있었는데, Breadcrumb 외에 context에도 추가하는 방법도 있다.

axios error 객체에 담겨있는 다양한 정보를 아래처럼 context에 추가적으로 설정할 수 있다. 이렇게 하면 Breadcrumb에 추가하는 것보다 데이터를 더 보기 편해진다.

import * as Sentry from "@sentry/browser";

const { method, url, params, data, headers } = error.config; // axios의 error객체
const { data, status } = error.response; // axios의 error객체

Sentry.setContext('API Request Detail', {
  method,
  url,
  params,
  data,
  headers,
});

Sentry.setContext('API Response Detail', {
  status,
  data,
});

태그(Tags)

tag는 매우 강력한 기능이다. tag는 키와 값이 쌍으로 이루어진 문자열이다. Sentry는 tag 빈도, 마지막 시간뿐만 아니라 이벤트에 대한 모든 태그를 자동으로 인덱싱 한다. 태그는 관련 이벤트에 빠르게 접근하고 일련의 이벤트에 대한 태그 배포를 보는 데 도움을 준다.

tag의 키는 32 글자이고, 값은 200자까지 가능하다.

import * as Sentry from "@sentry/browser";
Sentry.setTag("page_locale", "de-at");

Scope 설정

Scope는 이벤트와 함께 전송되어야 하는 유용한 정보를 보유한다다. Context 또는 Breadcrumb도 Scope에 저장된다. 이벤트가 전송되면 해당 이벤트의 데이터를 현재 Scope의 데이터와 합친다. 이런 특성을 이용해서 각 이벤트마다 원하는 데이터를 추가할 수 있다.

Scope는 configureScope와 withScope 두 종류가 있다.

configureScope

현재 범위를 재구성할 때 사용된다. 사용자 같은 공통 데이터를 설정하는데 주로 사용된다.

import * as Sentry from "@sentry/browser";

Sentry.configureScope(function (scope) {
  scope.setTag("my-tag", "my value");
  scope.setUser({
    id: 42,
    email: "john.doe@example.com",
  });
});

withScope

단일 호출 내에서 Data를 재구성할 때 사용된다. 하나의 특정 이벤트에 대한 데이터만 전송하려는 경우 매우 유용하다. 현재 범위의 데이터 복제본을 만들고 변경 사항은 withScope콜백 함수 내에서 격리된 상태로 유지된다. 이렇게 하면 context 정보의 일부를 코드의 특정 위치로 더 쉽게 분리하거나 호출하여 모든 context 정보를 간단히 제거할 수도 있다. 오류에 따라 서로 다른 데이터를 추가적으로 전송해야 할 필요가 있을 때 유용하게 사용할 수 있다.

다음은 하나의 특정 오류에만 withScope를 사용하여 level과 tag를 추가하는 예제이다.

Sentry.withScope(function (scope) {
  scope.setTag("my-tag", "my value");
  scope.setLevel("warning");
  // will be tagged with my-tag="my value"
  Sentry.captureException(new Error("my error"));
});

// will not be tagged with my-tag
Sentry.captureException(new Error("my other error"));

민감한 데이터 스크러빙

개인 식별 정보 등 수집 데이터에 민감한 데이터가 포함되어 있다면 수집되지 않도록 데이터에서 삭제해야 한다.

beforeSend 또는 beforeSendTransaction 훅을 사용하면 좋다. (더 자세한 내용은 sensitive-data를 참고)

Sentry.init({
  dsn: "https://examplePublicKey@o0.ingest.sentry.io/0",

  // Called for message and error events
  beforeSend(event) {
    // Modify or drop the event here
    if (event.user) {
      // Don't send user's email address
      delete event.user.email;
    }
    return event;
  },
});

참고

자바스크립트 Vite Github octokit 세팅 에러

동고킴 — Wed, 26 Apr 2023 07:01:22 +0900

깃허브 octokit 라이브러리 사용 에러 조치

빌드 환경 : Vite

rest api를 사용하려면 octokit 설치할 필요 없고 @octokit/core만 설치해도 된다.

yarn add @octokit/core

Vite에 아무 설정도 하지 않으면 아래 에러가 발생한다.

caught ReferenceError: global is not defined
    at index.mjs:657:16

vite.config 파일에 아래 global 설정 추가

define: {
  global: {},
},

global 설정 추가했는데 아래 에러가 뜨면

dex.mjs:1165 Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')
    at index.mjs:1165:65

isomorphic-fetch 설치 후, alias에 node-fetch를 추가한다.

isomorphic-fetch

resolve: {
    alias: {
      'node-fetch': 'isomorphic-fetch',
    },
},

vercel 404 NOT_FOUND 에러 해결

동고킴 — Sat, 25 Mar 2023 15:41:21 +0900

vercel에 간단한 SPA 앱을 만들어서 배포했는데 아래와 같은 에러가 발생하였다.

test.com/about 같은 하위 URL로 접근했을 경우, 서버(vercel)는 해당 URL을 처리하는 방법을 모른다. SPA의 라우팅 처리가 아닌 해당 리소스를 찾으려고 하기 때문에 404 에러가 발생하는 것이다. 이럴 때는 vercel에 내 SPA 앱의 인덱스 경로를 설정해 주면 된다.

vercel rewrites를 참고해 vercel.json에 rewrite 설정을 하면 된다.

{
  "rewrites": [{ "source": "/(.*)", "destination": "/" }]
}

위의 rewrites 방법은 단순하지만 단점이 있다. 어떤 이유로 이미지나 번들, html에 직접 접근하지 못한다. 이럴 경우에는 routes 설정을 한다.

{
  "routes": [{ "src": "/[^.]+", "dest": "/", "status": 200 }]
}

https://vercel.com/docs/concepts/projects/project-configuration

Configuring Projects with vercel.json

Learn how to use vercel.json to configure and override the default behavior of Vercel from within your project.

vercel.com

자바 벨리데이터(validator)과 리플렉션(reflection)

동고킴 — Wed, 15 Mar 2023 05:57:10 +0900

validator는 null을 검사하지 않고 순서를 보장하지 않는다.

아래 클래스처럼 벨리데이터를 사용하던 중 의문이 든 내용이다.

class User {
    @Size(min = 1, max = 50)
    @Pattern(regexp = "^[a-zA-Z]$")
    private String name;

    @Min(value = 18)
    private int age;

    @Min(value = 130)
    private int tall;

    public User(String name, int age, int tall) {
        this.name = name;
        this.age = age;
        this.tall = tall;
    }
}

- name에 null이 들어와도 에러가 발생하지 않는다. @size, @pattern 동작 안 함

- 클래스 내 필드에서 정합성 오류가 여러 건 발생하였는데, 오류 결과가 클래스에서 선언한 필드 순서와 달랐다.

이 내용에 대해서 정리를 해보았다.

1) null은 검증 대상에서 무시된다.

첫 번째로 먼저 name에 null이 들어왔을 때 동작이 안 하는 건 쉽게 알 수 있었다. 이유는 JRS 303 스펙에 "Null references are ignored."이라고 명시되어 있다.

The @Valid annotation on a given association (i.e. object reference or collection, array, Iterable of objects), dictates the Bean Validator implementation to apply recursively the Bean Validation routine on (each of) the associated object(s). This mechanism is recursive: an associated object can itself contain cascaded references.
Null references are ignored.

그래서 null을 체크하려면 @NotNull 또는 @NotBlank 등의 어노테이션을 추가하면 된다.

@Size(min = 1, max = 50)
@Pattern(regexp = "^[a-zA-Z]$")
@NotBlank
private String name;

2) 검증은 클래스에 선언한 필드 및 어노테이션 순서대로 수행하지 않는다.

User 클래스 필드에서 모든 필드 값이 오류일 경우, name, age, tall 순서로 에러를 반환하지 않는다.

public static void main(String[] args) {
    ValidatorFactory factory = Validation.buildDefaultValidatorFactory();
    Validator validator = factory.getValidator();

    User user = new User("", 8, 100);

    Set<ConstraintViolation<User>> violations = validator.validate(user);
    for (ConstraintViolation<User> violation : violations) {
        System.out.println(violation.getPropertyPath() + ": " + violation.getMessage());
    }
}

name, age, tall에 "", 8, 100을 입력하면 아래처럼 에러를 반환한다. 결과 순서가 클래스 내 필드 순서와 어노테이션 순서와 맞지 않는다.

name: size must be between 1 and 50
name: must match "^[a-zA-Z]$"
age: must be greater than or equal to 18
name: must not be blank
tall: must be greater than or equal to 130

그리고 결과 순서는 수행할 때마다 바뀐다.

public static void main(String[] args) {
    ValidatorFactory factory = Validation.buildDefaultValidatorFactory();
    Validator validator = factory.getValidator();

    for (int i=0; i<3; i++) {
        User user = new User("", 8, 100);
        Set<ConstraintViolation<User>> violations = validator.validate(user);
        for (ConstraintViolation<User> violation : violations) {
            System.out.println(violation.getPropertyPath() + ": " + violation.getMessage());
        }
        System.out.println("========================================");
    }

}

name: size must be between 1 and 50
name: must match "^[a-zA-Z]$"
age: must be greater than or equal to 18
name: must not be blank
tall: must be greater than or equal to 130
========================================
name: must match "^[a-zA-Z]$"
age: must be greater than or equal to 18
name: must not be blank
name: size must be between 1 and 50
tall: must be greater than or equal to 130
========================================
name: must match "^[a-zA-Z]$"
name: size must be between 1 and 50
age: must be greater than or equal to 18
tall: must be greater than or equal to 130
name: must not be blank
========================================

하지만 User 객체를 매번 생성하지 않고, 이미 생성된 객체에 대해서 수행하면 순서는 동일하게 나온다.

User user = new User("", 8, 100);
for (int i=0; i<3; i++) {
    Set<ConstraintViolation<User>> violations = validator.validate(user);
    for (ConstraintViolation<User> violation : violations) {
        System.out.println(violation.getPropertyPath() + ": " + violation.getMessage());
    }
    System.out.println("========================================");
}

name: size must be between 1 and 50
name: must match "^[a-zA-Z]$"
age: must be greater than or equal to 18
name: must not be blank
tall: must be greater than or equal to 130
========================================
name: size must be between 1 and 50
name: must match "^[a-zA-Z]$"
age: must be greater than or equal to 18
name: must not be blank
tall: must be greater than or equal to 130
========================================
name: size must be between 1 and 50
name: must match "^[a-zA-Z]$"
age: must be greater than or equal to 18
name: must not be blank
tall: must be greater than or equal to 130
========================================

서론이 길었는데 결론부터 말하자면, 순서가 다른 이유는 validator는 리플렉션(reflection)을 사용하고 있고 리플렉션은 순서를 보장하지 않기 때문이다.

리플렉션은 자바에서 클래스, 인터페이스, 필드, 메서드 등에 접근하고 조작하기 위한 기술이다. 리플렉션을 사용하면 클래스의 정보를 가져오거나, 클래스의 인스턴스를 생성하고, 필드나 메서드 등의 정보를 동적으로 조작할 수 있다. 이를 통해, 자바에서는 런타임 시점에 클래스의 동적인 조작이 가능하다. 벨리데이터도 이를 활용하여 기능을 구현하고 있다.

하지만 리플렉션 API들은 순서를 보장하지 않는다. 예를 들어 아래 두 개 API를 보자. 각각 클래스에 선언된 필드와 메서드를 조회하는 API이다.

getDeclaredFields

Returns an array of Field objects reflecting all the fields declared by the class or interface represented by this Class object. This includes public, protected, default (package) access, and private fields, but excludes inherited fields. If this Class object represents a class or interface with no declared fields, then this method returns an array of length 0. If this Class object represents an array type, a primitive type, or void, then this method returns an array of length 0. The elements in the returned array are not sorted and are not in any particular order.

getDeclaredMethods

Returns an array containing Method objects reflecting all the declared methods of the class or interface represented by this Class object, including public, protected, default (package) access, and private methods, but excluding inherited methods. If this Class object represents a type that has multiple declared methods with the same name and parameter types, but different return types, then the returned array has a Method object for each such method. If this Class object represents a type that has a class initialization method <clinit>, then the returned array does not have a corresponding Method object. If this Class object represents a class or interface with no declared methods, then the returned array has length 0. If this Class object represents an array type, a primitive type, or void, then the returned array has length 0. The elements in the returned array are not sorted and are not in any particular order.

리플렉션이 순서를 보장하지 않는다는 건 알았는데, 그럼 왜 순서를 보장하지 않을(못할)까?

이 이유를 알기 위해선 자바의 메타데이터(Metadata)와 메타스페이스(Metaspace)와 에 대한 지식이 필요하다.

Metaspace(메타스페이스)

Metaspace는 자바 8 이후부터 도입된 개념으로 JVM의 메모리 영역 중 하나이다. JVM의 메모리 영역 중 Permgen(Permanent Generation) 대신 새로 생긴 메모리 영역이다. 가장 큰 차이는 Permgen은 Heap 영역에 있었지만 Metaspace는 Native Memory 영역에 위치한다는 것이다.

자바에서 클래스는 최초에 모두 로딩되는 것은 아니고 필요 시점에 로딩되는데, Metaspace는 클래스가 로드되고 런타임이 JVM에 준비될 때 클래스로더(loader)에 의해 할당된다. 그리고 Metaspace 릴리즈는 클래스 로더가 언로드(unload) 될 때 발생한다.

Metadata(메타데이터)

metadata(메타데이터)는 클래스의 정보를 기술하는 데이터이다. metadata는 클래스의 이름, 필드, 메서드, 생성자, 상위 클래스, 인터페이스 등과 같은 정보를 포함한다. 그리고 metadata는 heap이 아닌 native memory 영역에 위치하며, 이 영역이 바로 Metaspace이다. 클래스는 heap 영역 안에 있는 object이지만, metadata는 object가 아니며 heap 안에 위치하지 않고, native memory의 metaspace 영역에 위치한다. 그리고 JVM은 클래스 멤버를 내부적으로 저장하는 방법을 정의하지 않는다.

정리

- 자바 validator는 리플렉션을 사용한다.

- 리플렉션은 metadata를 사용한다.

- metadata는 metaspace에 위치한다.

- mestaspace는 클래스가 로드될 때 생성되고, 언로드될때 해지된다.

- metadata는 JVM이 클래스를 로드할 때 수집된다.

- JVM은 클래스 멤버를 내부적으로 저장하는 방법을 정의하지 않는다.

- 그래서 리플렉션을 사용하여 클래스 멤버를 가져오는 validator는 순서가 보장되지 않는다.

참고

- https://beanvalidation.org/1.0/spec/#constraintdeclarationvalidationprocess-validationroutine-graphvalidation

- https://docs.oracle.com/javase/8/docs/api/java/lang/Class.html

- https://stackoverflow.com/questions/1097807/java-reflection-is-the-order-of-class-fields-and-methods-standardized

- https://jaemunbro.medium.com/java-metaspace%EC%97%90-%EB%8C%80%ED%95%B4-%EC%95%8C%EC%95%84%EB%B3%B4%EC%9E%90-ac363816d35e

vue 여러개의 값을 동시에 watch 하는 방법

동고킴 — Tue, 13 Dec 2022 18:57:25 +0900

여러 프로퍼티를 한 번에 watch 하는 방법

아래와 같은 코드가 있다. car와 coffee 값이 변하면 동일한 doSomething 함수를 호출한다. 여러 개를 watch 해야 하는 상황에서 모든 프로퍼티마다 watch를 선언하지 않고 한 번에 하는 방법이 있다.

watch: {
    car: function (val, oldVal) {
      doSomething();
    },
    coffee: function (val, oldVal) {
      doSomething();
    },
    // .. so on
}

Vue 3

Vue 3에서는 아래처럼 할 수 있다.

import { watch, ref } from 'vue';

export default {
  setup(() => {
    const car = ref('car'), coffee = ref('coffe');

    watch([car, coffee], ([newA, newB], [prevA, prevB]) => {
      doSomething();
    });
  });
};

Vue 2

Vue 2에서는 아래처럼 $watch instance를 사용하여 구현할 수 있다.

this.$watch(vm => [vm.car, vm.coffe].join(), val => {
  doSomething();
})

만약 위 방법이 새로운 배열을 만들기 때문에 성능에 문제를 초래할 수 있다고 생각되면 아래처럼 하면된다.

this.$watch(
    (vm) => (vm.car, vm.coffe, Date.now()),
    function () {
    	doSomething();
    }
)

다크모드가 근시와 난시를 유발할 수 있다고 한다

동고킴 — Sat, 10 Dec 2022 19:46:40 +0900

크랩

평소에 주로 다크모드만 사용하는데 근시와 난시를 유발할 수 있다니. 내용을 보면 중고등 때 다 배운 내용들이다. 그렇다고 다크모드를 포기할 순 없는 노릇이니 자기 전에 누워서 핸드폰 하는 버릇을 고치거나 시간을 줄이던가 해야 할 듯.

크랩에서 이 내용이 컨텐츠로 나왔는데 내용을 정리하면,

1. 다크 모드는 근시와 난시가 유발될 수 있는 것은 맞다.

다크 모드를 쓰게 되면 빛의 양이 줄어들기 때문에 더 잘 보기 위해서 눈의 조절력이 더 많이 소모된다.

2. 빛이 줄어들게 되면 동공이 더 확장된다.

확장이 되면 눈 안에 들어온 빛들이 한곳에 모이지 못해서 깨끗하고 선명한 상을 만들지 못한다. 그렇게 되면 눈 안의 수정체의 위치가 약간 앞으로 이동을 하게 되고 근시가 유발될 수 있다. 근시가 유발되는 환경에서는 난시도 같이 진행될 수 있기 때문에 같이 묶어서 생각하면 될 것 같다.

3. 정말 최악은 어두운 곳에서 엎드린 상태로 휴대폰 사용하는 것

이러면 더욱더 수정체가 앞으로 쏠리면서 근시 유발뿐 아니라 방수(눈 안의 물)가 원활히 빠져나가지 못해 안압이 급격하게 상승한다. 그럼 녹내장까지 발생할 수 있다.

4. 그럼 다크모드는 왜 생긴 거냐

제조사가 다크모드를 만든 이유는 따로 있다. OLED는 스스로 빛을 내는물질이라서 어두운 색을 표현할 땐 발광할 필요가 없기 때문에 전력 소모량을 아낄 수 있다고 한다.

또 OLED는 특성상 같은 화면을 오랫동안 켜놓으면 잔상이 생기는데 다크모드를 쓰면 이런 현상도 덜하다고 한다.

그 외에도 플리커 현상과 블루라이트를 줄여주는 효과가 있다.

https://www.youtube.com/watch?v=m_67BIzkN-w

git gone 원격에서 삭제된 로컬 브랜치들을 한번에 삭제하는 방법

동고킴 — Sat, 10 Dec 2022 17:20:22 +0900

git gone 명령어를 만들어서 로컬 브랜치들 정리해보자

보통 이미 반영 또는 머지된 원격(remote) 브랜치들은 삭제된다. 하지만 그 브랜치들을 체크아웃(checkout)한 로컬 브랜치들은 여전히 우리 로컬에 존재한다. 이 브랜치들을 정리하지 않으면 로컬에 무수히 많은 브랜치들이 남게 되는데 이 브랜치들을 편하게 삭제할 수 있는 방법이 있다.

트래킹하는 원격 브랜치가 없는 로컬 브랜치는 지워지지 않으니 안심하고 사용해도 된다.

git gone 명령어를 새로 만들 거다. git config 명령어를 통해 바로 등록해도 alias를 등록해도 되고, gitconfig 파일을 열어서 직접 입력해도 된다.

방법 1) config 명령어로 바로 등록

git config --global alias.gone "! git fetch -p && git for-each-ref --format '%(refname:short) %(upstream:track)' | awk '\$2 == \"[gone]\" {print \$1}' | xargs -r git branch -D"

방법 2). gitconfig 파일 열어서 등록

[alias]
  gone = ! "git fetch -p && git for-each-ref --format '%(refname:short) %(upstream:track)' | awk '$2 == \"[gone]\" {print $1}' | xargs -r git branch -D"

git gone 명령어 설명

git gone 명령어는 트래킹 하는 원격 브랜치가 삭제되면 로컬에서 해당 브랜치의 상태가 [gone]으로 변한다는 점을 이용한다.

git fetch -p : 원격 브랜치가 삭제된 로컬 브랜치들의 상태를 갱신한다. 이때 상태가 [gone]으로 변한다. git prune 명령어는 unreachable 한 git object들을 로컬에서 정리하는 작업이다.
git for-each-ref : 쉽게 생각해서 반복문이다. 업스트림(upstream) 브랜치이고 상태가 gone인 로컬 브랜치를 조회한다.
브랜치명을 파라미터로 받아 브랜치를 삭제한다.
트래킹하는 원격 브랜치가 없는 로컬 브랜치는 지워지지 않으니 안심하고 사용해도 된다.

이제 git gone 명령어로 쉽게 로컬 브랜치들을 정리하면 된다.

참고

https://www.erikschierboom.com/2020/02/17/cleaning-up-local-git-branches-deleted-on-a-remote/

GitHub 파일 아이콘 적용하기 (feat. 크롬 확장프로그램)

동고킴 — Wed, 30 Nov 2022 19:00:54 +0900

깃허브에서 파일 아이콘 적용하기

크롬 확장 프로그램에서 귀여운 프로그램을 발견했다. 바로 깃허브 사이트에서 파일 확장자에 따라 아이콘을 적용해서 보여주는 프로그램인데 적용하면 귀엽고 가독성도 좋아진다.

File Icons for GitHub and GitLab 익스텐션 설치 후, 적용하면 아래처럼 파일 아이콘이 적용된다.

조만간 이 귀여운 크롬 익스텐션 개발에 대해서 알아봐야겠다.

k8s pod 삭제해도 계속 생성될 때

동고킴 — Mon, 28 Nov 2022 19:06:22 +0900

delete 명령어를 사용하여 k8s pod를 삭제했는데 계속 생성되는 pod를 삭제하는 방법

만약 pod를 삭제했는데 다시 생성된다면 pod가 deployment, job 등의 워크로드에 의해 관리되고 있는 건 아닌지 확인해봐야 한다.

pod를 관리하는 워크로드들은 아래와 같다.

- ReplicationController

- ReplicaSet

- Deployment

- StatefulSet

- DaemonSet

- Job

- CronJob

만약 위의 워크로드에 의해 생성되고 관리되고 있는 pod라면 위 워크로드를 삭제하면 pod도 함께 삭제된다.

해당 정보는 metadata.ownerReference를 보면 알 수 있다.

아래의 경우를 예를들면 해당 pod는 my-repset ReplicaSet 워크로드에 관리되고 있고,

이 ReplicaSet을 삭제하면 garbase collection에 의해 자식 pod도 삭제된다.

axios major version 업데이트

동고킴 — Sat, 26 Nov 2022 17:49:05 +0900

axios v1.x 버전의 몇 가지 변경점을 살펴보자

axios 버전이 v0.x에서 v1.x으로 업데이트되었다. v0.x에서 오랫동안 업데이트되지 않고 있었는데 한 번에 v1.x이 릴리즈 되었다. 당연히 메이저 버전이 올라갔으니 바뀐 사항들이 많을 것이고, 기존에 동작하던 기능들이 동작하지 않을 수도 있다.

semantic-versioning에도 메이저 버전 변경 시에는 기존 API가 삭제/변경되거나 호환되지 않을 수 있다고 나와있다.

Major Version: 기존 API의 변경/삭제로 update하면 동작하지 않을 수 있다는 경고의 의미
Minor Version: 이전 버전과 호환되는 방식으로 API가 추가되었으니 살펴보라는 의미
Patch Version: 이전 버전과 호환되는 버그 수정을 했을 경우

v1.x의 CHANGELOG를 보면 변경된 사항이 많이 보인다. v0.x을 사용하다가 v1.x로 버전을 올렸더니 역시나 제대로 에러가 발생하는 곳이 있어서 에러가 발생하는 부분에 대한 변경점을 몇 가지 살펴보았다.

1) URL params serializer

먼저 기존에 사용하던 paramsSerializer이 변경되었다. 기존에는 paramsSerializer를 함수로 바로 사용하였지만 v1.x부터는 스펙 자체가 변경되었다. 그래서 v0.x 버전에서 이 내용을 적용하지 않으면 "options must be an object" 에러가 발생한다. 새로운 paramsSerializer에서는 기존에 사용하던 customSerializer을 serialize로 넣으면 그대로 사용할 수 있을 뿐만 아니라 인코딩과 indexes 옵션을 통한 기본 직렬화(serialize)도 제공한다.

encode는 커스텀 인코딩이 필요한 경우 넣는 옵션이고, seiralize는 기존에 paramSerializer로 넣던 customSerializer를 넣는 부분이다. indexes는 기본 직렬화 옵션이다. 여기서 주목해야 할 건 indexes 옵션이다. 이번 버전부터는 axios 라이브러리 자체에서 기본 직렬화를 제공한다. 거기에 indexes 옵션을 함께 사용하면 배열 직렬화도 용도에 맞게 할 수 있다.

코드 내에서 직렬화를 실제로 수행하는 건 buildURL 함수이다. 아래처럼 테스트 코드를 작성하여 buildURL 함수를 실행해보면

indexes가 null이면 URL에서 괄호(bracket)가 없는 것을 볼 수 있고, false면 인덱스가 없고, true면 인덱스가 있는 걸 볼 수 있다. 보통 나는 null로 세팅했을 때 나오는 결과, 괄호가 없는 버전의 직렬화된 URL만 사용했기 때문에 다른 직렬화 옵션이 왜 필요할까 찾아봤고, 그 이유를 Send an Array with an HTTP Get에서 찾을 수 있었다.

URL에 array를 자바(서블릿)는 괄호가 없이 "foo=value1&foo=value2&foo=value3"처럼 보내면 되지만, PHP, RoR 같은 언어에서는 "foo[]=value1&foo[]=value2&foo[]=value3"처럼 괄호를 사용한다고 한다.

2) interceptor에서 일부 header 키 접근 불가

v1.x부터는 interceptor안에서 get, post, common 등의 헤더키에 바로 접근할 수 없다. 아래처럼 인터셉터가 동작하기 전에 delete, get, head, post, put, patch, common를 헤더에서 삭제한다.

common은 Global Header용도로만 사용하도록 바뀌었으며, 인터셉터 안에서는 헤더 값을 세팅해야 하는 경우에는 common을 사용하지 않고 직접 세팅하면 된다. Global 헤더를 세팅하는 경우에는 아래처럼 세팅하면 된다.

예전에 axios-extensions 라이브러리 코드를 보면서 axios에 캐시를 어떻게 구현하였는지 본적이 있었는데, 이번엔 axios 코드를 직접 보게 되었는데 많은 인사이트를 얻었다.

JSONP 용도, 동작 정리

동고킴 — Sat, 19 Nov 2022 09:31:54 +0900

JSONP가 무엇이고 어떻게 사용하는지 알아보자

JSONP(JSON with Padding)는 cross-origin 도메인으로의 요청을 우회할 때 사용되는 방법이다. 예를 들어 www.abc.com에서 www.example.com을 요청하는 경우를 말한다.

JSONP는 <script> 태그를 통해 cross-origin 도메인에 요청을 한다. 보통 callback 쿼리로 요청을 하는데 예를 들면 https://example.com?callback=myCallback 처럼 요청할 수 있다. 그러면 example 서버는 myCallback 함수로 콜백을 보낸다.

아래 jsonp를 지원하는 서버로 요청을 해보자. 아래는 도시 정보를 조회하는 샘플 jsonp 타입의 api이다.

https://mayors24.cityofboston.gov/open311/v2/services.json?callback=cities

이 주소를 브라우저에 바로 입력하면 아래처럼 응답이 온다. 응답을 보면 callback 쿼리명으로 데이터가 래핑 되어서 오는 것을 볼 수 있다.

즉 html에서 아래처럼 사용할 수 있다.

<script>
  function cities(data) {
    console.log(data);
  }
</script>

<script src="https://mayors24.cityofboston.gov/open311/v2/services.json?callback=cities"></script>

단, JSONP cross-origin 요청이기 때문에 안전하지 않다. 권장되는 접근방식은 CORS이다.

참고

https://stackoverflow.com/questions/2067472/what-is-jsonp-and-why-was-it-created/2067584#2067584

자바스크립트에서 몽키패치(Monkey patch)

동고킴 — Mon, 3 Oct 2022 12:09:19 +0900

몽키패치(Monkey patch)가 무엇인지 알아보고 예제와 단점을 알아보자

몽키패치란(Monkey patch)

몽키패치는 원래 소스코드를 변경하지 않고 실행 시 코드 기본 동작을 추가, 변경 또는 억제하는 기술이다. 쉽게 말해 어떤 기능을 위해 이미 있던 코드에 삽입하는 것이다.

자바스크립트의 endwWith 함수를 예를 들어보자. 이 함수는 어떤 문자열에서 특정 문자열로 끝나는지를 확인할 수 있으며, 그 결과를 true 혹은 false로 반환한다. 만약 이 함수가 없었다면 이 기능을 어떻게 구현했을까

첫 번째 방법은 유틸리티 객체를 만드는 것이다.

var Utility = {
   endsWith: function(string, suffix) {
      return string.indexOf(suffix, string.length - suffix.length) !== -1;
   }
};

var isSuffix = Utility.endsWith('hello world', 'ld');

다른 방법은 String 내장 객체에 함수를 정의하는 것인데, 이게 바로 몽키패치이다.

String.prototype.endsWith = function(suffix) {
   return this.indexOf(suffix, this.length - suffix.length) !== -1;
};

	
var isSuffix = 'hello world'.endsWith('ld');

몽키패치의 다른 예로 console.log에 타임스탬프를 찍어보자

var log = console.log;
console.log = function() {
   log.apply(console, [(new Date()).toString()].concat(arguments));
};

몽키패치를 사용하면 console.log를 재정의 또는 확장하여 타임스탬프를 찍는 console.log를 만들 수 있다. 이렇게 보면 몽키패치가 편하고 좋아 보이지만 꼭 그런 건 아니다.

몽키패치의 단점

원숭이 패치는 종종 위험한 기술로 간주된다. 왜냐하면 몽키패치는 기존 코드와의 충돌이 있을 수 있기 때문이다.

String.prototype.constains()가 String.prototype.includes()로 변경된 일이 있었는데, 그 이유는 MooTools 라이브러리를 사용하는 코드들이 String.prototype.containts 함수의 충돌로 인해 버그가 발생한 것이다. MooTool's String.prototype.contains conflicts with ES6 깃헙 이슈를 보면 더 자세히 알 수 있다.

이처럼 몽키패치가 내장 객체에 사용될 때 언어의 발전을 방해할 수 있다. 몽키패치는 언어, 라이브러리, 프레임워크 등 모든 코드로 확장될 수 있다. 몽키패치를 사용할 때 기능이 충돌하여 버그가 발생할 가능성을 염두해야 한다.

몽키패치를 사용하는 경우

몽키패치가 좋은 케이스 중 한 가지는 이미 ECMAScript 표준의 일부이고 모든 브라우저에서 지원되지 않는 메서드를 폴리필하는 경우이다. 이 방법은 이미 표준화되어 있으므로 서명과 정확한 동작을 알 수 있으므로 안전한 몽키패치이다.

그리고 이미 정의된 함수 또는 코드가 없는 경우에 몽키패치를 사용하는 것도 안전하고 좋은 방법이다.

예를 들어 String.prototype.includes() 함수를 지원하지 않는 브라우저에서는 아래처럼 몽키패치를 사용할 수 있다.

if (!String.prototype.includes) {
  String.prototype.includes = function(search, start) {
    'use strict';
    if (typeof start !== 'number') {
      start = 0;
    }

    if (start + search.length > this.length) {
      return false;
    } else {
      return this.indexOf(search, start) !== -1;
    }
  };
}

동고 팔자 상팔자

온러닝(On Hldg) 투자 종료

LABU 3배눈 역시 변동성이 크다

현대글로비스 매수 (feat. 이것도 오픈북?)

알테오젠 일부 매도 (feat. 실수)

LABU 지금이다

엔비디아 투자 종료

알테오젠 아직 단 한주도 팔지 않았다

니체의 말

자바스크립트 every 함수가 빈 배열을 true로 반환하는 이유

자바스크립트 every가 빈 배열을 true로 반환하는 이유

every() 구현체 살펴보기

수학과 자바스크립트에서 전체 양화사 (for all(모든 값에 대한)" 양화사(quantifier))

수학과 자바스크립트에서의 존재 양화사

다른 언어에서의 양화사

"전체" every()의 의미

결론

참고

자바스크립트 every 함수 구현 (feat. ECMA-262)

ECMA-262 규격대로 every 함수 구현해 보기

v8 엔진의 every 함수 구현

자바스크립트로 every 함수 구현

참고

영유아, 소아 독감 주의사항 정리

1. 독감치료제(타미플루/페라미플루 등) 투약 후 주의해야 할 사항

2. 타미플루와 해열제를 동시에 먹여도 되나?

3. 타미플루 먹고 열이 떨어졌는데 계속 먹어야 하나?

4. 독감 치료제 투약 후에도 열이 계속 나는데, 언제까지 열이 나나?

5. 타미플루를 먹고 토했는데 다시 먹여야 하나?

6. 약이 부족해요. 최소한 몇 번까지 먹어야 하나?

알트 전량 현금화

자바스크립트 엔진과 런타임 차이

자바스크립트 엔진과 자바스크립트 런타임은 어떻게 다를까?

ECMAScript란

자바스크립트란

자바스크립트 엔진이란

자바스크립트 런타임이란

정리

원문 및 참고

제주 삼양 맛집 - 갈치국 벌랑포구

동네 아저씨들이 가는 로컬 맛집

알테오젠 대주주 매도는 악재가 맞다

나의 관상학

나이가 들면 본인 얼굴에 책임을 져야 한다.

미국 주식 포트폴리오 정비 - 에볼루스, 페이팔 신규 편입

애플

인텔

엔비디아

디즈니

에볼루스

페이팔

알트코인 오픈북 시험 1개월 현황

인텔이 가야할 길을 못가고 있다.

바이든이 다 된 밥에 재를 뿌리는 중

율촌화학 신규 진입

지금은 오픈북 시험 중 03 - 2.5류 포지션

힘들때 존버하는건 이류다

제주 삼양 맛집 - 낙지볶음 정낭집

여기 낙지볶음 진짜 꼭 먹어야된다. 두번 드세요.

지금은 오픈북 시험 중 02 - 이게 되네

알테오젠 불타기 매수 전략

오늘부로 저 전략은 무효화 됐다.

바이오 투자를 위한 기본 & 필수 지식

지금은 오픈북 시험 중 01

역사는 반복된다고 가정하면 지금 이거 완전 오픈북 시험이다.

Vue 반응성 분석 (2) : Vue2 반응성 구현

Vue2 예제 코드

data, total 선언

Object.defineProperty 사용

watcher

정리

의대증원, 혼합진료 꿀통이 중요한게 아니다. 내 꿀통을 찾아야 할때

알테오젠 - 단기냐 장기냐 그것이 문제로다

Vue 반응성 분석 (1) : 인트로 (Intro)

반드시 알아야하는 혈액검사(피검사) 종류와 해석

1. 일반혈액

2. 일반화학

3. 종양 & 암 관련

디즈니 주가 무슨일이지

신규 종목 매수 (디즈니, 넷마블)

`every()` 구현체 살펴보기