이부분은 따로 설명할게 없다.. 공식문서를 확인하는 수밖에..NextJS config그래도 기본적인걸 몇가지 알아보자면 다음과 같다.\_app.tsx는 모든 페이지 컴포넌트를 감싸고있는 최상위(root) 공통 컴포넌트이다. 그렇기 때문에 NextJS 앱을 실앻아면 가장

NextJS는 Vercel팀이 제작한 React기반의 프레임워크로, SSR(Server Side Rendering), TypeScript 등 다양한 기능들을 제공한다.NextJS 공식 문서나중에 다시 다룰 예정이지만 SSR이 무엇인지 간단하게 알아보자React는 SPA

SocketIO는 보다 넓은 스펙트럼의 양방향 통신을 구축하는 라이브러리이다. 넓은 스펙트럼이라는 것은 웹 소켓은 html5에서 추가된 프로토콜이며 오래된 브라우저에서는 지원을 하지 않는다.그러므로 브라우저 호환에 대해서 고민하지 않고도 충분히 양방향 통신구축이 가능한

Ubuntu, 리눅스 배포판을 새로 설치하여 멀티부팅을 해야하던 예전과는 다르게, 윈도우에서 Bash, zsh 쉘을 활용하여 실제로 리눅스에서 사용하는 것처럼 개발환경을 갖출 수가 있게되었다. 그러나 npm 패키지를 설치하는 과정에서 예상치 못한 상황이 발생했다.npm

마이크로소프트 PowerShell을 관리자 권한으로 실행 한 뒤 WSL을 다뤄보자A. WSL 설치wsl --installB. 사용가능한 Linux 배포판 리스트wsl --list --onlinewsl -l -oC. 특정 Linux 배포판 설치wsl --install -

예전에는 멀티부팅으로 Linux, Windows 번갈아가며 사용했었는데 최근에서 WSL2에대해 관심을 가지게 되었고 한번 사용해보고 싶기도했고, 어느날 Windows Bitlocker로 또 잠겨있어서 풀기가 귀찮은데다가, Windows에서 Linux의 명령어를 활용할

A. DATABASE 개념 복습B. SQL 쿼리문 복습C. 테이블 생성 및 컬럼 작성결론

A. 호스팅이란? - 작성완료B. Domain 개념 - 작성완료도메인 종류 - 미완료루트 도메인과 서브도메인 정리 - 미완료C. DNS 개념 정리 - 작성완료D. DNS 서버 계층 - 작성완료용어의 혼동이 너무 많았다. 다행히 KT ISP DNS Server만 트래픽

GraphQL의 Subscription은 WebSokect을 기반으로 구현되어있다.기존 HTTP는 비연결성(Connectionless)과 무상태성(stateless)의 특징이 있다. 클라이언트에서 요청시 서버는 응답을 주고 바로 연결을 끊는 단방향 통신을 준수해야한다.

ORM을 간단히 설명해보자면, Object-relation mapping, 객체-관계 맵핑인데 공식 문서에서는 객체와 관계형 데이터베이스의 데이터를 자동으로 맵핑(연결)해준다.그러니까 js나 ts파일안에 Class를 활용해 객체를 만들어주고, 그 여러개의 객체를 관계를

우선 SQL을 기초적인 부분 부터 다시 되짚어보고자 글을 작성한다. 기존에 부트캠프에서 Full Stack 기반으로 학습했었고, 개인 프로젝트로 실패를 경험해봤지만 정작 DB에 대해선 자세하게 공부하질 않았었다. DB는 정말 기본으로 알아야한다 생각하며 다시 중요한

현재 노트북의 메인 OS로 Ubuntu 20.04 LTS를 사용하고 있기때문에 여기 기준으로 작성한다.ctrl + alt + t 를 눌러 터미널을 연다.wget -qO- https://packages.microsoft.com/keys/microsoft.asc

SDL(Schema Definision Language)란? 우선 SQL은 들어봤어도 SDL은 또 뭔지 처음 들어보고 헷갈렸었다.. GraphQL을 접하기 전까진 익숙치 않은 개념이었다. 가장 먼저 스키마Schema는 필드를 포함하는 객체 유형의 모음이다. 각 필드

DTO(Data Transfer Object), 데이터를 오브젝트로 변환하는 객체라는 뜻으로, 각 계층(Controller, View 등) 간의 데이터 교환을 위한 객체를 말한다.dto를 활용하려는 목적은 Class나 Interface를 통해 데이터를 유효성 검증하기

글 작성중

글 작성중

GraphQL vs REST )API REST API (RESTful API) 우선 REST 조건을 간단하게 요약하면, 자원(Resource)를 URL 끝단에 포함하여 명시해야한다. https://community.link/gallery/posts/:id ht

공부하기 위해 깃 레포지토리를 생성한 이후학습하면서 내용을 계속해서 저장소에 내용을 추가 하면서 관리하고 있었다.그런데 중간에 새로운 스택을 공부하기 위해서 폴더/파일을 생성해주었고,깃 레포지토리 명을 바꾸게 되었다.기존 저장소링크를 origin으로 두면 나중에 커밋할

JavaScript는 Prototype 기반 언어라고 불린다. 전에도 Prototype에 대해서 학습을 해왔고, 나름 대충 이해한 상태로 넘어왔었다. 그러나 지금와서 다시 Prototype을 보면 잘 기억도 안나고, 뭐라 하는지도 모르겠다.아무튼 중요한건 JavaScr

This는 정말로 제대로 공부하지 않으면 매우 헷갈리는 불편한 존재다..핵심을 보자면,JavaScript의 This는 함수를 호출하는 위치에 따라 바뀐다.당장 개발자 도구(F12)를 열어 This를 입력해보자window이다.window 객체는 브라우저의 요소들과 자바스