분류 전체보기94 [nextjs-blog] #1. Navigation https://nextjs.org/learn/basics/create-nextjs-app Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org 위의 링크를 참고하여 Next.js를 공부하고자 한다. 매우 간단한 블로그 앱을 만들면서 기본 사항을 배워보자 ! 1. Next.js에서 다른 페이지를 만드는 방법 pages directory아래에 JS파일은 생성하면, 파일의 경로가 URL 경로가 된다. 즉, HTML이나 PHP 파.. 2022. 1. 8. [to-do-list] #3. CRUD https://nomadcoders.co/nwitter/ 트위터 클론코딩 – 노마드 코더 Nomad Coders React Firebase for Beginners nomadcoders.co ~3.6까지 들었는데, 이 부분은 firebase랑 연동해서 하는 작업이 많음~ CRUD = Create Read Update Delete App.js import React, { useEffect, useState } from 'react'; import AppRouter from 'components/Router'; import {authService} from 'fbase'; function App() { const [init, setInit]=useState(false); //const [isLoggedIn,.. 2022. 1. 6. [to-do-list] #2. 로그인/로그아웃 https://nomadcoders.co/nwitter/ 트위터 클론코딩 – 노마드 코더 Nomad Coders React Firebase for Beginners nomadcoders.co ~#1에서 언급했다시피 React에 firebase를 뿌린 느낌으로 강의를 복습하는 중~ 2.3은 firebase와 연동해 로그인을 정말 쉽게 할 수 있도록 해준다. 2.4는 로그인, 2.5는 소셜로그인, 2.6은 로그아웃! (조금이라도 달라졌어도 글 쓰는 것을 목표로!) APP.js import React, { useEffect, useState } from 'react'; import AppRouter from 'components/Router'; import {authService} from 'fbase'; f.. 2022. 1. 6. [to-do-list] #1. 초기 설정 https://nomadcoders.co/nwitter/ All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 트위터 클론코딩은 이미 했고, 이를 사용해서 to do list를 만들어보자. 두번 들으니까 이제 슬슬 이해가 간다. ~2.2까지 들은 것 정리~ firebase를 곁들인 React로 정리! 2.2는 니꼬쌤이 정리해주시는 게 있어서 2.2까지 듣고 끊는게 나을듯 (리액트 초보자의 이해를 위한 글이라 허접함) index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from 'components/App'; ReactDOM.. 2022. 1. 5. 이전 1 ··· 13 14 15 16 다음
