✨유니언 타입 값에 허용된 타입을 두 개 이상의 가능한 타입으로 확장하는 것을 유니언이라 한다. 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..
✨월요일에 날라온 1치 합격 메일! 월요일 오후 3시. 너무나 감사하게도 1차 합격 메일을 받았습니다! 이번 과정을 다음 7기 준비하시는 분들, 혹은 불합격 하여 다음에 또 응시하게 될 경우를 대비하여 과정을 기록하려고 합니다! ❗일주일간 이렇게 공부했습니다. 남은 5일 간 최종 시험과 비슷한 환경에서 많은 문제를 풀어보기 위해 노력했습니다. 1시부터 6시까지 시험이기 때문에, 이 시간에 스벅가서 각잡고 풀었답니다! 5기 문제 3주차, 최종. 4기 문제 3주차 최종 문제를 풀었구요. 결론 적으로 최종 시험의 문제 난이도는, 프리코스의 2주차 정도의 양이었고, 4주차 정도의 복잡성을 가지고 있다고 결론을 내렸습니다! 6기 1주차 미션. 야구 게임 6기 2주차 미션. 자동차 경주 6기 3주차 미션. 로또 6..
이전 시간 카카오와 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..
이번 시간에는 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와 유사한 서비스인데요, 쉽게 생각하면 백엔드 기능을 가지고 있는 서비스라고 생각하시면 됩니다. 데이터 베이스를 쉽게 다룰 수 있게 해주기 때문에 풀스택 개발에..
Next.js와 Typescript 환경에서 “모듈에 대한 선언 파일을 찾을 수 없습니다” 라는 에러가 발생하였습니다. 그리고 이 문제를 해결하는 방법을 소개하려고 합니다. 1️⃣ 사용하고자 하는 해당 라이브러리가 TS를 지원하는지 확인하자 우선적으로 살펴봐야 하는 것입니다. 옛날 라이브러리 같은 경우 pure esm.js파일만 가지고 있고 타입설정을 따로 해놓지 않는 경우가 있을 수 있습니다. 이런 경우에는 @node_modules/@types//index.d.ts 파일을 생성하여 직접 작성해주어야 합니다. 제가 사용하고자 하는 use-sound는 업데이트 한지 꽤 되긴 했지만, TS를 지원하는 라이브러리입니다. 2️⃣ TS를 지원한다면 npm의 @types/ 를 확인하자 npm i -D @types/..
이번 시간에는 React의 Context를 익히는 시간을 가지려고 합니다. ❓언제 Context를 사용할 수 있을까요? Context는 전역에 상태를 저장할 수 있습니다. 이는 일일이 컴포넌트에 props를 넘겨주지 않게 해줍니다. export default function App() { const [prop, setProp] = useState() return ( ); } export default function Box({prop}) { console.log(prop) // App 부모 요소에서 전달받은 prop 값 return ... props을 넘겨주는 예시입니다. Constext를 사용함으로써 props를 넘겨주지 않아도 됨으로써, 의존성을 없앨 수 있고, drilling을 없애 가독성을 향상시..