개발 노트

기능적인 부분

1. 오렌지파이가 죽었는지 확인하는 프로그램 연결
2. Maximum depth에러 처리
3. 메모리 대량 사용부분 - 9와 연관성?
4. 설정에서 관리할 내용
   1. 에러 레벨별색상지정
   2. 관제 전화번호
   3. 왼쪽에 보여주는 리스트 사이즈 3단계
5. 에러 레벨별 색상 다르게 - 설정에서 지정
6. 지도 렌더링
7. timepicker 내부에서 시분초 중 초를 전달하지 못함
8. post통신 다중발생 막기
9. dataValue의 로컬스토리지 저장
10. 오렌지파이가 죽었는지 확인하는 프로그램 연결)(4114 유림, 목장주에게 문자 가는 기능)
11. 왼쪽컴포넌트에서 이슈 클릭 시 오른쪽 컴포넌트로 연결
12. 로그인기능 연결
13. 설정에서 DB에 저장하지않느 문자열 지정하기

디자인 레이아웃

1. 이슈페이지 이슈목록 길어졌을때 사이즈 조절안됨(flex-whitespace width error)
2. 화면 리사이즈시 - 컴포넌트 위치 재조정 안됨
3. 모바일 뷰 개선

오늘 진행예정

1. post통신 다중발생 막기
2. dataValue의 로컬스토리지 저장
3. 오렌지파이가 죽었는지 확인하는 프로그램 연결)(4114 유림, 목장주에게 문자 가는 기능)
4. 왼쪽컴포넌트에서 이슈 클릭 시 오른쪽 컴포넌트로 연결
5. CSS에러 수정하기 이슈 창 기준
6. 모바일 뷰 개선하기

기능적인 부분

1. 오렌지파이가 죽었는지 확인하는 프로그램 연결
2. Maximum depth에러 처리
3. 메모리 대량 사용부분 - 9와 연관성?
4. 설정에서 관리할 내용
   1. 에러 레벨별색상지정
   2. 관제 전화번호
   3. 왼쪽에 보여주는 리스트 사이즈 3단계
5. 에러 레벨별 색상 다르게 - 설정에서 지정
6. 지도 렌더링
7. timepicker 내부에서 시분초 중 초를 전달하지 못함
8. 왼쪽컴포넌트에서 이슈 클릭 시 오른쪽 컴포넌트로 연결

디자인 레이아웃

1. 이슈페이지 이슈목록 길어졌을때 사이즈 조절안됨(flex-whitespace width error)
2. 화면 리사이즈시 - 컴포넌트 위치 재조정 안됨
3. 모바일 뷰 개선

오늘 진행예정

1. refresh코드 추가(test중)
2. 필터링 관련 에러 수정
3. mute관련 로컬스토리지 저장하기
4. 모달컴포넌트의 작성자가 정상적으로 보이지 않던 문제 수정
5. get통신 관련 에러로깅 추가
6. 왼쪽컴포넌트에서 이슈 클릭 시 오른쪽 컴포넌트로 연결
7. 오렌지파이가 죽었는지 확인하는 프로그램 연결)(4114 유림, 목장주에게 문자 가는 기능)
8. CSS에러 수정하기 이슈 창 기준
9. 모바일 뷰 개선하기

기능적인 부분

1. 오렌지파이가 죽었는지 확인하는 프로그램 연결
2. Maximum depth에러 처리
3. 메모리 대량 사용부분 - 9와 연관성?
4. 설정에서 관리할 내용
   1. 에러 레벨별색상지정
   2. 관제 전화번호
   3. 왼쪽에 보여주는 리스트 사이즈 3단계
5. 에러 레벨별 색상 다르게 - 설정에서 지정
6. 지도 렌더링
7. timepicker 내부에서 시분초 중 초를 전달하지 못함
8. 왼쪽컴포넌트에서 이슈 클릭 시 오른쪽 컴포넌트로 연결
9. 저장 로그로 오래걸리는 위치 추적하기
10. 사운드 재생 toggle된 후 사운드가 실제로 나오기까지 1초딜레이(레벨별 사운드 때문)

디자인 레이아웃

1. 이슈페이지 이슈목록 길어졌을때 사이즈 조절안됨(flex-whitespace width error)
2. 화면 리사이즈시 - 컴포넌트 위치 재조정 안됨
3. 모바일 뷰 개선

오늘 진행예정

1. 저장 로그로 오래걸리는 위치 추적하기
2. 사운드재생 테스트 및 새 에러메세지 표시 / 딜레이없애기
3. 왼쪽컴포넌트에서 이슈 클릭 시 오른쪽 컴포넌트로 연결
4. 오렌지파이가 죽었는지 확인하는 프로그램 연결)(4114 유림, 목장주에게 문자 가는 기능)
5. CSS에러 수정하기 이슈 창 기준
6. 모바일 뷰 개선하기

기능적인 부분

1. 오렌지파이가 죽었는지 확인하는 프로그램 연결
2. 삭제 및 작성 시 목장명-내용/목장명-내용-입력내용 등 모달컴포넌트내에 보여주기
3. Maximum depth에러 처리
4. 메모리 대량 사용부분 - 9와 연관성?
5. 설정에서 관리할 내용
   1. 에러 레벨별색상지정
   2. 관제 전화번호
   3. 왼쪽에 보여주는 리스트 사이즈 3단계
6. 에러 레벨별 색상 다르게 - 설정에서 지정
7. 지도 렌더링
8. timepicker 내부에서 시분초 중 초를 전달하지 못함
9. 목장 필터링/ 정렬부분 localStorage에 저장하기
10. 정렬기능 업데이트순 -> 에러메세지 순으로 변경
11. 플레이 버튼 옆 문구추가
12. fetch관련 연동하기
13. 왼쪽컴포넌트에서 이슈 클릭 시 오른쪽 컴포넌트로 연결..?
14. 신규작성모드에서 작성 중 이슈목록이 클릭되면 신규작성모드가 종료되고 기존모드로 변경하기
15. 저장 로그로 오래걸리는 위치 추적하기
16. 사운드 재생 toggle된 후 사운드가 실제로 나오기까지 3초딜레이(레벨별 사운드 때문)

디자인 레이아웃

1. 이슈페이지 이슈목록 길어졌을때 사이즈 조절안됨(flex-whitespace width error)
2. 화면 리사이즈시 - 컴포넌트 위치 재조정 안됨
3. 모바일 뷰 개선

오늘 진행예정

1. 목장 필터링/ 정렬부분 localStorage에 저장하기
2. 정렬기능 업데이트순 -> 에러메세지 순으로 변경
3. 플레이 버튼 옆 문구추가
4. fetch관련 연동하기
5. 왼쪽컴포넌트에서 이슈 클릭 시 오른쪽 컴포넌트로 연결..?
6. 신규작성모드에서 작성 중 이슈목록이 클릭되면 신규작성모드가 종료되고 기존모드로 변경하기
7. 저장 로그로 오래걸리는 위치 추적하기
8. 오렌지파이가 죽었는지 확인하는 프로그램 연결)(4114 유림, 목장주에게 문자 가는 기능)
9. CSS에러 수정하기 이슈 창 기준
10. 모바일 뷰 개선하기

기능적인 부분

1. 오렌지파이가 죽었는지 확인하는 프로그램 연결
2. 삭제 및 작성 시 목장명-내용/목장명-내용-입력내용 등 모달컴포넌트내에 보여주기
3. Maximum depth에러 처리
4. 메모리 대량 사용부분 - 9와 연관성?
5. 설정에서 관리할 내용
   1. 에러 레벨별색상지정
   2. 관제 전화번호
   3. 왼쪽에 보여주는 리스트 사이즈 3단계
6. 에러 레벨별 색상 다르게 - 설정에서 지정
7. 지도 렌더링
8. timepicker 내부에서 시분초 중 초를 전달하지 못함

디자인 레이아웃

1. 이슈페이지 이슈목록 길어졌을때 사이즈 조절안됨(flex-whitespace width error)
2. 화면 리사이즈시 - 컴포넌트 위치 재조정 안됨
3. 모바일 뷰 개선

오늘 진행예정

1. 삭제 및 작성 시 목장명-내용/목장명-내용-입력내용 등 모달컴포넌트내에 보여주기
   (단건에 대해서만 보여줌)(다중선택시 x)
2. 에러 레벨별 색상 다르게 - 설정에서 지정
3. 오렌지파이가 죽었는지 확인하는 프로그램 연결)(4114 유림, 목장주에게 문자 가는 기능)
4. CSS에러 수정하기 이슈 창 기준
5. 모바일 뷰 개선하기

1. 데이터 fetch로 api호출하기

const axios = require("axios");

let publicIp;
(async () => {
  try {
    const response = await axios.get('https://api64.ipify.org?format=json', {
      httpsAgent: agent
    });
    log('publicIp',response.data.ip);
    publicIp=response.data.ip
  } catch (error) {
    log('Error fetching public IP:', error);
  }
})();

2. TLS 에러발생 -> ip를 사용하게 허가해줘야함
3. https모듈 설치 및 추가

const https = require('https');

const agent = new https.Agent({
  rejectUnauthorized: false,  // trustServerCertificate: true 와 같은 효과
  // 서버 인증서 검사를 비활성화
});

4. 정상적으로 ip호출 확인

5. 문자메세지 전송함수에 추가 

// 문자 메시지를 전송하는 함수
async function sendSMSMessages(phoneNumbers, message) {
  try {
    const response = await axios.get('https://api64.ipify.org?format=json', {
      httpsAgent: agent
    });
    const publicIp = response.data.ip;
    log('publicIp', publicIp);

    phoneNumbers.forEach((phoneNumber) => {
      // URL에 포함될 수 있도록 메시지 인코딩
      const encodedMessage = encodeURIComponent("C관제-" + message + "-" + publicIp);
      log("sms - " + message);
      const url = //생략

      axios
        .get(url)
        .then(() => {
          log(`${phoneNumber}로 알림 메시지가 성공적으로 전송되었습니다.`);
        })
        .catch((error) => {
          log(`${phoneNumber}로 알림 메시지 전송 실패: ${error.message}`, error);
        });
    });
  } catch (error) {
    log('Error fetching public IP:', error);
  }
}

6.정상적으로 메세지 수신 테스트완료