본문 바로가기

개발26

nextjs란 Nextjs는 라이브러리가 아니라 프레임워크다. 라이브러리는 개발에 필요한 것들을 미리 구현해놓은 도구라고 할 수 있다. 개발자가 전체적인 흐름을 만들며 필요한 도구들을 끌어다 쓰는 방식이다. 반면 프레임워크는 라이브러리들의 모음이라고 할 수 있으며, 전체적인 흐름을 제어하고 있으며 개발자가 그 안에 필요한 코드를 넣는 방식이다. 자동차가 프레임이라면 바퀴, 핸들 등은 라이브러리다. Next.js는 웹용 리액트 프레임워크이다. Vercel에서 개발한 오픈소스 react 프레임워크로서 프론트엔드, 백엔드를 모두 개발할 수 있다. 13버전부터 폴더 방식의 앱 라우터 방식을 지원하고 있고, 최근에 14버전도 등장했다. npx create-next-app@latest 를 입력하여 사용할 수 있다. 2024. 3. 19.
Nest.js에서 소셜 로그인 API 사용하기 Nest.js에서 소셜 로그인의 API를 사용하기 위해서 몇 가지 절차가 필요하다. 1. 우선, 패키지를 설치해야 한다. 2. strategy 파일을 추가한다. 3. guard 파일을 추가한다. 4. 환경변수 파일에 client id와 secret key를 추가한다. 5. module에 임포트 6. 로컬호스트에서 테스트 ## 패키지 설치 npm i passport-naver @types/passport-naver 식으로 설치한다. ## stratgy 파일 추가 ## guard 파일 추가 ## 환경변수에 추가 ##localhost에서 테스트 2023. 4. 23.
NestJS 시작하기! NestJS는 Node.js와 Express.js 위에 구축된 Typescript 기반 오픈소스 웹 애플리케이션 프레임워크이다. 확장가능하고 모듈식이며 유지관리가 용이하도록 설계되었다. 모듈, 컨트롤러, 서비스 및 공급자에 대해 Angular와 유사한 아키텍쳐 원칙을 따르고 있다. 개인적으로 타입스크립트가 기본탑재되어 있다는 점에서 편하다고 생각했고, REST API를 만들 수 있는 템플릿을 제공해주는 것도 편리했다. Node에서 Express 기반으로 만들때에 비해 확실히 군더더기가 적어진 느낌이다. @GET @POST 같은 데코레이터의 사용도 익숙해지니 편리하다. NestJS를 처음 배우기 시작하면서 - 간단한 POST, GET, PATCH, DELETE API를 만드는 것부터 했고, - 회원가입과 .. 2023. 4. 12.
gql의 type query는 사용자가 요구하고 싶은 것이다! gql은 데이터의 shape를 미리 알고 있어야 함. rest api는 많은 url의 집합임. gql api는 많은 type의 집합임. server가 실행하기 전에 type을 알려줘야 함. gql schema definition language(SDL) 는 gql``로 표시함 *모든 gql SDL은 query type을 무조건 가져야 함!! query type안에 넣는 것은 rest api에서 url을 노출하는 것과 같음 GET / text const typeDefs = gql` type Query { text: string } ` 사용자가 요구하도록 하고 싶은 것은 type Query 안에 다 넣어야 함. 서버가 스타트되면 다음과 같은 화면이 뜸 2022. 11. 22.

티스토리툴바