시리즈

TIL

1.TIL: react key, callback ref, mouseEvent[clientX, screenX, pageX], text-overflow

react의 key는 stable, predictable, unique 해야한다. 무한 slide를 구현하며 양쪽 끝에 동일한 asset이 입력되기 때문에 id가 겹치는 문제가 발생했다. 이를 간단하게 해결하고 싶어 index + Math.random을 사용했으나 3가

2022년 1월 18일

2.TIL: UNIX timestamp, Tags(article, section, output)

UNIX timestamp: UNIX는 s(초)를 기준으로 시간을 계산하는 방법이다. js의 Date 함수는 timestamp를 입력받지만 ms(밀리초)가 기준이기 때문에 UNIX 값을 입력하는 경우 상당히 먼 과거의 날짜를 반환하게 된다. 따라서 UNIX 값을 가지고

2022년 1월 26일

3.TIL: 이벤트 프로퍼티 방식과 addEventListener 메서드 방식(feat: 원티드 프리온보딩 지원과제)

1. useCallback 일반함수에서는 적용되지 않으나, 해당함수를 useCallback으로 memo했을 때 발견된 문제가 있었다. 상황 document.addEventListener에 useCallback으로 메모라이징한 함수를 사용할 경우, removeEven

2022년 1월 23일

4.TIL: 열거형

특정한 넘버 혹은 스트링을 타입으로 사용하는 경우가 있다.아래와 같은 예시가 그에 해당한다.그런데 위처럼 or 연산자로 타입을 정의해 버리면 축약형으로 쓴 ja, ko, en이 무엇을 의미하는지 까먹거나 모를 때가 있다. ug가 어떤 국가를 의미하는지 아는 사람이 있을

2022년 1월 20일

5.TIL: typescript(class, tsconfig 옵션)

배운 내용 정리하기 typescript 1. class에서 선언한 private(클래스 외부에서 절대 접근 불가), protected(private와 동일하지만 확장된 클래스에서는 접근 가능) 멤버가 있다면, 구조가 동일하더라도 반드시 동일한 클래스를 통해 정의된

2022년 1월 20일

6.TIL: GitHub Actions 정리

GitHub Actions는 빌드, 테스트, 배포에서 필요한 파이프라인을 자동화하는 CI/CD 플랫폼이다.GitHub Actions는 단순한 DevOps를 넘어서, 이밴드 발생시 workflow를 실행할 수 있는데, 이벤트 단위로 동작하기 때문에 issue 발생시 la

2022년 3월 30일