jjuya

· 기타
TPS 측정하기TPS 확인 방법Thread Group에서 우클릭 후 Add > Listener > Summary Report 추가Samples: 요청 수Average: 요청 응답 시간 평균값Min: 요청 응답 시간 최솟값Max: 요청 응답 시간 최댓값Std. Dev.: 요청 응답 시간 표준편차Error %: 요청 에러발생 비율Throughput: 초당 처리한 요청 수 (TPS)Received KB/sec: 초당 서버에서 수신된 데이터 양Sent KB/sec: 초당 서버로 전송된 데이터 양Avg. Bytes: 요청의 크기 평균 TPS란?TPS는 Transactions Per Second의 약자로 요청 단위로 초당 얼마나 많은 요청을 처리할 수 있는지에 대한 수치이다.TPS가 높을수록 시스템이 더 많은 요청..
· 기타
인텔리제이로 디버깅 해보기확인하고 싶은 부분 체크  Debug 클릭Debug아이콘 클릭 (Shift + F9)  확인  다음줄 확인다음줄로 넘어가면서 확인해보려면 F8을 눌러서 데이터가 어떻게 추가되고 변동되는지 확인할수 있다
· 기타
백준 런다임 에러 해결하기분명 인텔리에서 잘 돌아가서 옮겨 백준에 제출했더니 런타임 에러가 떴다. 이것때문에 계속 오답 생성.. ㅎ아무튼 백준에서 런타임 에러 해결법을 알아보자!  확인해볼것1. 맨 위 pachage명 삭제 했는지 확인하기2. public class Main { 을 썼는지 확인하기(내가 인텔리나 이클립스에서 작성한 class이름 말고 Main으로 수정해서 제출해야함)3. 새로운 클래스는 Main 클래스 위에 써주기 (인식 못함)4. 입력받은것은 하나만 사용하기(Scanner 또는 BufferedReader)5. 배열 크기가 넘치는지 확인하기  나의 경우에는 2번이랑 5번때문에 런타임에러가 난듯하다!이제부터 주의 하면서 적어놓고 앞으로 런타임 에러 났을때 찾아봐야지
· 기타
프로젝트 리팩토링 작업 중 성능테스트를 수치로 보여줄 수 있는 것이 없을까? 하는 궁금증이 생겼다여러 툴들이 있었지만 오랜기간 사용한 Apaxhe JMeter를 사용해 보기로 했다! 응답 시간(Response Time)클라이언트가 서버에 요청하고 그 요청에 대한 응답을 받을때 까지 걸린 시간처리 가간(Process Time) : 실제 서버가 요청을 처리하는데 걸린 시간대기 시간(Latency Time) : 클라이언트와 서버간에 데이터를 주고받는 데 걸리는 시간응답시간(Respose Time) = [동시 사용자 수 / 초당 요청 수(TPS)] - 인지시간(Think Time)  TPS(Throughput)서버가 초당 처리 할 수 있는 요청의 개수TPS가 높을수록 초당 처리 할 수 있는 요청의 수가 많음초당..
· 기타/React
Reactjs code snippets 설치Marketplace - "Reactjs code snippets" 검색 - 설치  Reactjs code snippets 사용법단축기를 통해 템플릿을 생성해 줄 수 있음  자동 사용되는 단축키단축키설명rcc클래스 컴포넌트 생성rrc클래스 컴포넌트와 react-redux를 연결해서 생성rccp클래스 컴포넌트와 propTypes을 생성rcjcimport, export 없는 클래스 컴포넌트 생성rcfc클래스 컴포넌트와 모든 라이프 사이클 메소드 포함해서 생성 rwwd import없는 클래스 컴포넌트 생성 rsc 화상표 함수형 컴포넌트 생성 rsf 함수형 컴포넌트 생성
· 기타/React
lazy loading : 지연로딩React.lazy() 동적으로 코드를 로드하고 렌더링 할 수 있게 해 줌실제로 컴포넌트가 사용될 때까지 실제 컴포넌트의 코드를 로드하지 않음 lazy importimport { Suspense, lazy } from "react";React.lazy() 사용할 때, 사용하고자 하는 컴포넌트를 React.Suspense 컴포넌트 안에 렌더링 해야 함Suspense 컴포넌트는 fallback prop으로 컴포넌트가 로드되는 동안 로딩 스피너를 보여줄 수 있음 React.lazy 사용const Main = lazy(()=> import("../pages/MainPage"))Suspense로 컴포넌트 감싸주기 + fallback prop추가! const Loading = Lo..
· 기타/React
REACT에서 페이지 이동처리 하는 방법 라우팅이란?사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것 리액트 라우더 (React Rouder)사용자가 입력한 주소를 감지하는 역할, 여러 환경에서 동작할 수 있도록 여러 종류의 라우터 컴포넌트를 제공이중 가장 많이 사용하는 컴포넌트는 BrowserRouter와 HashRouterBrowserRouter : HTML5를 지원하는 브라우저의 주소를 감지HashRouter : 해시 주소를 감지 (ex : http://localhost3000/#home) 설치 방법npm install react-router-dom
· 기타/React
TypeScript 설치npm install typescript @type/node @type/react @type/react-router-dom @type/jest @type/react-domjs 파일 →. tsjsx 파일→. tsx javascript vs TypeScriptjavascript(동적언어) : 런타임에 타입 결정 / 오류 발견Java, Typescript(정적언어) : 컴파일 타임에 타입 결정 / 오류 발견function add (num1 : number, num2 : number){ console.log(num1+num2);}add(1,2);function showItems(arr : number[] or : Array){ arr.forEach(item =>{ console.log(..
· 기타/React
stateprop : 컨퍼넌트를 사용하는 외부자를 위한 데이터state : 컨퍼넌트를 만드는 내부자를 위한 데이터// 상태 생성시// ** 원시데이터타입Const [value, setValue] = useState(PRIMITIVE);string number boolean// ** 범객체Const [value, setValue] = useState(Object);object, array// 처리방벙이 달라짐 = 데이터 복제newValue = {...vaue}newValue변경 // 복제본 바꿈setValue(newValue) // 컴퍼넌트 다시실행newValue = [...vaue] //복제newValue변경 // 복제본 바꿈setValue(newValue)// setValue시 value값이 변경이..
· 기타/React
* 참고 : 공식문서 https://ko.legacy.reactjs.org/docs/components-and-props.html Components와 Props – ReactA JavaScript library for building user interfacesko.legacy.reactjs.org Components사용자 정의 태그 사용(대문자로 사용) → 함수를 정의: 함수의 형태로 사용 (생산성 증가)function Header(){ return header}// Header의 함수를 정의// header는 태그 function App(){ // 사용자 정의 태그 (컴퍼넌트) Header로 사용} props속성function Header(props){ // 파라미터로 props받아줌 retu..
jjuya 개발 기록
'기타' 카테고리의 글 목록💕