Repository

프로젝트를 진행하다보면 "A의 값이 없을 때 B의 값을 보여주세요!!"를 볼 수 있습니다. 이떄 Typescript 를 사용해보신 분들이라면 아시겠지만 || 와 ??를 봤을 것이다. 어떻게 사용하는지는 알텐데 정확히 어떤 점이 다른지가 궁금할 수 있는데, 이 글에서는 그 각각 어떤 효과를 내고, 어떤 의미를 가지는지를 알아보도록 하겠다. Null병합 연산자( ?? ) 개념 Nullish Coalescing Operator으로 불리며 피연산자가 null이거나 undefined라면 해당 피연산자의 대체 값을 사용하는 연산자다. 사용법 const text = null; console.log(text ?? '값이 없습니다.'); // 출력값 = '값이 없습니다.' 특징 왼쪽에 있는 피연산자가 null이거나 un..

Image를 업로드 한다 할 때 우리는 여러가지 기능들을 기대하게 됩니다. 미리보기 기능이 있으면 올린 파일이 어떻게 보이는지 미리 알 수 있어서 좋고, Drag Drop기능이 있으면 파일을 보다 편하게 업로드 할 수 있고, 이미지 복사하여 붙여넣기 기능이 있다면 더욱 편하게 업로드 할 수 있을 것입니다. 이렇게 Image혹은 파일을 업로드 하는 것을 우리는 일상속에서 많이 찾아볼 수 있습니다. 그리하여 이번에는 Image를 업로드 할 때 많이 접할 수 있는 미리보기, Drag Drop, Copy Paste기능을 정리하여 보겠습니다. Preview 이미지 미리보기는 요즘 이미지 업로드라면 대부분이 가지고 있는 기능이라 생각합니다. 사실 이미지를 업로드 할때 미리보기를 구현하는 것은 매우 쉬운일입니다. 이..