내일배움캠프 TIL93 2024-01-05 본 캠프 66일차 / 85일차 TIL (auth trigger 함수 구현 및 yarn run dev 시 문제 발생) 2024-01-05 본 캠프 65일차 / 85일차 TIL 주요진행사항 - supabase 로그인 로직 구현 (trigger) - react-hook-form 이용 supabase 로그인 로직 구현 (trigger) trigger 함수를 통해 supabase auth에 유저를 생성 하면, 추가 정보를 담은 row를 users table에 추가하는 로직을 구성하였다. trigger 함수를 구성하기 위해 다음과 같이 eql 명령어를 만들었다. create or replace function public.handle_new_user () returns trigger set search_path = public as $$ BEGIN IF new.raw_app_meta_data->>'provider' = 'emai.. 2024. 1. 8. 2024-01-04 본 캠프 65일차 / 84일차 TIL 2024-01-04 본 캠프 65일차 / 84일차 TIL 주요 진행 사항 - 최종프로젝트 발제 - 프로젝트 1차 스크럼 (디자이너님과 회의) 최종 프로젝트 1차 스크럼 (SA) 최종 프로젝트 주제 : 커스텀 화면공유가 가능한 메타버스 환경 (NEP) - 프로젝트 선정 배경 프로젝트 배경현재 상황: 개발자 교육과정을 수강 중인 송용승씨는 프로젝트 시작 및 진행 중 발표자료 공유 방식에 불편함을 느낌. 문제점: 청취자는 발표자가 제공하는 자료만 볼 수 있으며, 발표자는 자신의 환경을 청취자에게 맞게 설정해야 하는 불편함이 있음. 타겟 개발자 교육 과정을 수강 중인 학생들과 강사.화상회의를 자주 사용하는 기업 및 교육 기관. 목적 / 기대효과목적: 화상회의 시 발표자료 공유의 효율성과 사용자 경험 개선.기대효.. 2024. 1. 4. 2023-12-21 본캠프 56일차 / 75일차 TIL 2023-12-21 본캠프 56일차 / 75일차 TIL 주요진행사항 - next.js 블로그만들기 next.js 블로그만들기 next.js와 typescript를 프로젝트를 통해 공부하기 위해서 개인 포트폴리오 (블로그) 프로젝트를 무작정 시작하였다. 개념을 정리하며 프로젝트를 진행 할 예정이다. 1. next.js 프로젝트 만들기 next.js는 CRA (Create React App)을 자체적으로 가지고 있다. 프로젝트를 생성하는 명령어는 다음과 같다. npx create-next-app@latest --typescript yarn create next-app --typescript pnpm create next-app --typescript 이후 프로젝트 생성을 위한 몇가지 질문을 프로젝트 성격에 .. 2023. 12. 22. 2023-12-20 본캠프 55일차 / 74일차 TIL 2023-12-20 본캠프 55일차 / 74일차 TIL 주요진행사항 - next.js 튜토리얼 next.js 튜토리얼 next.js Styling 공식문서에서 권장하는 styling 방식은 tailwind나 css modules 이다. 그중에서 tailwind에서 대해서 알아보겠다. tailwind 1) root css 파일을 만든다 상단에 다음과 같이 tailwind를 사용하기 위해서 import 한다. /*global.css*/ @import 'tailwindcss/base'; @import 'tailwindcss/components'; @import 'tailwindcss/utilities'; 2) PostCSS 설정 // postcss.config.js module.exports = { plugi.. 2023. 12. 20. 2023-12-19 본캠프 54일차 / 73일차 TIL 주요진행사항 - typescript 강의 수강 typescript 강의수강 1. 타입스크립트의 타입 - number - string - boolean - object - array - tuple - enum - any 자바스크립트는 동적타입 사용 (런타임에 변경가능) 타입스크립트는 정적타입 사용 (런타임에 변경불가) 타입스크립트는 자바스크립트보다 더 많은 타입을 가지고 있다. 따라서 타입스크립트는 더 강력한 타입 지정이 가능하다. * 타입스크립트의 주요 원시 타입은 모두 소문자 타입스크립트의 타입추론 내장기능 상수나 변수에 어떤타입을 사용하였는지 추론 가능 따라서 다음과 두 코드는 같은 코드이다. const number1:number =1; const number1 = 1; 허나 최초 값의 초기화가 되지.. 2023. 12. 19. 2023-12-18 본캠프 53일차 / 72일차 TIL 2023-12-18 본캠프 53일차 / 72일차 TIL 주요 진행사항 - next.js 강의 지급 - next.js 특강 next js 특강 1. next를 왜 사용해야하는가 1. 압도적으로 편리하다. 문서정리가 잘되어있다 (Docs) 튜토리얼 내용이 좋다 공식문서만 공부해도 시작하는데 별 무리가 없다 2. 다수의 회사에서 next.js를 할 줄 아는 사람을 뽑는다. (뭔가 엄청 많이 뽑는것같지는 않음) 3. react/vue/angular 중 react가 가장 많은 점유율을 가지고 있다. SSR (server side rendering) = gatsby next nuxt(vue) remix 중 next가 가장 많은 점유율 4. CRA 더이상 지원을 안한다. (마지막 업데이트 2년전 / 업데이트를 안한다.. 2023. 12. 18. 이전 1 2 3 4 5 6 ··· 16 다음
