Supabase로 웹사이트 3개 클론하기 (Next.js 14)를 수강하며 얻은 지식들을 정리합니다.제가 수강중인 강의는 다음 링크에서 확인 가능해요! https://inf.run/6SLYm본 강의" data-og-host="www.inflearn.com" data-og-source-url="https://inf.run/6SLYm" data-og-url="https://www.inflearn.com/course/요즘엔-supabase-대세지-nextjs-클론프로젝트" data-og-image="https://scrap.kakaocdn.net/dn/mAGFA/hyWOdAxUr4/QQ7at4MRUmCOV5gkWkf9B0/img.jpg?width=1200&height=781&face=0_0_1200_781,..
Supabase로 웹사이트 3개 클론하기 (Next.js 14)를 수강하며 얻은 지식들을 정리합니다.제가 수강중인 강의는 다음 링크에서 확인 가능해요! https://inf.run/6SLYm본 강의" data-og-host="www.inflearn.com" data-og-source-url="https://inf.run/6SLYm" data-og-url="https://www.inflearn.com/course/요즘엔-supabase-대세지-nextjs-클론프로젝트" data-og-image="https://scrap.kakaocdn.net/dn/mAGFA/hyWOdAxUr4/QQ7at4MRUmCOV5gkWkf9B0/img.jpg?width=1200&height=781&face=0_0_1200_781,..
supabase는 이름에서도 그 유사성을 어느정도 알 수 있지만 Firebase의 대안이라는 슬로건을 가진 오픈소스 프로젝트입니다.제가 Supabase를 처음 접했던 것은 작년 이맘때 즈음이었던 것 같습니다.그당시에는 컨셉 자체는 좋지만 레퍼런스가 많지 않아 파이어베이스에서 당장 넘어가기에는 조금 부담이된다.라고 생각했던 기억이 납니다. 파이어베이스는 NoSQL 기반이라는 점이 장점이기도 하지만또 동시에 프로젝트가 고도화되면 될수록 NoSQL을 사용함으로 인해 따라오는 단점이 더 커지는 경우가 있기 때문에Supabase의 컨셉이 매력적인게 아닌가 싶습니다. Supabase의 장점 앞서 Firebase를 이야기하면서 NoSQL을 살짝 언급했었는데요.Supabase의 경우에는 PostgreSQL을 기반으로..
React에서 Form은 대부분의 경우 폼을 구현할 때엔 제어컴포넌트를 사용하는 것이 좋습니다. 제어컴포넌트의 구현은 일반적으로 useState 비제어컴포넌트의 구현은 일반적으로 useRef를 통하여 이루어지곤 합니다. 하지만 중요한 점은 프로퍼티와 실제 구현일 것입니다. 타입스크립트를 이용하여 form / input / select 요소들을 타이핑하는 방법을 보겠습니다. onChange 이벤트를 타이핑하려면 e:React.ChangeEvent 리액트에서 제공하는 ChangeEvent를 이용합니다. 제네릭으로 HTMLInputElement를 전달합니다. 만약 셀렉트박스를 이용하는 경우 이렇게 유니온을 이용해 타이핑할 수 있습니다. e:React.ChangeEvent Input 대부분 이벤트가 발생했을때에..
😎대충 다했다. 어떻게 동작할지에 관해 묻는 문제들이 잔뜩 있는데 가독성이... 심히 안좋다. 대체로 잘 알고 있는 개념들이라 쉽게 풀 수는 있는데 잘 사용할 일이 없던 rest 부분에서 좀 많이 막혔던 것 같다. 😎rest 파라미터는... function foo(...rest) { console.log(Array.isArray(rest)); // true console.log(rest); // [ 1, 2, 3, 4, 5 ] } foo(1, 2, 3, 4, 5); 매개변수에 쓰는 스프레드 연산자 같은 느낌인데... 모던 자바스크립트 웹을 참고해보면 Rest 파라미터(Rest Parameter, 나머지 매개변수)는 매개변수 이름 앞에 세개의 점 ... 을 붙여서 정의한 매개변수를 의미한다. Rest 파라..
😎시작하기전에 여담 오늘은 하루 종일 코플릿 문제를 푸는 시간이었읍니다. 전체적으로 쉽게 풀 수 있는 문제들로 구성되어 있어서 풀고나서 페어분과 다양한 자료구조,알고리즘에 대해 이야기 하는 시간을 가졌는데 잘 알고 있는 자료구조는 알기 쉽게 설명해줄 수 있지만 내가 잘 모르는 부분에 대해 이야기할 때는 설명이 장황해지고 나도 내가 뭔 소릴 하는건지 잘 모르겠는 상태에 놓임 그리고 말을 너무 많이 하다보니까 점점 목소리가 맛이 가기 시작함 아니 교수님들은 도대체 어떻게 하루 종일을 떠드는거죠? 반나절만 떠들어도 목이 못버티는데요..? 😎 에라토스테네스의 체 https://school.programmers.co.kr/learn/courses/30/lessons/12921 프로그래머스 코드 중심의 개발자 채용..
😎단축평가.. 정확히 뭐였지 true || anything // true false || anything // anything true && anything // anything false && anything // false 어제 페어분께 단축 평가에 대해 설명을 했는데 말을 하면 할 수록 뭔가.. 뭔가였다. 대충 내 인식으로는 ||연산자는 좌항이 false일때 우항 반환 &&연산자는 좌항이 true일때 우항 반환 평가는 좌항 -> 우항 순으로 진행한다. 정도였는데 뭔가..뭔가 동작이 내 생각이랑 달랐다. ||연산자는 너무 익숙하게 사용하지만 &&연산자는 잘 사용하지 않아서그런지 뇌절이 와버림 그냥 외우는게 나을듯 ㄹㅇㅋㅋ 😎 자바스크립트의 배열은 사실 배열이 아니다. 이미 딥다이브에서 본 내용이지만..
😎주말동안 뭐함 아이폰 배터리 교체를 위해 서비스센터에 들렀다... 왔습니다. 사실 오늘도 교체 맡겨놓은 거 수령하러 가야함 배터리 교체 하는 사람이 많아서 당일 수령이 거의 안되나 보더라구요 😎자바스크립트 2주차가 되면서 공식적으로 자바스크립트를 배우게 되었읍니다. 오늘 분량은 코드기초, 타입 , 변수네요 대체로 알고 있는 내용이긴 하지만 자바스크립트 엔진에 대한 설명이 있어서 그동안 미루어왔던 v8 엔진에 대해서 좀 더 찾아봤습니다. 그러던 중 이해하기 쉽게 잘 정리해주신 블로그를 찾아서 그 블로그를 천천히 읽어봤어요 https://evan-moon.github.io/2019/06/28/v8-analysis/ 아주 유익하니 읽어보시길 추천드립니다 v8엔진에 대한 정리는 나중에 찾아보기 쉽게 따로 포스..
