Mississippi Blues – Raw Soulful Blues for Focus and Relaxation

댓글

댓글 쓰기

이 블로그의 인기 게시물

풀스택 전반(React + Next.js 포함) 스택 맵

Next.js 까지 포함해 전반 스택을 정리하고, 실시간 채팅 · 레딧형 커뮤니티 를 만들 때의 권장 선택지를 표로 정리했습니다. 마지막으로 실질적인 필수 언어/개념 이 “무엇을 맡고, 왜 필요한지” 역할 중심으로 요약합니다. 1) 풀스택 전반(React + Next.js 포함) 스택 맵 영역 필수 언어/개념 대표 스택(React/Next) 언제 선택? 비고 프론트 UI HTML/CSS/JS(ES6+) , 반응형 레이아웃 React + TypeScript SPA로 빠른 인터랙션이 중요할 때 컴포넌트/훅 기반 UI 엔진 라우팅 & 렌더링 CSR/SSR/SSG/ISR 개념 Next.js (App Router) SEO·초기속도·데이터 접근이 중요할 때 서버 컴포넌트·라우트 핸들러·이미지 최적화 상태 관리 앱 상태 vs 서버 상태 분리 Redux Toolkit (앱 상태), React Query (서버 상태) 장바구니·권한(앱) / API 캐시(서버) 둘을 혼용하면 깔끔함 스타일링 박스모델, Flex/Grid Tailwind CSS 디자인 시스템 없이 빠른 스타일링 유틸리티 클래스 중심 인증 세션/JWT, OAuth2 Firebase Auth , NextAuth.js 빠른 소셜로그인 / Next 통합 백엔드는 httpOnly 쿠키 권장 백엔드(API) Node 런타임, REST/JSON Next.js Route Handlers 또는 Express/Fastify 단일 리포 내 API 필요(Next) / 별도 서버(Express) Zod로 입력 검증 추천 DB & ORM 스키마/인덱스/트랜잭션 PostgreSQL + Prisma 범용·안정·타입 세이프티 마이그레이션/시드 쉬움 캐시/검색 HTTP 캐시·키밸류·검색엔진 Redis (세션·카운터), Meilisearch/Elastic (검색) 인기글·랭킹·검색 필요 시 레이트리밋에도 유...
자세한 내용 보기

📘 Day 1 교재 (환경 세팅 & JS 기초)

 JS기 0. GitHub 초기 세팅 (한 번만) 👉 앞으로 Day1~Day100 전부 fullstack 폴더 하나의 레포지토리 에 저장 ✍️ 터미널: cd ~/OneDrive/Desktop/fullstack git init git branch -M main git remote add origin https://github.com/sy920/fullstack.git git add . git commit -m "start fullstack project" git push -u origin main 👀 이제 fullstack 전체가 GitHub에 올라감. 앞으로는 Day별 폴더를 만들어 진행하고, 끝날 때마다 루트( fullstack )에서 커밋 & 푸시만 하면 됨. 1. Day1 시작 (폴더 생성) ✍️ cd ~/OneDrive/Desktop/fullstack mkdir day01-js-basics cd day01-js-basics code . 👉 VSCode가 열리면 index.js 파일을 만든다. 2. 코드 작성 (index.js) ✍️ // ================== 변수 ================== let name = "소율" ; // 문자열 let age = 25 ; // 숫자 let isStudent = true ; // 불리언 // ================== 배열 ================== let fruits = [ "사과" , "바나나" , "체리" ]; // ================== 객체 ================== let user = { name : "소율" , city : "안동" }; // ================== 조건문 ================== if (age >= ...
자세한 내용 보기

📘 Day 2 교재 (반복문 & 함수)

 0. Day2 시작 (폴더 생성) ✍️ cd ~/OneDrive/Desktop/fullstack mkdir day02-loops-functions cd day02-loops-functions code . 👉 index.js 파일을 만든다. 1. 코드 작성 (index.js) ✍️ let fruits = [ "사과" , "바나나" , "체리" ]; // ================== 반복문 ================== // for 반복문 for ( let i = 0 ; i < fruits. length ; i++) { console . log ( "for:" , fruits[i]); } // for...of 반복문 for ( let f of fruits) { console . log ( "for...of:" , f); } // while 반복문 let i = 0 ; while (i < fruits. length ) { console . log ( "while:" , fruits[i]); i++; } // ================== 함수 ================== // 함수 선언식 function add ( a, b ) { return a + b; } console . log ( "더하기:" , add ( 2 , 3 )); // 함수 표현식 const multiply = function ( a, b ) { return a * b; } console . log ( "곱하기:" , multiply ( 2 , 3 )); // 화살표 함수 const divide = ( a, b ) => a / b; console . log ( "나누기:" , divide ( 6 , 2 )); ...
자세한 내용 보기