Typescript - any, unknown, never 차이점 정리

any let name: any; 타입스크립트에서 가장 유연한 성격을 가진 타입입니다. 모든 타입의 값도 받을 수 있습니다. 유연해서 많이 사용할 것 같지만 사용을 지양하는 것이 좋습니다. any를 사용하면 타입스크립트 컴파일러 작동을 하지 않아, 타입을 검사하는 부분이 없어지게 됩니다. 이렇게 된다면 일반 자바스크립트와 차이점이 없어지게 됩니다. 타입스크립트에서 어떠한 타입을 사용할지 정확하게 설정해주어야 합니다. unknown let name: unknown unknown 타입은 어떠한 값이든 저장이 가능합니다. 하지만, any 타입과는 다른 점이 있습니다. 값을 입력하고 값을 전달하려고 하면 에러가 발생합니다. 조금 더 제한 적입니다. any 보다 나은 점은 할 수 없는 작업이 에러가 발생한다는 점..

• format_list_bulleted Develop/TypeScript
• · 2023. 8. 30.
• textsms

양양 물치해변 로컬 맛집 물치식당

안녕하세요 양양 물치해수욕장 인근에 있는 물치식당을 방문했습니다. 물곰탕, 물회 전문집입니다. 특히나 관광객보다, 일반 로컬분들이 많이 오셔서 인상 깊었습니다. 영업시간 08:00 ~ 21:00입니다. 물치 해수욕장 보다 한쪽 안의 골목이 있는 식당입니다. 저는 물회를 주문했었고, 회덮밥, 문어물회, 곰치국 등 다양하게 있습니다. 저녁 타임에 방문했는데, 첫 손님이어서 자리가 비워있었는데 금방 로컬 현지인 분들로 가득 찼습니다. 기본 반찬으로 위와 같이 나옵니다. 반찬 하나하나가 뭐랄까... 찐 맛집의 맛이... 다 맛있었습니다!! 짜잔, 대망의 물회가 나왔습니다. 물회 안에 회가 넉넉히 들어있습니다. 맛은 새콤달콤한 물회보다는 매콤한 맛이 강한 물회입니다. 화끈하게 먹기 좋습니다 사장님께서 직접 만드신..

• format_list_bulleted 일상/맛집
• · 2023. 8. 28.
• textsms

네이버 대화형 AI CLOVA X 사용 방법 이용 후기 티스토리 유입?

네이버에서 Chat GPT와 같은 대화형 AI 베타버전을 오픈했습니다. 국내 기업에서는 처음으로 출시했습니다. 특히 한국어 언어 모델에 특화되어 있어서 더욱 정확하게 답변을 할 수 있다고 합니다. 저는 주로 프로그래밍할 때, 많이 사용합니다. 최근 들어서 Chat GPT가 좀 멍청해진 듯한 느낌을 받고, 또 이왕이면 국산 제품을 사용하자라는 마인드이기 때문에 CLOVA X를 또 사용해보려고 합니다. CLOVA X 사용법 현재는 베타 서비스로 테스트 중이어서 아래 url로 입장 후 대기 등록 후 이용할 수 있습니다. https://clova-x.naver.com/ 저는 약 2~3일 이후 네이버로 메일이 도착해서 가입 후 사용해 보았습니다. 클로바 X 이용후기 프로그래밍 분야에 관련해서 정확한 지식을 답변해..

• format_list_bulleted 일상/리뷰
• · 2023. 8. 28.
• textsms

Vue3 + Typescript Props interface 사용법 기본값 설정

Props는 자식 컴포넌트에게 데이터를 전달할 수 있는 방법입니다. Vue3에서 타입스크립트를 이용해서 사용할 수 있습니다. Vue3에서 없이 Props 사용하기 export default { props: { name: { type: String, }, age: { type: Number, }, }, }; 으로 Props 사용하기 const props = defineProps({ name: { type: String, }, age: { type: Number, default: 20, }, }); 이 방법으로 사용할 수 있지만, 타입스크립트를 쓰는 의미가 없어서 다른 방법도 있습니다. interface로 타입 정의 하고 Props 사용하기 interface로 타입을 선언하과 defineProps 제네릭타입..

• format_list_bulleted Develop/Vue
• · 2023. 8. 25.
• textsms

2023년 조금 더 지난 상반기 회고 갓생살기

안녕하세요, 파워쿠입니다. 최근에는 새벽에 출근을 주로 하고 있습니다. 새벽에 출근을 하면 덥지 않게 회사에 갈 수 있다는 장점도 있고, 하루를 길게 쓰는 느낌도 있어서 좋습니다. 오늘 새벽에 출근을 위해 창문을 여니, 시원한 바람이 부는 것을 느끼며 어느덧 가을이 다가왔다는 생각과 올 한 해도 4개월 밖에 남지 않았다는 생각이 문득 들어서 이 글을 쓰게 되었습니다. 매년 그렇지만, 올여름은 특히나 무더웠습니다. 서울 도시의 열기는 더욱 뜨겁습니다. 서울 사람들은 일, 재테크, 취미 등에서 현재 자신의 삶에 안주하지 않고 끊임없이 달려가고 있다고 생각이 듭니다. 도시의 뜨거운 열기만큼 사람들의 열정도 뜨겁습니다. 벼가 여름의 뜨거운 햇살에 익고, 가을에 수확하듯 올 한 해 노력하신 것들 많은 수확으로 거..

• format_list_bulleted 일상/이야기
• · 2023. 8. 25.
• textsms

Typescript 물음표(?) 선택적 프로퍼티 / 옵셔널 체이닝 / Null 병합 연산자

타입스크립트에서 물음표를 이용한 문법 3가지가 있습니다. 세 가지에 대해서 정리해보려고 합니다. 선택적 속성 Optional Propery -? type animal { name?: string } interface person { name: string } function add(num?: number) { return num; } 속성을 정의할 때 사용할 수 있습니다. 해당 속성의 값이 있어도 되고 없어도 선택적으로 받을 수 있습니다. 옵셔널 체이닝(Optional Chaining) -?. 일반적으로 속성접근자(.)를 이용하여 속성의 값을 가져올 수 있습니다.. 하지만 속성이 없을 경우에 오류가 발생합니다. // const name = person.name // if person undefined -..

• format_list_bulleted Develop/TypeScript
• · 2023. 8. 24.
• textsms

Typescript 느낌표(!) Non-null 단언 연산자 사용법

Non-null 단언 연산자(Non-null assertion operator) 자바스크립트는 없고, 타입스크립트에서 사용하는 문법입니다. null이나 undefined가 아니라고 알려주는 타입스크립트 문법입니다. 난 null 이나 undefined가 아니고 반드시 값이 있어!! Non-null 단언 연산자 사용법 type person = { name : string age?: number } const superman: person = { name: 'superman', } const num: number = superman.age // error const num: number = superman.age! console.log(num); person 타입에서 age 선택적 타입으로 만들었습니다. ag..

• format_list_bulleted Develop/TypeScript
• · 2023. 8. 22.
• textsms

React vs Vue 장단점 비교 어떤 것을 사용해야 할까?

vs 프론트엔드 개발을 할 때, SPA 프레임워크를 많이 사용합니다. 특히 국내에서는 React와 Vue를 많이 사용합니다. 프로젝트 초기 단계에서 어떤 프레임워크를 사용할까 고민도 많이 하기도 하고, 취업준비 단계에서 어떤 것을 공부할까 고민도 많이 합니다. 그래서 React와 Vue를 비교하면서 장단점이 무엇인지, 각 프레임워크 더 나은점은 무엇인지 한번 정리해 보도록 하겠습니다. React가 더 나은 점 1. Facebook 회사의 지원 리액트의 경우 Facebook 회사에서 만든 라이브러리 입니다. 페이스북이라는 거대한 사이트에서 사용하는 프레임워크입니다. 안정적인 업데이트를 기대할 수 있고, 규모가 큰 프로젝트에서도 잘 동작할 수 있습니다. 하지만, Vue의 경우에는 Evan You라는 개인의 ..

• format_list_bulleted Develop/React
• · 2023. 8. 21.
• textsms

춘천국민체육센터 수영장 자유수영 이용 방법 가격 후기

춘천에 있는 수영장 중에 가장 괜찮은 춘천국민체육센터에 있는 수영장을 소개해드리려고 합니다. 가격 일일 자유 수영 : 3,000원 이용 시간 화~토 05:00~21:00 일/공휴일 09:00~18:00 매주 월요일은 휴관 입니다. 자유 수영은 샤워시간을 고려해서 30분 전에 이용종료 합니다. 위치는 호반체육관 내에 있습니다. 주차장도 있어서, 차량 이용 시 주차를 할 수 있습니다. 입장 이후 우측에 키오스크에서 결제를 하고 입장할 수 있습니다. 매점에서 간단한 식음료를 구입 후 드실 수 있습니다. 탈의실에서 샤워 이후 수영복으로 환복하고 수영장에 입장할 수 있습니다. 실내 수영장이어서, 남성용 트렁크, 비키니 등은 착용이 불가능합니다. 수영장 레인은 10 레인이 있습니다. 초보자용, 중급자용, 상급자용으..

• format_list_bulleted 일상/리뷰
• · 2023. 8. 17.
• textsms

타입스크립트 - 제네릭(Generics)이란? 장점 사용법

제네릭(Generics) 이란? 타입스크립트에서 제네릭이란 함수, 클래스, 인터페이스를 선언할 때, 타입을 파라미터 화하는 방법을 제네릭 이라고 합니다. 타입스크립트의 경우에는 변수, 함수, 클래스 생성 시에 타입을 지정해야 하는데, 타입을 지정하려고 하면 동일한 기능에 함수를 타입별로 만들어줘야 하는 단점이 있습니다. const arrayName: string[] = ['superman', 'batmam', 'pororo']; const arrayNumber: number[] = [1, 2, 3]; // generic 방식 const genericName: Array = ['superman', 'batmam', 'pororo']; const genericNumbers: Array = [1, 2, 3];..

• format_list_bulleted Develop/TypeScript
• · 2023. 8. 17.
• textsms