[하루 30분 러닝 타입스크립트] 함수

✨함수 매개변수 필수 매개변수 function singTwo(first: string, second: string){ console.log(`${first} ${second}`) } // 이 함수의 매개변수는 2개 이다. // 1개 혹은 3개의 매개변수는 허용하지 않는다. singTwo("a") // ERROR Expected 2 arguments, but got 1. singTwo("a","b") // OK singTwo("a","b","c") // ERROR Expected 2 arguments, but got 3. 선택적 매개변수 타입 애너테이션의 : 앞에 ? 를 추가해 선택적으로 사용할 수 있습니다. function singTwo(first: string, second?: string){ cons..

• format_list_bulleted 개발관련/하루 30분 러닝 타입스크립트
• · 2023. 12. 23.
• textsms

[하루 30분 러닝 타입스크립트] 객체

✨ 객체 타입 객체 타입 선언 let poetLater: { born: number; name: string; } poetLater = { born: 1935, name: 'Mary Oliver' } poetLater = 2 // [ERROR] Type 'number' is not assignable to type '{ born: number; name: string; }'. 별칭 객체 타입 type 키워드를 사용하여 객체 별칭을 할당해 사용할 수 있습니다. 대부분의 타입스크립트 프로젝트 에서는 인터페이스(interface) 키워드를 사용하는 것을 선호합니다. type poetLater = { born: number; name: string; } const poetLater: poetLater = { b..

• format_list_bulleted 개발관련/하루 30분 러닝 타입스크립트
• · 2023. 12. 22.
• textsms

[하루 30분 러닝 타입스크립트] 유니언과 리터럴

✨유니언 타입 값에 허용된 타입을 두 개 이상의 가능한 타입으로 확장하는 것을 유니언이라 한다. let mathmaticion = Math.random() > 0.5 ? undefined : "Mark Goldberg"; // mathmetician은 undefined와 string 타입을 가진다. 즉 유니언 타입을 가진다. 유니언 타입 선언 애너테이션으로 유니언 타입을 정의할 수 있다. let thinker : string | null = null; if(Math.random() > 0.5){ thinker = "Susanne Langer"; } 유니언 속성 유니언 타입으로 설정한다면, 해당 모든 타입에 존재하는 속성만 사용할 수 있다. let mathmaticion = Math.random() > 0..

• format_list_bulleted 개발관련/하루 30분 러닝 타입스크립트
• · 2023. 12. 19.
• textsms

[우아한 테크코스 6기] 최종 코딩 테스트 후기, 프론트엔드 풀이 방법

✨월요일에 날라온 1치 합격 메일! 월요일 오후 3시. 너무나 감사하게도 1차 합격 메일을 받았습니다! 이번 과정을 다음 7기 준비하시는 분들, 혹은 불합격 하여 다음에 또 응시하게 될 경우를 대비하여 과정을 기록하려고 합니다! ❗일주일간 이렇게 공부했습니다. 남은 5일 간 최종 시험과 비슷한 환경에서 많은 문제를 풀어보기 위해 노력했습니다. 1시부터 6시까지 시험이기 때문에, 이 시간에 스벅가서 각잡고 풀었답니다! 5기 문제 3주차, 최종. 4기 문제 3주차 최종 문제를 풀었구요. 결론 적으로 최종 시험의 문제 난이도는, 프리코스의 2주차 정도의 양이었고, 4주차 정도의 복잡성을 가지고 있다고 결론을 내렸습니다! 6기 1주차 미션. 야구 게임 6기 2주차 미션. 자동차 경주 6기 3주차 미션. 로또 6..

• format_list_bulleted 개발관련/우아한 테크코스 6기 프리코스
• · 2023. 12. 17.
• textsms

Next.js 환경에서 Supabase를 이용해 간단하게 카카오 로그인 구현하기 (2)

이전 시간 카카오와 Supabase앱을 만들어 연동하였습니다. ⬇️ 이전 포스팅을 못보셨다면 아래로 이동하여 세팅을 먼저 해주세요! ⬇️ Next.js 환경에서 Supabase를 이용해 간단하게 카카오 로그인 구현하기 (1) 이번 시간에는 Next.js 환경에서 Supabase를 이용하여 아주 간단하게 카카오 로그인을 구현해 보려고 합니다! Supabase | The Open Source Firebase Alternative Build production-grade applications with a Postgres database, Authen lurgi.tistory.com 이제 본격적으로 간단한 화면을 구현해 보겠습니다! 우선 Next App을 만들어 줍시다. npx create-next-app@l..

• format_list_bulleted 개발관련/Next
• · 2023. 12. 9.
• textsms

Next.js 환경에서 Supabase를 이용해 간단하게 카카오 로그인 구현하기 (1)

이번 시간에는 Next.js 환경에서 Supabase를 이용하여 아주 간단하게 카카오 로그인을 구현해 보려고 합니다! Supabase | The Open Source Firebase Alternative Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free. supabase.com Supabase는 구글의 Firebase와 유사한 서비스인데요, 쉽게 생각하면 백엔드 기능을 가지고 있는 서비스라고 생각하시면 됩니다. 데이터 베이스를 쉽게 다룰 수 있게 해주기 때문에 풀스택 개발에..

• format_list_bulleted 개발관련/Next
• · 2023. 12. 9.
• textsms