길고 길었던 선발과정. 드디어 종지부를 찍었네요. 24년도 우아한 테크코스 6기 FE 교육생으로 선발되었습니다. 10개월간 우테코 교육을 받을 생각에 굉장히 흥분되네요! 6기 지원 과정을 통해 이후 우테코를 지원하게 되시는 분들에게 조금이나마 도움이 되는 글이라 생각되어 이렇게 끄적여 봅니다! ❓내 경력? 일단 저는 비전공입니다.(토목 공학 중퇴) 불과 1년 전까지 하더라도 코딩의 ‘코’자도 모르는, 코딩과 아예 관련이 없는 사람이었죠. 1월 부터 저는 ‘서비스 개발’을 위해 풀스택 웹 개발을 공부하기 시작했어요. 그닥 오래 되지 않았죠? 우테코를 포함한 많은 부트캠프들에선 공통적으로, 기술적 역량을 그렇게 신경 쓰지 않는다는 것입니다. 기본적 역량은 우테코의 ‘프리코스’를 통해서 기본기를 충분히 익힐 ..
✨함수 매개변수 필수 매개변수 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..
✨ 객체 타입 객체 타입 선언 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..
✨유니언 타입 값에 허용된 타입을 두 개 이상의 가능한 타입으로 확장하는 것을 유니언이라 한다. 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..