Mui 공식문서에 있는 Stepper 예제를 진행중인 프로젝트요구사항에 맞도록 변경하기

나 같은 경우는 웹콘솔에서 인/아웃바운드 정책 다 짤 수 있는데굳이 인스턴스 안에서 방화벽을 활성화 시켜가지고 이 사단이 났다.즉 보안 정책에서 22번 포트로 들어오는 요청을 허용했지만,인스턴스 내부 방화벽 (ufw) 에서 ssh 연결을 거부하고 있었기 때문에 SSH

next build 는 제품을 위해 최적화된 버전의 앱을 생성한다. 표준 출력은 다음을 포함한다:getStaticProps 나 자동 정적 최적화를 사용하는 페이지를 위한 HTML 파일.글로벌 혹은 개별적인 스코프 스타일을 위한 CSS 파일Next.js 서버로부터 동적인

스크립트 파일 최상단에 기입. 어떤 쉘로 구문을 분석할지 지시변수에 저장되는 값은 모두 문자열변수 생성시 = 기호 사이 공백 없어야 함변수 사용시 변수 앞에 $ 기호를 붙이거나 ${} 로 감싸기변수에 새 값 할당 시는 $ 사용 안함.run: ./script.sh one

흔히 알려진 이슈들:socket 연결 불가능socket 연결 끊김socket 이 HTTP 롱 폴링에서 멈춤다른 일반적인 문제들가능한 풀이들: 순수 웹소켓 서버에 연결하려 함서버에 도달 불가능클라이언트가 서버 버전과 호환되지 않음서버가 필요한 CORS 헤더를 전송하지 않

아래에서 흔히 많이 사용하는 테스트 라이브러리 코드 예제를 볼 수 있다.설치: npm i -D mocha chai설치: npm i -D jest설치: npm i -D tape

1.0 이전에 기본적으로 Socket.IO 서버는 모든 것을 콘솔에 기록했다. 이는 사용자들에게 성가신 결과를 가져왔다. (다른 사람들에겐 아주 유용했어도), 그래서 이제 우린 기본적으로 완전 조용해졌다.기반 아이디어는 Socket.IO 에 의해 사용되는 각 모듈이 내

의역 및 오역이 있을 수 있음. How it works Socket.IO 서버 (Node.js) 와 Socket.IO 클라이언트 (브라우저, Node.js, 혹은 다른 언어들) 간 양방향 채널은 가능 할 때 WebSocket 연결로 설정되며, HTTP long-po

Socket.IO 는 서버와 클라이언트가 저지연시간, 양방향 및 이벤트 기반 통신을 가능케 하는 라이브러리이다.WebSocket 프로토콜 위에 구축되었으며, HTTP 롱 폴링으로의 fallback 이나 자동 재연결 같은 추가적인 보증을 제공한다.\> INFOWebSoc

어떤것을 정의할 때 자기자신을 참조하는 것을 말한다.프로그래밍에서 재귀함수는 자기 자신을 호출하는 함수이다.반복문으로 작성할 수 있는 코드는, 재귀함수를 이용해 작성할 수 있고, 그 반대 역시 가능하다.재귀함수는 계속 자기 자신을 호출하기 때문에, 그 결과가 콜스택에

contenteditable 이라는 프로퍼티를 사용하면 input 태그가 아닌 태그에도 입력을 할 수 있다. div 태그뿐 아니라 button 등의 다른 태그들에도 적용할 수 있다.웹접근성을 고려하면 input 태그를 사용하는게 맞겠지만, 자바스크립트 없이 프로퍼티 하

어떤 사물에 대한 데이터를 순서 없이 그룹화 한 것.객체 리터럴로 생성하는 방법Object 생성자로 만드는 방법객체 리터럴을 통해 객체 선언과 동시에 데이터 추가하기객체 외부에 선언하기얼핏 보면 선언과 동시에 데이터를 할당하는게 더 직관적이고 좋아보이지만, '어떤 방법

Next.js는 API 라우트를 지원하므로, Node.js 의 함수로 API 엔드포인트를 쉽게 생성할 수 있게 해줍니다. 비록 우리 블로그 앱에 필요하지는 않지만, 이번 레슨에서 어떻게 사용하는지 간단하게 이야기 해보려고 합니다. 이번 레슨에서, 이것들을 배울 겁니다:

1. 블로그 데이터로 인덱스 페이지를 채웠습니다. 그렇지만, 개인 블로그 페이지를 만들지는 않았습니다. (우리가 원하는 결과). 블로그 데이터에 따라 이 페이지들에 URL 을 주고 싶습니다. 동적 라우트가 필요하다는 뜻입니다. 이번 레슨에서 배울 것들 이번 레슨에

1. 우리는 블로그를 만들고 싶습니다. (여기 원하는 결과가 있습니다), 그러나 지금까지 우리는 블로그에 아무런 컨텐츠를 추가하지 않았습니다. 이 레슨에서, 우리는 외부 블로그의 데이터를 우리의 앱으로 데이터를 가져오는 방법에 대해서 알아볼 것입니다. 우리는 블로그 컨

1. 현재 우리가 추가해 넣은 두번째 페이지는 스타일링이 없습니다. CSS를 조금 추가해서 페이지 스타일을 지정해보죠. Next.js 는 CSS와 Sass 를 기본적으로 지원합니다. 이 코스의 목적을 위해 우리는 CSS 를 사용할 것입니다. 또한, 이 레슨에서 N

지금까지, 우리가 만든 Next.js 앱은 오직 하나의 페이지만을 가졌습니다. 일반적으로 웹사이트와 웹앱은 다른 많은 페이지들을 가질 수 있습니다. 어떻게 우리의 앱에 더 많은 페이지를 추가하는지 탐험해보죠. 이번 레슨에서 당신이 배울 것 들입니다. 이번 레슨에서

처음부터 React로 완벽한 웹 앱을 만들려면, 당신은 많은 세부사항들을 고려할 필요가 있습니다.코드는 웹팩같은 번들러를 이용해 묶고, Babel 같은 컴파일러를 이용해 변환되어야 합니다.코드 스플리팅과 같은 생산 최적화를 해야 합니다.검색 엔진 최적화를 위해 정적으로