본문 바로가기

분류 전체보기

(28)
파일-시스템 라우팅 이해하기 앞서 Next.js를 시작한 프로젝트 폴더에서 파일-시스템 라우팅을 살펴보겠습니다. 공식문서 URL도 남겨놓을게요,https://nextjs.org/docs/app/building-your-application/routing Building Your Application: Routing | Next.jsLearn the fundamentals of routing for front-end applications.nextjs.org I. App RouterIn version 13, Next.js introduced a new App Router built on React Server Components, which supports shared layouts, nested routing, loading sta..
Next.js 시작하기 I. Next.js 란?https://nextjs.org/ Next.js by Vercel - The React FrameworkNext.js by Vercel is the full-stack React framework for the web.nextjs.orgNext.js는 React Framework (vs Library) 라고 합니다. 리액트는 라이브러리로 알려져 있고, 개발에 있어서 주도권이 개발자에게 있었지만 Next.js는 주도권이 우리에게 없다고 보면 됩니다. 대신, 프레임워크를 사용해 여러가지 결정과 처리를 자동화하고 정해진 룰(Rule)을 따라서 개발을 진행하면 되는 장점이 있다고 알고있습니다. 핵심적인 기능은 다음과 같습니다 (공식사이트 참조) Next.js가 제시한 규칙을 지키고 사용..
#1 MariaDB를 활용한 CRUD (Node.js + Express) I. CRUD 란?- Create- Read- Update- Delete CRUD는 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말이다. 사용자 인터페이스가 갖추어야 할 기능(정보의 참조/검색/갱신)을 가리키는 용어로서도 사용된다.https://ko.wikipedia.org/wiki/CRUD CRUD - 위키백과, 우리 모두의 백과사전위키백과, 우리 모두의 백과사전. CRUD는 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말이다. 사용자 인터ko.wikipedia.org II..
MariaDB 사용기 I. MariaDB와 MySQL 차이 일단, MySQL은 MariaDB의 모태가 되었다고 알고 있다..그 뒷이야기는 잘은 모르지만..검색해보면 나무위키 란 곳에 다음과 같은 내용이 있다.더보기MySQL이 오라클에 인수된 뒤, 불확실한 라이선스 문제를 해결하려고 나온 오픈 소스 RDBMS이다. 2009년에 MySQL AB 출신 개발자들이 따로 나와 MariaDB 재단을 세워서 개발하고 있다.상징은 강치이다. 돌고래인 MySQL과 비슷하게 바다 포유류를 상징으로 썼다.https://namu.wiki/w/MariaDB적어도 내가 알고 있기로도..MySQL과 MariaDB가 크게 다르지 않다 정도로 알고 있었으니까... II. MariaDB 다운로드 일단, 설치를 위해 MariaDB를 다운로드 해보자, 오픈 소..
ES6 Module System 이해하기 모던 자바스크립트라고 부르는 현재의 Javascript ES6 표준에서는 기존 ES5와 다르게 여러가지 변화가 있었는데, 그중에 하나인 모듈 시스템에 대해서 제대로 이해하기 라는 저 나름의 정리를 위한 포스팅을 해보았습니다. I. 자바스크립트 모듈https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Modules JavaScript modules - JavaScript | MDN이 가이드는 JavaScript 모듈 구문을 시작하는데 필요한 모든 것을 제공합니다.developer.mozilla.org 위 MDN 문서를 참고하시는것을 추천해드립니다. 자바스크립트는 알려져있는 대로 그 시작이 간단한 효과를 웹에 추가하기 위해 시작된 언어로, 초기에는 그렇게 ..
Webpack - Bundle | 웹팩 번들링 그동안 CRA나 VITE에서 자동으로 생성해주는 웹팩에 대해서 뭐 그렇게..? 제대로 살펴보지 않았던거 같은데..기록을 좀 해두고자 함.. 1. 웹팩2. 웹팩이란?번들(Bundle), 그러니까 이게 무슨 뜻인지 부터 살펴봤는데...말 그대로 묶음..꾸러미 (위 사진처럼) 이다. 공식 사이트에서 제공하는 이미지를 참고하면 의존성 모듈이나 정적 리소스를 하나의 JS 파일로 묶어주는건데, 기본적으로 자바스크립트 모듈 시스템을 사용하면 여러 파일이 생성되고 이것을 유기적으로 연결해 하나의 서비스를 구성하다 보면, 한데 묶어서 하나의 파일로 요청을 최소화 하는게 좋다고 이해하고 있으며 그러한 사유로..이러한 번들링 도구가 탄생한게 아닐까 싶다.  공식사이트에 설명이 잘 나와있지만,..직접 해봐야 알겠지!3. 웹팩..
NLP_자연어 처리를 위한 AI 인공지능 : 기계학습(ML, Machine Learning), 심화학습(DL, Deep Learning), 강화학습(RL, Re-enforcement Learning) 정도는 알고 있었는데,.. 요번에 새로운 형태의 Ai를 접하게 되어서.. I. 기존 인공지능 모델을 생성하기 위한 파이썬 문법, PyTorch, TensorFlow와 같은 파이썬 라이브러리 문법, 학습을 위한 방대한 데이터 수집 및 학습, 파인튜닝...이어서 포기했었는데 말이죠 II. 변경 GPT라는거 알잖아요? 다들 쓰잖아요? 이게 Generative Pre-Trained Transformer 의 약어로 알고 있어요, 그러니까 생성형 AI 라고 하는데 이것과 대조적으로 BERT 라고 하는 양방향(인코더, 디코더) Transformer가 ..
Node.js + Express.js + GraphQL + @ApolloServer import { expressMiddleWare } from "@apollo/server/const server = new ApolloServer({ typeDefs, resolvers});app.use('/api', cors(), express.json(), expressMiddleWare({ context: async ({req}) => { return {models} });}));와,..이거 @apollo/server 버전업 되면서 달라진것때문에 몇일이 순삭...해결되는 것은 없고..답답했는데 ㅠ 혹시 저와같은 바보 멍팅이는 없길 바라며...ㅎ 일단 리졸버(쿼리, 뮤테이션)간의 공유 데이터(Shared Data)를 위해 context를 사용하는 부분이 이전 버전의 @apollo/s..