CS

Node.js는 V8 JavaScript 엔진으로 빌드된 JavaScript 런타임이다. Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼이다. 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와

라벨은 input의 이름을 적는 태그이고, htmlFor은 input의 id | name을 적어 input과 연결한다.htmlFor비구조화 할당이란 배열이나 객체의 속성 혹은 값을 해체하여 그 값을 변수에 각각 담아 사용하나느 JS 표현식이다.비구조화 를 참고하여 Pr

JavaScript 호이스팅은 인터프리터가 코드를 실행하기 전에 함수, 변수, 클래스 또는 임포트(import)의 선언문을 해당 범위의 맨 위로 끌어올리는 것처럼 보이는 현상을 뜻합니다.\[MDN]let과 const는 블록 범위 선언, var는 전역 혹은 함수 범위 선

React에서 State는 컴포넌트 안에서 관리된다. 자식 컴포넌트 간의 다이렉트 데이터 전달이 불가능한데, 이 떄 부모 컴포넌트를 통해 전달 받을 수 있다.자식 컴포넌트가 많아질수록 상태관리가 매우 복잡해지는데 이를 해결하기 위해 Redux 등의 상태관리 라이브러리들

GraphQL은 FaceBook에서 개발된 오픈소스 기술로 데이터 질의(Query + Schema)언어이다.클라이언트는 GraphQL 서버로 쿼리를 전송하고, 서버는 해당 쿼리를 해석하고 데이터를 반환한다.이 때, 클라이언트가 요청한 필드만 반환되므로 over fetc

프로젝트를 진행하며 alert창을 써야할 일이 많아졌다. 토큰이 없어 권한이 없다거나 삭제를 해야할때 경고창 등 사용해야할 경우가 늘어남에 따라 JS에서 지원하는 기본 alert창을 쓰기가 싫어졌다.너무나 투박하다. ㅠㅠ여기서 우리는 Sweetalert를 사용해보자.

한번 작성된 공통 컴포넌트나 스타일, 함수 등이 여러 페이지나 프로젝트에서 재사용 될 수 있는 능력을 의미.서비스의 기능, 화면에 새로운 요구사항을 반영하거나 수정을 쉽고 효율적으로 이루어지는 정도를 의미서비스가 지속적으로 성장하면서 자연스레 규모가 커진다.매번 새로운

소개팅 웹 앱을 개발하던 도중 로그인 처리를 어떤 방식으로 해야할지 고민이었다. 다른 소개팅 앱의 레퍼런스를 확인하던 중 대부분의 서비스들이 핸드폰 번호를 사용한 SMS로그인 형식을 사용하고 있었다. 사용자가 번호를 입력하면 인증번호를 보내주어 이를 PW처럼 사용하는

우선 제목과 같이 간단하게 CSR과 SSR에 대한 개념을 먼저 살펴보자.CSR의 동작과정을 살펴보자면 다음과 같다.1\. 유저가 웹 사이트에 방문하면, 브라우저가 서버에 콘텐츠를 요청한다.2\. 이에 서버는 빈 뼈대만 있는 HTML을 응답으로 보내준다.3\. 브라우저가

우선 React Hook 작성에 앞서 Solid 원칙이 무엇인지 간단하게 알아보고 가도록 한다.SOLID원칙이란 객체 지향 설계에서 지켜줘야 할 5개의 소프트웨어 개발 원칙을 말한다.SRP(Single Responsibility Principle) - 단일 책임 원칙O

개방/폐쇄 원칙(OCP - Open/Closed Principle) > 소프트웨어 엔티티(클래스, 모듈, 함수 등)는 확장에는 개방적이어야 하지만, 수정에는 폐쇄적이어야 한다. 즉 다시 건들지 않을 수 있도록 Hook과 컴포넌트를 작성하고, 다른 Hook과 컴포넌트에

Hook/컴포넌트가 일부 props를 받아들이는 경우, 해당 훅/컴포넌트를 확장하는 모든 Hook과 컴포넌트는 확장하는 Hook/컴포넌트가 받아들이는 모든 props를 받아들여야 한다.위의 훅을 사용하면 useLocalAndRemoteStorage는 useLocalSt

사용하지 않는 메서드에 의존하도록 코드를 강제해서는 안된다.이름에서 알 수 있듯이 인터페이스와 관련이 있으며, 기본적으로 함수와 클래스는 명시적으로 사용하는 인터페이스만 구현해야 한다는 뜻이다. 이는 인터페이스를 깔끔하게 유지하고 클래스가 여러 메서드를 포함하는 하나의