이미지를 생성하기 위해서는 Dockerfile 이라 명명한 파일을 만들어야 한다.Dockerfile에서 도커에게 최종적으로 컨테이너를 설정하는 방법을 설명한다.Docker Hub에서는 다양한 공식 이미지를 사용할 수 있다.만약 docker run node 를 작동했을

https://ddochea.tistory.com/190

SEO (Search Engine Optimization)은 검색 엔진에서 웹 페이지가 노출되도록 최적화하는 작업입니다. 검색 엔진은 웹 페이지의 내용과 구조를 분석해서 검색어에 대한 검색 결과를 반환하는데, 이 때 웹 페이지의 SEO 최적화 수준이 검색 결과에 영향을

Immutable.js는 자바스크립트에서 불변성 데이터를 다룰 수 있도록 도와준다.Immutable.js를 알기전에 객체 불변성을 알아야 한다.Immutable.js객체 불변성을 이해하려면 간단한 자바스크립트 코드를 실행해 보아야 한다. 크롬 웹 브라우저에서 개발자 도

네트워크 통신네트워크 통신(Network communication)은 컴퓨터와 다른 컴퓨터 또는 네트워크 장비들 사이에 데이터를 주고받는 과정을 말합니다. 컴퓨터는 통신 프로토콜을 사용하여 네트워크를 통해 다른 컴퓨터와 연결되어 데이터를 교환하게 됩니다.네트워크 통신은

사용자가 위의 C4에서 업데이트를 트리거하는 버튼을 클릭한다고 가정해 보겠습니다. 업데이트는 루트로부터 내려와 P3를 통과하여 필요한 변경을 수행하기 위해 C4로 이동합니다. 정상적인 React 환경에서 루트가 렌더링되면 모든 하위 컴포넌트가 자동으로 렌더링됩니다. 이

os 란? operation system의 약자로서 운영체제를 의미합니다. 운영체제는 우리가 사용하는 컴퓨터에 설치되어 있으며 대표적으로 window나 MacOS가 있습니다.운영체제는 컴퓨터에 설치되어 잇는 수 많은 프로그램들이 직접 하드웨어를 제어하려고 할 때 복잡한

새로운 cell 값이 들어왔을 때, 새로 들어온 값에만 애니메이션 효과를 주려고한다.근데 data.map으로 생성한 Mui의 TableRow는 부모배열(data)가 변경되면 전체가 리렌더링되는 것 같다.그래서 새로운 값에만 애니메이션이 되는 것이 아닌, data에 포함

2023-01-27T15:22:58ZISO8601형식의 date가 있을 때 이것을 자바스크립트에서 쓸 수 있는 date타입으로 우선 만들어 줘야한다.여기서 .slice(0, -1)를 해주지 않으면 한국시간이 아닌 UTC시간으로 설정된다.그리고 yyyy-mm-dd hh:

1) Find the max value in an array: 2) Remove duplicates from an array: 3) Generate a random number between 1 and 100: 4) Check if a string is a valid number: 5) Get the current date and time: 6) ...

내 마우스 따라오게 하기 내 마우스 위치에 요소 생성

다음처럼 객체들로 이루어진 배열로 존재할 때Obj.name : Obj.data의 배열들을 만들고 싶다면ex) type : Array(1), valid : Array(2) 다음처럼 reduce를 사용하면 된다.

includes 함수를 이용하면 배열 안에 해당 값이 존재하는지 확인할 수 있다.또한 배열끼리의 교집합, 차집합도 가능하다.다음과 같이 배열이 존재할 때이 배열의 교집합과 차집합을 구해보자.includes에서 filter를 섞으면 차집합이 가능하다.

자바스크립트 qweqwd && wqeqwe ? true : false 는 !!(qweqwd && wqeqwe) 로 표현할 수 있다. 컴포넌트 사이에 들어가있는 내부컴포넌트들은 props.children으로 사용할 수 있다. const Test = ({childre

기짜낭님 - React Flux 란?Flux는 Facebook에서 클라이언트-사이드 웹 어플리케이션을 만들기 위해 사용하는 어플리케이션 아키텍쳐이다.또는 애플리케이션에서 데이터를 다루기 위한 패턴이라고 할 수 있다.Facebook에서 React를 사용할 때, Flux이

윈도우에서 효율적이고 아름다운 개발 환경을 구축할 수 있다.원래 윈도우 개발환경은 정말 최악으로 알려져있었으며 개발자들은 MacOS를 사용하는 것이 너무나도 당연한 것이었다.맥OS와 리눅스는 최고의 개발환경을 자랑하는데, 왜냐하면 그들은 unix베이스이기 때문이다.개발

운영체제란 OS(operation system)라고 부르며, 대표적으로 Windows나 MacOS가 있다.운영체제는 컴퓨터상에 설치되어 있는 수 많은 프로그램들이 직접 하드웨어를 제어하려고 할 때 복잡한 과정들을 준비해주는 역활을 한다.운영체제가 없다면 컴퓨터를 구동시

Next.js는 자바스크립트 프론트엔드 프레임워크이며 사용하기 쉽고 배우기도 쉬운편이다. 버전이 나올때마다 향상이 되며 제공하는 기능도 다양하다.리액트와 Next.js의 큰 차이점은 SSR과 CSR이다.리액트 프로그램을 만들면 기본적으로 클라이언트 사이드 렌더링(CSR

라이브러리 vs 프레임워크프레임워크란 원하는 기능 구현에 집중하여 개발할 수 있도록 일정한 형태와 필요한 기능을 갖추고 있는 골격, 뼈대를 의미한다.그리고 가장 대표적인 프론트엔드 웹 개발용 프레임워크는 React, Vue, Angular 이렇게 세 가지이다.전통적인

라이브러리 프레임워크는 흑/백처럼 또렷하게 나뉘어지는 개념은 아니다.라이브러리, 프레임워크는 둘다 다른 누군가가 작성한 코드인데 우리의 프로젝트를 위해서 가져다가 쓰는 것들이다.라이브러리와 프레임워크의 차이점은 아주 심플한 컨셉이다. 누가 누구를 컨트롤하는가.내가 코드