웹 앱의 성능을 배우기 위한 준비

Introduction

대상

웹 앱 성능을 배우고 싶은 사람

무엇이 즐겁습니까?

성능 시스템을 학습하기 위해 최적화된 어플리케이션 준비 필요

준비는 번거롭다

소개된 창고를 이용하면 배울 수 있습니다

이 문장에서 진행하다

웹앱 성능 학습용 웨어하우스 소개

소개된 창고를 포크,clone,heroku로 예처리

WebApp 성능 학습용 웨어하우스 소개

CyberAgent가 학생을 위한 퍼포먼스 클래스 채용 활동에 사용하는 창고

이 앱은 웹 앱의 성능을 배우기 위해 일부러 성능을 떨어뜨린 앱의 창고

Hackson에서 팀워크라는 앱으로 속도를 경쟁한다.

↑ 그리고 해설문!구출🙏)

↑ 올해(2021년)도 해야 할 것 같다.참가할 수 있는 학생이 참가하는 것이 어떻습니까?
모집일은 5분의 2입니다. 아직 늦지 않았습니다!

코드 준비

코드 포크

여기 창고를 가로질러 자기 원격 창고로 놀자

브랜치 생성

계속 마스터 지점이었다면 틀릴 수 있으니 이번에는 README에 적힌 내용을 모방하여user/hogehoge 형식으로 지점을 만들어 작업하겠습니다.

# フォークしたブランチのclone
git clone https:.......
# ブランチの作成
git checkout -b user/hogehoge
# リモートにブランチをプッシュしておく
git push origin user/hogehoge

Heroku 계정이 없는 사람

여기 양식에 따라 등록하세요.

창고와 헤로쿠의 합작

heroku에서 디버깅을 위한 작업 공간 준비

New 버튼으로 Create New App

앱의 명칭 설정

로케일

파이프는 나중에 추가하고 싶을 때 ok

추가

GiitHub의 원격 웨어하우스 공동 작업

자체 GiitHub에 연결된 계정

자신의 계좌에서 포크 저장소 검색

connect

자동 프로그램 설정

블록을 풀 분기 선택

CI 통과 후 디버깅 시 확인✅

구성 프로그램 명령

이번에 사용할 창고가 준비되어 있어 준비할 필요가 없음

프로그램 설계

수동 설계

수동으로 원격 창고를 예처리하는 버튼이 있기 때문에 이번에는 여기서 예처리를 하고 앱을 확인

열었습니다!그리고 로컬에서 일하거나 원격으로 밀어서 다른 장치에서 확인한 후에 놀아요.

어렵게 디자인하면 라이트하우스의 CI를 넣으면 재밌을 것 같아요.✨

주의

특별요금 설정이 아니면 요금을 받지 않지만 자원이 너무 낭비되어 놀고 난 후에도 멈추지 말아야 한다.

끝맺다

이번 기사는 자신의 젠 글 작성 연습, 마크타운의 연습을 위해 쓴 것이다.

연습하면서 웹 앱 성능과를 공부하고 싶은 분들께 전달하고 싶다고 썼는데 연기를 배우고 싶은 분들께 전달할 수 있다면 너무 기쁩니다!

Reference

이 문제에 관하여(웹 앱의 성능을 배우기 위한 준비), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/kii/articles/ca-speed-hack-herouku-node

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다