본문 바로가기

🔖 Daily/Today I Learned🌱43

[09AUG, 2021] TIL 요즘 노션에 빠져서 블로깅을 잘 안 하게 되는데 그래도 노션과 블로그는 느낌이 다르고 블로깅을 할 때 좀 더 깊게 공부하게 돼서 틈틈이 TIL이라도 열심히 쓰려고 노력해야겠다!! ✔️ ?? (Nullish coalescing operator, null 병합 연산자) 오늘 유튜브를 보다 ?? 라는 null 병합 연산자를 알게 되었다. leftExpr ?? rightExpr 이렇게 표현하며, 왼쪽 피연산자가 null 또는 undefined (Nullish한 값) 일 때 오른쪽 피연산자를 반환하고, 그렇지 않으면 왼쪽 피연산자를 반환하는 논리 연산자이다. 예제를 보면 더 쉽게 이해할 수 있다. function printMessage (text) { const message = text ?? 'Nothing t.. 2021. 8. 9.
[06AUG, 2021] TIL 벌써 8월의 첫 주 금요일이다! 시간이 빠르다 빨라⏰ ✔️ Absolute path(절대 경로) 사용 그동안 나는 Relative path(상대경로)를 사용했다. 오늘 검색하다 보니 상대 경로는 프로젝트 규모가 커지면 너무 비효율적이고 알아보기 어렵다는 단점이 크다는 것을 알았다. 그래서 절대 경로를 사용하려 했는데 사용하기 위해서 처음 세팅이 필요하다는 것을 알았다. 공식문서에 잘 나와있어서 금방 참고해서 쓸 수 있었다. jsconfig.json 또는 tsconfig.json 파일에서 이 코드만 추가해주면 된다. // jsconfig.json { "compilerOptions": { "baseUrl": "src" }, "include": ["src"] } //상대경로 import Post from .... 2021. 8. 7.
[31JUL, 2021] TIL 7월의 마지막 TIL✨ 어제는 백신 맞고 일찍 자버렸다..! 사람마다 반응이 다르다는데 나는 졸림과 무기력함이 많이 온 것 같다..! 오늘도 많이 공부한 건 아니지만 간단히 정리하고 슝슝~ ✔️ TS에서 enum과 object 차이 요즘 계속 JS로 공부하고 코딩하고 있어서 TS를 다시 복습하다 enum부분에서 object(객체)와 차이에 대해 정리해본다. object는 새로운 속성을 자유롭게 추가할 수 있지만, enum 은 선언할 때 이후에 변경할 수 없다. object의 속성 값은 JS가 허용하는 모든 타입이 올 수 있지만, enum 의 속성 값으로는 문자열 혹은 숫자만 허용된다. 이렇기에 같은 ‘종류’를 나타내는 여러 개의 숫자 혹은 문자열을 다뤄야 하는데, 각각 적당한 이름을 붙여서 코드의 가독성.. 2021. 7. 31.
[29JUL, 2021] TIL 벌써 7월 29일 TIL이라니 껄껄..🤭 ✔️ 바벨(Babel) (웹팩을 정리하면서 바벨도 함께 정리할까 하다 블로그에는 간단히만 정리하고 싶어서 TIL로 뺐다.) 바벨은 트랜스 파일러다. 그래서 역할은 브라우저마다 동일하게 동작할 수 있는 코드로 변환시켜주는 것이다. 코드 변환은 아래와 같이 3단계에 걸쳐 이루어진다. 1. 코드를 각 토큰으로 분해한다. 2. ES5 스펙으로 변환한다. 3. 변환된 코드를 출력한다. ✔️ npm install 옵션 그동안 나는 npm insall --save -dev만 썼었는데 오늘 npm install -D를 보고 뭐지 하고 검색해보고 정리하게 되었다. npm install npm install --save 과거에는 dependencies에 패키지를 추가하기 위해 밑의.. 2021. 7. 29.