• profile_image 정보시스템의 핵심적인 품질 요소와 성능을 체계적으로 평가하고 분석하여 지속적인 개선 방향을 도출하기 위한 중요한 관리 서식으로 품질속성명, 평가방법, 목치치, 현재치, 개선필요성으로 작성 되었습니다.   품질속성 주요항목 품질속성명: 시스템의 성능과 안정성을 종합적으로 평가하고 측정하는 기본적인 속성을 정의합니다. 설명: 각 품질속성의 세부적인 특성과 중요성을 명확하게 기술하여 이해를 돕습니다. 평가방법: 객관적이고 정량적인 측정 기준을 통해 시스템의 품질 수준을 정확하게 분석합니다. 목표치: 시스템 성능 향상을 위한 구체적이고 달성 가능한 최적의 기준값을 설정합니다. { "@context": "htt…
  • profile_image 다양한 애플리케이션의 리소스 활용도와 소비 패턴을 상세하게 기록하고 분석하여 효율적인 자원 관리를 위한 종합적인 정보를 제공하는 관리 양식으로 리소스 유형, 사용량, 사용일자로 이루어져 있습니다.   리소스 사용량 주요항목 리소스 유형: 애플리케이션별 세부적인 자원 활용 현황을 체계적으로 분석하고 기록하는 방법을 제시합니다. 사용량 분석: 각 애플리케이션의 자원 소비 수준과 트렌드를 정확하게 파악하고 평가하는 접근 방식을 포함합니다. 단위 측정: 다양한 리소스의 정량적 측정 기준과 표준화된 평가 방법론을 구체적으로 정립합니다. 활용 전략: 수집된 리소스 사용 데이터를 바탕으로 최적화된 자원 배분 전략을 …
  • profile_image 정보 기술 인프라스트럭처의 효율적인 구성과 배포를 위한 자동화된 프로세스를 상세히 기록하고 추적하는 중요한 서식으로 작업내용, 담당자로 되어 있습니다.   작성시 고려사항 데이터 정확성: 프로비저닝 자동화 기록의 모든 항목을 정확하고 상세하게 입력하여 신뢰성을 확보합니다. 기술적 일관성: 자동화 도구와 스크립트의 표준화된 접근 방식을 유지하여 일관된 프로비저닝 환경을 구축합니다. 보안 준수: 프로비저닝 과정에서 기업 내부 보안 정책과 규정을 엄격하게 준수하고 관리합니다. 지속적 개선: 프로비저닝 자동화 프로세스의 성능과 효율성을 주기적으로 평가하고 개선합니다. { "@context": "https://…
  • profile_image 다양한 데이터베이스 간 정보 교환과 일관성 유지를 위한 핵심 메커니즘을 상세하게 기록하고 관리하는 중요한 서식으로 동기화ID, 동기화명, 소스데이터베이스, 대상데이터베이스, 동기화유형으로 작성 되었습니다.   작성시 고려사항 데이터 무결성: 동기화 과정에서 발생할 수 있는 데이터 손실이나 오류를 방지하기 위한 세부적인 점검 절차를 마련해야 합니다. 보안설정: 데이터베이스 간 연동시 발생할 수 있는 정보 유출 위험을 최소화하기 위한 강력한 보안 메커니즘을 적용해야 합니다. 성능최적화: 대용량 데이터 동기화시 시스템 부하와 응답속도를 고려한 효율적인 동기화 방식을 선택해야 합니다. 오류관리: 동기화 과정에서…
  • profile_image 다국어 서비스를 위한 애플리케이션 현지화 과정을 상세하게 기록 관리하며 개발 팀의 언어 리소스 통합 지원을 위한 문서서식으로 애플리케이션명, 개발팀, 주요기능, 리소스 ID, 원본 텍스트로 되어 있습니다.   데스크톱 앱 국제화 주요항목 애플리케이션 국제화 범위: 다양한 언어권의 사용자를 고려한 종합적인 언어 지원 전략을 수립합니다. 리소스 관리 체계: 번역 텍스트와 원본 콘텐츠의 효율적인 연계 및 추적 방안을 마련합니다. 언어별 현지화: 각 언어권의 문화적 특성을 반영한 세부적인 현지화 접근법을 적용합니다. 번역 품질 관리: 전문 번역가의 검수와 자동화된 언어 검증 도구를 통한 정확성을 확보합니다. 다…
  • profile_image 건물 내 공기 순환과 질 관리를 위한 중요한 환기설비의 상태와 성능을 정기적으로 확인하고 기록하여 쾌적하고 안전한 실내 환경을 유지할 수 있는 서식으로 점검일자, 설비명, 점검자로 구성 되어 있습니다.   작성시 고려사항 점검주기: 환기시스템의 효율적인 관리를 위해 정기적이고 일정한 간격으로 점검을 실시해야 합니다. 상세기록: 점검 결과에 대해 가능한 구체적이고 명확한 정보를 기재하여 추후 분석에 활용할 수 있습니다. 이상징후: 환기설비에서 발견된 모든 비정상적인 상황이나 잠재적 문제점을 즉시 기록해야 합니다. 보전조치: 점검 중 발견된 문제점에 대해 즉각적인 유지보수 및 개선 방안을 마련해야 합니다. …
  • profile_image 다양한 기술 물품의 세부 내용을 기록하고 관리하며 정확한 조달 현황을 즉시 파악할 수 있는 행정 문서양식으로 물품명, 규격/모델명으로 구성되어 있습니다.   작성시 고려사항 정확성: 모든 항목을 정확하고 상세하게 기록하여 신뢰할 수 있는 정보를 제공합니다. 최신성: 물품 조달 상황의 변화를 즉시 반영하여 최신 정보를 유지합니다. 일관성: 동일한 기준과 형식으로 지속적이고 균일하게 작성합니다. 보안: 민감한 기술 물품 정보의 보안을 철저히 유지하고 관리합니다. { "@context": "https://schema.org", "@type": "WebPage", "name": "기술 물품조달 종합대장", "…
  • profile_image 기관의 대외비 자료에 대한 상세한 내역과 현황을 기록하고 관리하기 위해 작성되는 중요한 보안 관련 기록물로서 정보의 체계적인 추적과 관리에 필수적인 문서양식으로 등급구분, 관리부서, 비용구분, 사용용도, 예산금액, 비용명세로 되어 있습니다.   대외비 관리대장 주요항목 등급구분: 문서의 보안 수준과 중요도에 따라 세부적인 등급을 명확하게 구분하고 분류합니다. 관리부서: 해당 대외비 문서를 직접적으로 관리하고 감독하는 부서의 책임과 역할을 상세히 기재합니다. 비용구분: 대외비 문서와 관련된 모든 재정적 세부 사항을 정확하고 투명하게 기록합니다. 사용용도: 대외비 문서의 구체적인 활용 목적과 범위를 명확하게…
  • profile_image 전체 시스템의 안정성과 신뢰성을 확보하기 위해 각 통신 구간에서 요구되는 입력 데이터의 정합성을 점검하고 검증하는 중요한 기준을 제공하는 서식으로 API명, 파라미터명, 데이터타입, 필수여부, 유효범위, 검사방법으로 구성되어 있습니다.   파라미터 유효성 검사 주요항목 데이터타입: 각 파라미터가 요구되는 데이터 형식에 정확히 부합하는지 세부적으로 확인하고 검증합니다. 필수여부: 해당 파라미터의 입력 필수 조건을 명확히 규정하고 누락 여부를 철저히 점검합니다. 유효범위: 허용 가능한 값의 범위를 정밀하게 정의하고 해당 경계값을 엄격히 관리합니다. 검사방법: 각 파라미터에 대한 표준화된 검증 절차와 알고리즘…
  • profile_image 기술 분야에서 중요한 자료들의 체계적인 정보를 종합적으로 기록하고 관리하는 목적으로 활용되는 전문적인 서식으로 관리번호, 자료명칭, 생성일자, 담당자로 이루어져 있습니다.   자료 관리 주요항목 관리번호: 각 기술 자료를 고유하게 식별하고 추적할 수 있는 체계적인 일련번호를 부여합니다. 자료명칭: 기술 자료의 정확하고 명확한 제목과 내용을 간결하게 표현하는 정보를 포함합니다. 분류: 기술 자료의 세부 영역과 특성에 따라 전문적인 카테고리로 구분하고 분류합니다. 생성일자: 해당 기술 자료가 최초로 작성되거나 생산된 정확한 날짜를 기록합니다. 담당자: 기술 자료를 작성하고 관리하는 책임자의 개인정보를 명확하…
  • profile_image 데이터베이스 구조와 설계 내용을 포괄적으로 기록하고 관리하며 시스템 개발에 필요한 핵심 정보를 상세하게 정리하는 기술 서식으로 설계명, 작성자, 생성일, 시스템명, 테이블명, 컬럼명, 데이터타입, 제약조건으로 구성되어 있습니다.   작성시 고려사항 일관성 유지: 데이터 모델링시 일관된 명명 규칙과 표준을 엄격히 준수해야 합니다. 정규화 수준: 데이터 중복을 최소화하고 효율적인 정규화 단계를 결정해야 합니다. 성능평가: 대용량 데이터 처리와 응답속도를 고려한 설계 접근이 필요합니다. { "@context": "https://schema.org", "@type": "WebPage", "name": "데이터…
  • profile_image 데이터베이스의 정확성과 신뢰성을 확인하는 중요한 문서로 정보 시스템의 무결성을 체계적으로 점검하고 오류를 식별하여 데이터 품질을 관리하는 문서서식으로 검증 대상, DB 종류, 테이블명, 검증일자, 검증자, 검증 항목, 기준값으로 구성되어 있습니다.   데이터무결성 주요항목 검증대상: 데이터베이스 내 각 테이블의 구조와 내용에 대한 포괄적인 점검을 수행합니다. 무결성기준: 데이터의 일관성과 정확성을 판단하는 세부적인 기준을 명확히 설정합니다. 오류유형: 중복 데이터 부정확한 값 누락된 정보 등 다양한 무결성 위반 사항을 식별합니다. 검증범위: 데이터베이스의 모든 핵심 테이블에 대한 체계적인 검증 절차를 수…
  • profile_image 소프트웨어의 품질과 안정성을 확인하기 위해 실시하는 테스트 과정과 결과를 상세하게 기록하는 중요한 문서양식으로 테스트항목, 테스트일자, 담당자, 소프트웨어버전, 테스트환경, 케이스번호, 기능명, 테스트결과로 구성 되어 있습니다.   테스팅 주요항목 테스트항목: 소프트웨어의 기능적 요구사항을 세부적으로 분석하고 검증하는 핵심 프로세스를 수행합니다. 테스트일자: 소프트웨어 개발 단계별로 정해진 일정에 맞춰 체계적인 평가를 실시하고 진행상황을 점검합니다. 담당자: 전문성과 경험을 갖춘 테스터가 소프트웨어의 품질을 정밀하게 평가하고 검증합니다. 소프트웨어버전: 개발 중인 현재 버전의 기능과 성능을 상세하게 확인…
  • profile_image 소프트웨어 개발에 필요한 다양한 자재와 물품에 대한 조달 내역을 체계적으로 기록하고 관리하기 위한 중요한 업무 문서서식으로 발주일자, 공급업체, 납기일으로 구성되어 있습니다.   자재조달 주요항목 발주정보: 공급업체별 세부적인 자재 구매 내용과 조달 조건을 명확하게 기록하는 중요한 절차입니다. 품목관리: 소프트웨어 개발에 필요한 각종 물품과 장비의 규격 및 수량을 상세하게 문서화하는 과정입니다. 가격정보: 개별 자재의 단가와 총 금액을 정확하게 산정하고 예산 집행 현황을 추적하는 방법입니다. 납기관리: 공급업체로부터 자재를 인수받는 예정 일정과 조건을 구체적으로 명시하는 기준입니다. 부가정보: 자재조달과…
  • profile_image 소프트웨어 성능 관리와 시스템 안정성 확보를 위해 메모리 사용량을 체계적으로 기록하고 분석하는 중요한 문서서식으로 모니터링일자, 모듈명, 초기메모리사용량(MB), 현재메모리사용량(MB), 메모리누수량(MB)로 구성 되어 있습니다.   메모리누수 주요항목 모듈별 메모리 사용량: 각 모듈의 초기 메모리 사용량과 현재 메모리 사용량을 세부적으로 확인하고 분석할 수 있습니다. 누수 패턴 식별: 특정 모듈에서 지속적으로 발생하는 메모리 누수 현상을 정확하게 추적하고 기록합니다. 시간대별 변화: 모니터링 일자에 따른 메모리 사용량 변동 추이를 종합적으로 관찰할 수 있습니다. 임계값 설정: 허용 가능한 메모리 사용량…
  • profile_image 기관에서 사용하는 다양한 기자재의 상세 정보와 이력을 체계적으로 기록하고 관리하기 위한 중요한 문서로 효율적인 자산 관리와 추적을 위한 문서양식으로 관리번호, 보관장소, 구입일자, 담당자로 되어 있습니다.   작성시 고려사항 기록의 정확성: 모든 항목을 정확하고 상세하게 기록하여 데이터의 신뢰성을 확보해야 합니다. 정기적인 업데이트: 기자재의 변동 사항을 즉시 반영하고 주기적으로 정보를 점검해야 합니다. 보안 관리: 기자재 정보의 민감성을 고려하여 적절한 접근 제한과 보안 조치를 마련해야 합니다. 이력 관리: 기자재의 구입부터 폐기까지의 전체 이력을 체계적으로 관리해야 합니다. 호환성 유지: 다른 관리 …
  • profile_image 소프트웨어 라이선스 현황을 체계적으로 기록 관리하며 소프트웨어 자산의 효율적인 운영을 위한 중요한 정보를 종합적으로 정리하는 문서서식으로 소프트웨어명, 라이선스유형, 사용자수, 라이선스키, 유효기간으로 구성 되어 있습니다.   라이선스 관리 주요항목 라이선스 유형: 소프트웨어별 라이선스 유형과 세부 조건을 상세하게 기록하고 분류하는 중요한 정보를 포함합니다. 사용자 현황: 각 소프트웨어별로 허가된 사용자 수와 실제 사용 인원을 정확하게 확인하고 관리할 수 있는 기준을 제공합니다. 라이선스키 관리: 고유한 라이선스키를 체계적으로 기록하고 중복 및 분실 방지를 위한 핵심적인 관리 방안을 마련합니다. 유효기간…
  • profile_image 재무 관리에 필요한 수금 현황을 체계적으로 기록하고 추적할 수 있는 중요한 문서로서 재무팀의 자금 흐름과 수입 상황을 종합적으로 파악하는데 활용되는 양식으로 수금일, 수금자명, 수금처, 수금액, 수금방법, 항목명으로 작성 되었습니다.   수금현황 주요항목 수금일: 정확한 수금 날짜를 기록하여 재무 정보의 신뢰성을 높이고 체계적인 관리를 수행합니다. 수금액: 입금된 금액을 상세하게 기록하여 재무상태를 명확하게 파악할 수 있도록 지원합니다. 수금처: 자금의 원천을 명확하게 기재하여 재무 추적의 투명성을 확보할 수 있습니다. 수금방법: 현금 또는 계좌이체 등 다양한 수금 방식을 세부적으로 기록하여 재무 관리의…
  • profile_image 정보 시스템의 중요한 데이터베이스 구성 세부사항을 체계적으로 기록하고 관리하기 위한 목적으로 작성되는 기본 참조 양식으로 DB 종류, OS 종류, 서버 사양, 설치 경로, 포트 번호, 생성일으로 이루어져 있습니다.   데이터베이스 환경 주요항목 데이터베이스 종류: 구축된 데이터베이스의 유형과 특성을 명확하게 식별하고 상세하게 기록하는 절차를 진행합니다. 버전 관리: 현재 운영 중인 데이터베이스 소프트웨어의 정확한 버전 정보를 체계적으로 관리하고 추적합니다. 운영체제 환경: 데이터베이스가 구동되는 운영체제의 세부 정보와 호환성을 종합적으로 확인합니다. 서버 성능 정보: 데이터베이스 서버의 하드웨어 사양과 …
  • profile_image 소프트웨어 개발 및 품질 관리 과정에서 필요한 다양한 테스트 데이터를 체계적으로 생성하고 관리하는 중요한 기록 서식으로 테스트ID, 테스트명, 데이터유형, 생성일, 생성자로 구성되어 있습니다.   테스트 데이터 주요항목 테스트명: 테스트의 목적과 범위를 명확하게 표현하여 개발팀의 이해를 돕습니다. 데이터유형: 다양한 테스트 시나리오에 적합한 데이터 분류 체계를 제공합니다. 생성일: 데이터의 시간적 맥락과 버전 관리에 중요한 정보를 포함합니다. 생성자: 데이터 책임자와 생성 담당자를 명확히 식별할 수 있는 정보를 기록합니다. { "@context": "https://schema.org", "@type":…
  • profile_image 기술부품의 세부적인 정보와 사용 현황을 체계적으로 기록하고 관리하는 중요한 문서로 부품별 입고와 사용 내역을 상세하게 추적하여 효율적인 자원 관리를 지원하는 양식으로 부품명, 보관위치, 사용기간으로 되어 있습니다.   부품관리 주요항목 부품명세: 각 기술부품의 정확한 명칭과 세부 규격을 명확하게 기록하고 식별할 수 있습니다. 수량관리: 현재 보유한 부품의 입고 수량과 현재 재고 상황을 체계적으로 파악할 수 있습니다. 보관위치: 부품의 정확한 물리적 보관 장소와 세부 위치 정보를 상세하게 관리할 수 있습니다. 사용기간: 부품의 시작 및 종료 시점을 명확하게 기록하여 수명 주기를 관리할 수 있습니다. 이력추…
  • profile_image 다양한 서비스의 상세한 호출 현황과 성능을 체계적으로 관리하고 분석할 수 있는 중요한 서식으로 API명, 서비스명, 생성일, 담당자, 호출 횟수, 성공 횟수, 실패 횟수, 총 호출 횟수, 총 성공 횟수로 이루어져 있습니다.   작성시 고려사항 정확성 유지: 모든 데이터는 실제 사용 현황과 일치하도록 정확하게 기록해야 합니다. 시간대 일관성: 호출 횟수와 응답 시간은 동일한 시간대 기준으로 일관되게 측정해야 합니다. 주기적 업데이트: 매일 또는 매월 정기적으로 사용량 데이터를 누락 없이 업데이트해야 합니다. 보안 주의: 민감한 서비스 정보를 포함하므로 외부 유출되지 않도록 철저히 관리해야 합니다. 이상 징…
  • profile_image 효율적인 소프트웨어 시스템 구축을 위한 전략적 아키텍처 설계 접근 방식을 포함하는 전문적이고 체계적인 기술 서식으로 프로젝트명, 프로젝트 코드, 시작일자, 종료일자, 담당자, 시스템명, 주요 기능, 아키텍처 유형, 모듈명으로 구성되어 있습니다.   소프트웨어 아키텍처 주요항목 시스템 구조: 안정적이고 확장 가능한 아키텍처 설계를 통해 소프트웨어의 성능과 유연성을 극대화할 수 있습니다. 기술 선택: 프로젝트 목표와 요구사항에 최적화된 프로그래밍 언어와 프레임워크를 선정하여 개발 효율성을 높입니다. 모듈성: 각 소프트웨어 컴포넌트의 독립성과 재사용성을 확보하여 유지보수와 확장성을 개선할 수 있습니다. 성능 …
  • profile_image 서버의 다양한 로깅 정보를 체계적으로 관리하고 모니터링하기 위한 중요한 문서로서 로그 레벨과 경로 등 세부 설정을 종합적으로 기록하는 문서양식으로 서버명, IP주소, 로깅레벨, 로그파일경로, 보기기간(일)로 구성되어 있습니다.   로깅설정 주요항목 서버명: 각 서버의 고유한 식별자와 역할에 따른 명확한 이름을 정의하고 관리합니다. 아이피주소: 해당 서버의 네트워크 통신을 위한 고유한 인터넷 프로토콜 주소를 정확하게 기록합니다. 로깅레벨: 시스템의 상세한 정보 기록 수준을 정의하여 장애 대응과 성능 분석에 활용합니다. 로그파일경로: 로그 데이터가 저장되는 정확한 디렉터리 위치와 접근 권한을 상세히 기재합니…
  • profile_image 데이터베이스 변경과 이전 과정을 상세히 기록하여 시스템 변화를 효율적으로 관리하고 이력을 종합적으로 파악할 수 있는 문서서식으로 마이그레이션 일자, 마이그레이션 버전, 담당자로 이루어져 있습니다.   마이그레이션 주요항목 마이그레이션 일자: 데이터베이스 변경 및 이전 작업이 수행된 정확한 날짜와 시간을 상세히 기록하며 추적성을 확보합니다. 마이그레이션 버전: 현재 시스템의 데이터베이스 버전과 변경된 버전을 명확하게 식별하고 관리하는 중요한 정보를 제공합니다. 담당자 정보: 데이터베이스 마이그레이션 작업을 수행한 담당자의 상세 인적사항과 연락처를 정확하게 기재합니다. 변경 범위: 마이그레이션 과정에서 수정…
  • profile_image 시스템 아키텍처의 구조와 특성을 상세히 기록 관리하며 프로젝트 전반에 걸친 설계 세부사항을 정립하는 중요한 문서서식으로 프로토타입 명, 작성일, 작성자, 시스템 명칭, 시스템 설명, 프로젝트 범위, 구성 요소, 주요 기능으로 이루어져 있습니다.   작성시 고려사항 목적 명확성: 프로토타입의 핵심 목표와 기대 효과를 명확하게 정의하고 문서에 반영해야 합니다. 기술적 일관성: 선택된 기술과 아키텍처 패턴이 프로젝트 요구사항과 일관성을 유지해야 합니다. 세부 설명 포함: 각 구성요소의 기능과 상호작용을 상세하게 문서화해야 합니다. 성능 지표: 시스템의 예상 성능 수준과 측정 가능한 지표를 명시해야 합니다. 리…
  • profile_image 네트워크 상의 웹소켓 통신 연결 상태와 활동을 체계적으로 기록하고 추적하여 실시간 데이터 교환 과정을 상세하게 문서화하는 문서양식으로 연결 상태, 마지막 활동 시간, 프로토콜, URL, 생성 시간, 만료 시간, 연결 유형, 이벤트, 메시지 내용으로 되어 있습니다.   웹소켓 연결 주요항목 연결 상태: 각 웹소켓 연결의 현재 상태와 안정성을 종합적으로 확인하고 모니터링할 수 있습니다. 프로토콜 정보: 웹소켓 통신에 사용되는 프로토콜의 세부적인 특성과 통신 방식을 명확하게 기록합니다. 연결 이력 관리: 웹소켓의 생성부터 종료까지 모든 단계별 상세한 연결 흐름을 체계적으로 관리합니다. 시간 정보: 연결 생성 …
  • profile_image 기술 분야의 다양한 자원을 종합적으로 기록 관리하며 현황을 효율적으로 파악할 수 있는 중요한 행정 양식으로 기술분야, 자원명, 보유기관으로 되어 있습니다.   작성시 고려사항 정확성: 모든 정보를 객관적이고 정확하게 기재하여 신뢰할 수 있는 자료로 활용되도록 합니다. 최신성: 기술자원의 변경사항을 즉시 반영하여 항상 최신의 정보를 유지해야 합니다. 이력관리: 자원의 변경 이력과 유지보수 내용을 지속적으로 기록하고 추적할 수 있게 합니다. { "@context": "https://schema.org", "@type": "WebPage", "name": "기술자원운영대장", "url": "https://w…
  • profile_image 정보보안 분야에서 발견된 취약점과 대응 내역을 상세하게 기록 관리하며 보안 개선을 위한 중요한 근거 자료로 활용되는 양식으로 테스트명, 테스트일자, 테스트유형, 테스터, 테스트대상, 취약점ID, 취약점명, 심각도, 조치일자로 구성 되어 있습니다.   보안테스트 주요항목 테스트 목적: 시스템의 잠재적 보안 취약점을 체계적이고 정밀하게 식별하고 분석하는 과정을 진행합니다. 테스트 유형: 외부 침투 테스트 내부 네트워크 취약성 평가 웹 애플리케이션 보안성 검증 등 다양한 보안 테스트 방법을 적용합니다. 취약점 식별: 보안 약점을 발견하고 해당 지점에 대한 상세한 기술적 정보와 위험 수준을 명확하게 평가합니다.…
  • profile_image 기술 분야의 실습 현장에서 발생하는 다양한 활동과 진행 상황을 세밀하게 기록하고 관리하며 향후 참고자료로 활용할 수 있는 양식으로 실습명, 담당자, 연락처, 실습일자로 작성 되었습니다.   실습공간 주요항목 실습명: 기술 분야에서 수행되는 실습 내용과 목적을 명확하게 기재하고 구체적인 활동 범위를 정의합니다. 장소: 실습이 진행되는 공간의 물리적 위치와 세부 환경을 상세히 기록하여 실습 조건을 정확히 파악합니다. 담당자: 실습을 총괄하고 관리하는 책임자의 개인정보와 전문성을 체계적으로 작성합니다. 연락처: 담당자와 즉시 소통할 수 있는 연락방법을 명확하게 기입하여 신속한 커뮤니케이션을 지원합니다. 실습일…
  • profile_image PHP 설치 되어 있지 아니하여 윈도우PC에 최신버전으로 설치버전은 설치 할 때마다 다르기 때문에 본인이 사용하려는버전을 선택 하면 됩니다.     > 현대적인? 방법으로 설치함.       예전에 압축해 놓은것 풀고 path 설정하고 했던 그런 방법을 쓰지 않고 간단하게 설치가 되었다.      winget install PHP.PHP.8.5    > 아래 명령으로 설치된 위치를 찾음      where php    > php.ini-production…
  • profile_image OP캐쉬 사용하면 괜찮아 보다는 저 같은 경우는 사용하지 않아도 괜찮아를 더 좋아 합니다.▷ 솔리드 캐시(SOLID CACHE)란?솔리드 캐시는 간단히 말해 "비싼 RAM(REDIS) 대신 저렴하고 넉넉한 디스크(DB)에 캐시를 저장하는 전략"으로 원래 루비 온 레일즈(RUBY ON RAILS) 커뮤니티에서 제안된 방식이지만 본질은 어떤 언어에서든 적용 가능한 실용적인 캐싱 철학임.▷ 핵심 철학: "ssd는 생각보다 훨씬 빠르다"과거에는 디스크가 너무 느려서 무조건 데이터를 ram(REDIS MEMCACHED)에 올려야 했지만 지금은 nvme ssd 같은 초고속 저장 장치가 보편화되었습니다. 굳이 복잡하게 별도의 메모리…
  • profile_image MyISAM은 SELECT가 빠르고 InnoDB는 느리다그런 경우도 있고 아닌 경우도 있기 때문에 어떤 용도로 사용하느냐에 따라서 다를 수 있습니다.그리고 처음 데이터 넣은 다음 select만 90% 이상이고 테이블 사용이 업데이트나 인서트는 적은 경우인지 불특정 다수에게 서비스 하기 때문에 불특정한 row를 가져와서 보여줘야 하는것인지에 다를 수 있는 것입니다. 가장 큰 차이: 데이터와 인덱스 구조→ MyISAM  - 데이터 파일(.MYD) 과 인덱스 파일(.MYI) 이 분리됨  - 인덱스 → 데이터 파일을 다시 읽는 구조  - 동작흐름: PK 인덱스 탐색 (.MYI) -> 데이터 위치…
  • profile_image 데이터베이스를 사용하다 보면 이미 존재하는 데이터인지 확인한 후 INSERT 또는 UPDATE를 해야 하는 상황을 자주 만나게 됩니다.이때 매우 유용한 문법이 바로 INSERT ... ON DUPLICATE KEY UPDATE입니다.즉, 쿼리 한번으로 해결 된다는 의미 인데 아무곳에서나 사용 가능한것은 아니고 키 중복이 발생하는 부분에서만 사용 하는 것입니다.그렇기 때문에 unique의 특성을 모르시는 분은 사용 하면 안되겠지요.  장점- 쿼리 수 감소: SELECT → INSERT/UPDATE 두 번 쿼리 날릴 필요 없음- 동시성 문제 감소: SELECT 후 INSERT 방식보다 Race Condition 발…
  • profile_image 웹서버에 접근하는 X-Forwarded-For란?X-Forwarded-For(XFF)는 HTTP 헤더로 클라이언트가 프록시나 로드 밸런서를 거쳐 웹 서버에 접속할 때 원래 클라이언트의 IP 주소를 식별하기 위해 사용 됩니다.로그밸런스도 프록시서버의 변형된 형태가 있기 때문에 쉽게 프록시 서버라고 생각을 하면 쉽습니다.일반적으로 웹 서버는 직접 연결된 IP만 볼 수 있는데 프록시 뒤에 있으면 프록시 서버의 IP만 보이게 되는데 이런 경우 XFF 헤더가 실제 사용자 IP를 전달하는 역할을 합니다. ▷ 헤더 형식X-Forwarded-For: 클라이언트IP 프록시1 프록시2 ...여러 프록시를 거치면 쉼표로 구분되어 …
  • profile_image ifconfig는 초기 한번 정도만 사용하고 interface configuration의 약자로 리눅스/유닉스 시스템에서 네트워크 인터페이스를 설정하고 확인하는 명령어입니다.▷ ifconfig 주요 용도1. 네트워크 인터페이스 정보 조회  - 현재 활성화된 네트워크 인터페이스 목록 확인  - 각 인터페이스의 IP 주소, MAC 주소, 서브넷 마스크 확인  - 네트워크 통계 정보 (전송/수신 패킷 수, 에러 등) 확인2. 네트워크 인터페이스 설정  - IP 주소 할당 및 변경  - 서브넷 마스크 설정  - 브로드캐스트 주소 설정  - MTU(Maximum Tr…
  • profile_image 결론부터 말하면 느리게 다운로드 처리 하는 방식에 대한 것입니다.왜? 느리게 다운로드가 필요한가 하면 지연을 시키면 트래픽이 평탄화 되는 효과가 있는데 갑자기 순간적으로 팍 튀는 그런 현상을 없애기 위해서 필욯나 방법중 하나 입니다. 원리는 간단하며 읽은 만큼 내보내고 약간 지연 시키는 방식 입니다.    /**     * 청크 단위로 지연시키면서 파일 다운로드 (대용량 파일용)     *     * @param string $filePath 다운로드할 파일 경로     * @param …
  • profile_image 어떤 폰트를 사용하느냐에 따라 사이트의 분위가가 많이 다르기 때문에 자신의 사이트에 맞는 폰트를 잘 선택할 필요가 있습니다. 웹폰트를 기반으로 했으며 폰트 잘 모르겠으면 대형 사이트에서 사용하는것 사용하면 그만이긴 합니다.하지만 난 좀 다르게 서비스를 하고 싶고 이용자들에게 다르게 보이고 싶다 하면 폰트의 변경은 좋은 방법중 하나 입니다. 폰트 변경시 좋은점  - 디자인 향상: 브랜드 아이덴티티 강화, 감성적/고급스러운 분위기 연출  - 가독성 개선: 사용 목적에 맞는 폰트로 읽기 편하게 개선 가능  - 특징 부여: 차별화된 느낌 제공 (ex. 뉴스, 쇼핑몰, 블로그 각기 다른 톤)&…
  • profile_image 난 복잡한 부트스트랩이나 테일윈드 같은것 사용하기 싫고 순수 html 로만 페이지를 만들고 싶다.보통 백오피스 페이지가 그렇습니다.(시간이 들어가니 그렇지요. 집에서 양복 입지 않는것과 같은 이치~)하지만 반응형은 필요하고 보여지는 것은 좀 괜찮아야 한다면 pico css를 추천합니다.폰트사이즈만 약간 줄여서 사용하면 그만.아래는 폰트사이즈 때문에 테스트 해본것입니다.결론 부터 말하면1rem은 16pxpico css 기본은 21px 입니다. 부트스트랩5도 이정도 될듯.그렇다면 내가 보기엔 왜? 폰트사이즈가 무지막지 하게 크냐!나 같은 시력이 좋은 사람을 위한것이 아니라 항상 그렇듯이 기준은 나쁜쪽에 둬야 하기 때문에 그…
  • profile_image 기본적으로 제공이 안되고 있어서 확인 후 테스트 해본 것입니다.간단하며 어떤 방식으로 사용 할것 인지는 본인 판단으로 하면 되며 rem 방식이 제일 무난 하게겠지요.   <!doctype html>  <html lang="ko">  <head>    <meta charset="utf-8">    <meta name="viewport" content="width=device-width, initial-scale=1">    <meta name="color-scheme" con…
  • profile_image 외부파일을 읽어서 사용하는 경우에 오류가 있을 때 처리하는 방법에 대한것입니다.이런 문제 발생 할 걱정이 되면 자신의 서버에 모두 저장하고 사용하면 됩니다.일반적인 경우는 모두 자사의 서버에 두고 사용하기 때문에 이런것을 신경쓸 필요는 없지만 그래도 이런 방법도 있는것을 알고 있으면 좋겠지요~아래는 먼저 읽힌것이 실패할 경우 처리 하는 방법의 예 입니다.  <!DOCTYPE html>  <html lang="ko">    <head>      <meta charset="UTF-8" />    &nb…
  • profile_image 파일 첨부할때 사용합니다.기본이 모든 파일로 되어 있는데 특정 워드파일만 받고 싶다든지 아니면jpg 이미지만 받고 싶을때 선택을 그것만 가능하게 하는 방법에 대한 것입니다. accept 속성에 MIME 값을 넣어주면 됩니다.    <!-- 모든것을 보여줄 때는 아래처럼 하면 된다: 순서대로 오디오,동영상,이미지 -->  <input type="file" accept="audio/*">  <input type="file" accept="video/*">  <input type="file" accept="image/*">&nbs…
  • profile_image 부트스트랩에서는 대부분 영문의 약자를 생각하면 되면 되는데 문제는 왼쪽, 오른쪽이 아니라 시작, 끝 인것이 있다는 것이다.마진: m패딩: p * 위, 아래top: tbottom: b * 왼쪽 오른쪽 보다는 시작과 끝으로 생각하면 된다.left: sright: e * 포함이다.즉 위아래는 top, bottom이 되고 x는 left, right가 되는것이다.위아래:  y ( left / right )양옆: x (top / bottom)위와 별도로 부트스트램 템플릿의 경우 임으로 스타일 주면서 pc에서 rem으로 높은 값을 주면 모바일에서 깨지는(너무 켜저버리는) 문제가 있으니 건드리지 않…
  • profile_image 원하는 것은 이런것입니다.메시지를 보여주고 닫기 버튼만 있어서 닫을 수 있게 하는것이 없네요. 많이 사용할텐데 좀 만들지? 버전이 5.2까지 올라오면서 왜? 그랬을까 하는 생각이 먼저 듭니다.** 부트스트랩 모달 닫기버튼만 보이도록 하기 **<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale…
  • profile_image 부트스트랩 연습하는데 한쪽으로 쏠립니다.다운데로 버튼을 보내고 싶은데요 생각처럼 되지 않아 찾아 보아 정리 한것입니다.다른것들도 방법은 비슷합니다. 가운데 정렬하고 싶을대 말입니다. 테이블 같은것도 비슷한 원리 입니다. 부트스트랩 버튼을 가운데(중앙) 정렬하기 <div class="row">  <div class="col text-center">    <!-- <button class="btn btn-primary" type="submit"> 저장하기 </button> -->    <button cl…
  • profile_image 빌더는 처음 사용하는 개발자에게는 상당히 유용 합니다.다운로드를 클릭해야 소스를 볼 수 있습니다.부트 스트랩 빌더https://www.layoutit.com/build 부트스트랩 레이아웃http://shoelace.io/만들어진 레레이아웃 위것 예제https://webruden.tistory.com/76화면 크기별 레이아웃https://blogpack.tistory.com/823
  • profile_image DivTable.com 이란곳에서 가져온것입니다.이 사이트 방문하면 마우스로 끌어서 쉽게 만들 수 있는 방법을 보여 줍니다.테이블은 표이기 때문에 이것으로 레이아웃을 만들지 말라는것입니다. 표 인줄 착각할 수 있기 때문에 그래서 레이아웃 짤때는 아무의미가 없는 div 사용해야 된다는 것입니다.표 형식으로 된것은 당연히 table 사용해야 되는데 이때 div 쓰면 이 또한 바보 입니다.부트스트랩 테이블https://mdbootstrap.com/docs/standard/tools/builders/table/ https://divtable.com/generator//* DivTable.com */.divTa…
  • profile_image 보통 찾으면 테이블 안에 있는 것을 어떻게 정렬 하는것에 대해서 나왔는데요.아래 부분은 그것이 아니라 테이블 자체를 왼쪽, 오른쪽 지정 하는것입니다. 부트스트랩은 기본적으로 가운데로 지정 되는것 같습니다.https://stackoverflow.com/questions/38160951/how-do-i-horizontally-center-a-table-in-bootstrap justify-content-startjustify-content-centerjustify-content-end<div class="row justify-content-center">    <div class=…
  • profile_image 테블릿까지 고려하면 좋지만 바쁜 관계로 모바일에서만 보이지 않게 하는 기능 입니다.테이블의 TD에서 특정한것은 모바일에서는 빼주는 역활의 부트스트랩니다.<!DOCTYPE html><html lang="ko"><head>  <title>부트스트랩 테이블 특정 요소 모바일에서 제외시키기(보이지 않게)</title>  <meta charset="utf-8">  <meta name="viewport" content="width=device-width, initial-scale=1">  <link rel="styl…
  • profile_image 사람의 기억은 알고 있는것과 꺼내는것과는 좀 다른것 같습니다.오래전부터 알고 있던것인데 갑자기 생각나서 확인하게 되었는데 수정할곳이 있군요.HTML 제대로 작성했는지 확인하는 사이트 입니다.아래 사이트에서 체크해서 내가 잘못 생각했거나 실수한 부분을 찾을 수 있습니다.브라우저에서 오류를 잘 보여주면 좋을텐데 일반적으론 보여주지 않기 때문에 자신도 잘 모릅니다.* HTML 문법체크 사이트 (유효성 검사) HTML 체크 주소체크 준비 - Nu Html 체커 (w3.org) 
  • profile_image 웹봇으로 수집한것을 바탕으로 통계를 낸것입니다. 제가 잘 안쓰는것도 있네요.그런데 정말 이곳에 있는것만 익혀도 큰 무리는 없습니다. 그리고 이곳에 있는것만 익혀도 국내에선 안쓰는것들이 있어서 다른분들보다 많이 아실거란것 확신합니다.<html>, <head>, <body>, <title>, <meta>, <div>, <a>, <script>, <link>, <img>, <span>, <p>, <li>, <ul>, <style>, <br>, &l…
  • profile_image 마크업 언어라고 하는데요. 웹페이지를 구현할때 기능적인 역활을 하는것입니다.HTML이 먼저이고 그 다음 CSS 입니다.즉, 건물로 말하면 골격이 있어야 거기에 대리석 타일을 붙이든 장식을 할 수 있습니다.HTML은 다음과 같은 기능을 가집니다.. table - 표형태로 데이터를 보여줍니다.. a - 다른 페이지와 연결을 시켜 줍니다.. form - 데이터를 받아서 서버쪽에 보내줍니다.. <h1 ~ - 제목에 대한 설정. <img - 이미지를 보여줍니다.. <meta - 현재 웹페이지에대한 정보를 나열 합니다.......기본적으로 위와 같은 형태로 되어 있습니다.여는 태그가 있으면 닫는 태그가 있습니다.하…
  • profile_image 정렬에 관한 부분 많이 사용할 부분에 테스트 한것입니다.부트스트랩5 용량 크다고 뭐라 하시는분도 있던데 제가 보기엔 일반 사이트 이정도면 큰것 절대 아닙니다.다른것 많이 사용하지 않고 부트스트랩5 위줄 잘 사용하면 충분이 예쁘고 반응형인 사이트 만드는데 충분 합니다.위 페이지의 결과에 대한 부트스트랩5 코드는 아래와 같습니다. <!DOCTYPE html> <html lang="ko"> <head>     <meta charset="UTF-8">     <meta name="viewport" c…
  • profile_image 화면의 정 중앙에 알림 모달을 띄우는 방법입니다.이부분은 아래 modal-dialog-centered 부분이 추가 되면 자동처리가 되면 화면 위쪽에 보여주고 싶으면 이 클래스명만 제외 시키면 됩니다.<div class="modal-dialog modal-dialog-centered"> 아래는 테스트 해볼 수 있는 소스 입니다.그리고 중요 부분만 있지만 이건 BODY 안에 넣어 두기만 하면 되는것이라서 확인이 무척 간단 합니다.mt-5 부분이 최상위 div에 있는데 상단 부분을 좀 떨어 트리는 부분인데 중앙 정렬에선 필요한 부분은 아닙니다. 중앙 정렬이 아닐때 상단에 너무 붙으면 이부…
  • profile_image 부트스트랩이 반응형 이기 때문에 자동으로 처리가 되는 부분이 있습니다.여기선 이부분에서 나와야 되는 순서 문제로 조정한 부분에 대한 것으로 아래 이미지를 보시면 쉽게 이해가는 부분입니다. 아래는 부트스트랩5 테스트 한 소스 입니다.중요한 부분만 올립니다. 이정도면 사실상 다 올린것과 다름이 없는 부분입니다.<head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>PA…
  • profile_image 뚱뚱하게 나온다고 자르면 더 보기가 좋지 않다. 입이나 코가 잘리는 경우 그렇다. 뚱뚱하게 나오면 보기가 좋지 않고 그래서 비율에 맞게 처리해 주는 방법이 제일 좋은데 아래 방법을 사용 하면 된다. 알아보기 쉽게 인라인으로 작성함. 이미지 주변에 옅은 테두리를 추가하고 이미지가 짤리지 않도록 조정하기 위해서 먼저 이미지를 감싸는 div 태그에 테두리(border)를 추가하고 이미지의 object-fit 속성을 contain으로 변경하여 이미지가 전체적으로 보이도록 조정할 수 있습니다. 이미지의 가로 세로 비율을 유지하면서 너비는 100%로 설정하여 부모 요소의 너비에 맞추고 높이는 원하는 값으…
  • profile_image 글자가 많을 경우 밀리지 않고 뒤쪽이 보이지 않게 처리하려면 텍스트가 넘치는 부분을 숨기는 CSS 속성인 overflow를 사용할 수 있습니다. 여기에 text-overflow 속성을 추가하여 넘치는 텍스트를 어떻게 처리할지 결정할 수 있으며 white-space 속성을 사용하여 텍스트가 한 줄에 표시되도록 설정할 수 있습니다.width 속성을 설정하여 <div>의 너비를 제한하는 것도 중요합니다. 이를 통해 텍스트가 넘치는 부분을 '...' (ellipsis)로 표시하도록 설정할 수 있습니다.아래의 코드 예시는 이러한 속성들을 사용하여 긴 텍스트가 넘칠 경우 '...'으로 표시하는 방법을 보여줍니다…
  • profile_image 반응형으로 만들기 좋은 부트스트랩에 관한 툴이 있는 사이트입니다.가끔씩 사용할때 레이아웃이 생각나지 않은 경우 이용하면 좋습니다.지원하는 버전은 현재 버전보다 낮은 4버전 이긴 하지만 기본적인것은 동일하기 때문에 사용하는데는 큰 문제는 없습니다. * 찾을 때 검색한 키워드bootstrap design toolbootstrap builder* 부트스트랩 레이아웃 관련된 사이트 https://www.bootstrapcdn.com/https://bootstrap.build/apphttps://www.layoutit.com/https://bootsnipp.com/builder
  • profile_image 현재 페이지에서 표현이 되고 있는 스타일을 간단하게 자바스크립트로 볼 수 있는 방법입니다.const fontSize = Number(window.getComputedStyle(document.body).getPropertyValue('font-size').match(/\d+/)[0])위에대한 설명입니다.window.getComputedStyle(document.body) - HTML BODY에 대한 모든 스타일을 얻으려면getPropertyValue('font-size') -글꼴 크기의 문자열 값을 얻으려면 예 : (16px)match(/\d+/)[0]) - 숫자 부분 만 얻으려면 예 : (16) - 문자열Nu…
  • profile_image 글자색을 지정하는 방법에 대한 것입니다. font-color 같은것을 사용해도 되겠지만 가능하면 프레임워크 사용할때는 프레임워크에서 지웒는것이 있는지 찾아본 다음 있으면 그것을 사용하는것이 좋기 때문입니다.텍스트 컬러에 대한 표준적인 형태로 잘 정리된 표 입니다.
  • profile_image 일반적으로 제목이 길면 2줄로 나오게 됩니다. 너무 긴 경우 더 나올수도 있겠지요.그런 경우 백엔드에서 잘라서 보여주기도 하곤 합니다.이런 경우 css 처리 방법에선 hidden을 주면 됩니다.부트스트랩에선 overflow-hidden 클래스만 추가해주면 기본적인 길이에서 넘치게 되면 보이지 않게 처리를 합니다.높이게 대한것과 길이에 대한 부분은 필요하면 style 속성을 추가해서 해주면 됩니다.a 태그도 필요하면 style 줘서 높이와 길이 지정하여 사용하면 원하는 형태로(길어서 넘치는 경우) 한줄로 보이고 초과된 부분은 화면에서 보이질 않게 됩니다.
  • profile_image 부트스트랩 배지(badge) 패딩 주기 입니다.기본은 너무 바짝 붙어서 패딩을 주었으면 하는데 위 이미지 참고 하면 됩니다.마진과 패딩 가끔 사용하다 보니 얼마나 헷갈리는지... 패딩은 겨울옷 패딩을 생각하면 되고 마진은 밖에서 남겨 먹는거라~
  • profile_image 다음에 찾을때 필요할듯 하여 올림.!!반응형을 처리 하는 방식에 대한 이름(명칭) 입니다. 화면의 크기와 더불어 요즘은 해상도가 커지면서 글자 크기에대 한 부분도 같이 신경써야 합니다. squish, scroll, collapse rows, collapse columns 방식의 반응형 모델 입니다.
  • profile_image 버튼을 클릭하면 아작스를 통해서 서버로 보낸다음 버튼의 색을 변경하고 명칭도 변경하여 목록으로 이동 할 수 있게 하는 기능을 만들다 보니 이런것이 필요하게 되었습니다.처음의 버튼은 '글 삭제하기'였습니다.그리고 클릭하여 정상적으로 삭제가 되면 메시지를 하나 보여주고 '정상적으로 삭제 되었습니다.' 그리곤 아래의 jquery 명령으로 버튼를 변경해 줍니다.  - 버튼의 명칭을 변경합니다.  - onclick 특성을 줘서 클릭하면 주소를 이동합니다.  - 부트스트랩의 클래스를 변경하여 버튼의 색이 바뀌게 합니다.    $('#del_btn').html(' 목록으로 이동하…
  • profile_image 공백을 제거 하는 방법 입니다.이렇게 되면 줄바꿈 문자도 같이 버리는 작업이 들어가기 때문에 한줄로 나옵니다. 이에 대한 프로그램은 vscode에서 Beautify 확장 프로그램을 사용하면 들여쓰기와 줄바꿈을 해줍니다. 이런 역활은 웹사이트에도 있으니 "온라인 Beautify" 같은 키워드로 검색하면 쉽게 찾을 수 있습니다.CentOS에서 아래 명령으로 설치 하고 명령을 내리면 min 파일을 만들 수 있습니다.yum -y install yuicompressoryuicompressor s.css -o s.min.css웹서버를 직접 관리 할 수 있다면 서버 설정으로 자동으로 gzip 으로 압축하여 전송하는…
  • profile_image 제목에 있듯이 여기서 SCSS 설정에 대한것은 VSCODE 프로그램을 사용한다는 것을 기반으로 합니다.1) 먼저 아래 확장 프로그램을 설치 합니다.   Live Sass Compiler v3.0.0   Sass Lint (deprecated) 2) 아래는 setting.json 에서 SCSS 부분에 해당 하는 부분만 발췌한 것입니다.        "liveSassCompile.settings.generateMap": false,    "liveSassCompile.settings.formats":[  &n…
  • profile_image 시작 하기전에 기본적은 CSS에서의 block과 inline에 대해서 알아둘 필요가 있습니다.div는 기본적으로 설정을 하지 않으면 block 입니다. 설정을 하지 않으면 기본적으로 한라인을 다 차지 한다는 의미 입니다.span은 기본적으로 inline 특성을 가지고 있습니다. 컨텐츠의 크기 만큼만 차지를 합니다.물론 위 요소에 대한 특성을 변경이 가능 합니다. 아래 포지션에 대해 테스트 하기 전에 이런 특성을 알고 있는것이 중요 합니다.보통 확인을 할때는 style의 값을 "border: 1px solid black" 이런 형태로 박스를 쳐서 확인 합니다.▶ 포지션의 특성은 아래 4가지가 있다.static, relat…
  • profile_image 소개 하고자 하는것은 업데이트가 좀 되었지만 현재 작동을 잘 하고 있는 서포트 프로그램 입니다.VSCODE는 리눅스 같습니다.오픈된 확장프로그램 좋은것이 많지만 안되는것도 많고. 버전관련 문제도 있고 나에게 맞는것을 찾는데 시간을 써야 합니다.제가 요즘 하고 있는 CSS 서포트 프로그램 입니다. * HTML CSS 지원* Visual Studio Code에 대한 HTML ID 및 클래스 속성 자동완성.  - HTML ID 및 클래스 속성 완성.  - 연결 및 포함된 스타일 시트를 지원합니다.  - 템플릿 상속을 지원합니다.  - 추가 스타일 시트를 지원합니다.  - …
  • profile_image CSS는 페이지를 꾸며주는 역활을 합니다. HTML은 어떠한 기능이라면 말이죠. 예를 들면다른 페이지를 연결 할때는 a태그, 표형태로 표현을 하고자할때는 table 그리고 문단은 p태그 등으로 표현하는 기능적인 것입니다.그렇다면 CSS의 역활은?. 와꾸(틀)를 잡아 줍니다.. 색을 입혀 줍니다. 마우스 올라갔을때 나갔을때의 색을 변경해 줍니다.. 글자색을 변경해줍니다.. 화면크기에 따라서 넓게 혹은 좁게 모바일버전등 처리를 해줍니다.. 화면에 보이는것들과 관련이 있다고 보시면 됩니다.. 폰트를 설정 합니다.......이 페이지에선 기본적인 선택자(셀렉터)에 대해서 하나 배우고 갑니다. CSS에서 말하는…
  • profile_image 이건 백엔드는 데이터베이스등 서버개발이 유용한 측면들이 많죠.테스트 서버에서 작업하고 git으로 올리는 방법도 있고 git은 백업용도로만 사용하고 다중서버에 직접 올리는 방법도 있습니다.로컬의 편리한 UI + 서버의 강력한 자원 및 환경이 두 가지 토끼를 모두 잡을 수 있는 기능으로 저사양 노트북을 사용하더라도 강력한 클라우드 서버에 연결만 되어 있다면 그 서버의 성능을 내 것처럼 활용할 수 있게 됩니다.사용해 보시면 이런 좋은것을 이제 알았다니 할것입니다. 1. 로컬 환경과의 완벽한 분리 (Clean Local Machine)가장 큰 장점은 내 컴퓨터에 아무것도 설치할 필요가 없다는 것입니다.- 의존성 관리:…
  • profile_image 제목을 반대로 적어 보았습니다. 결국은 어떤 방식을 사용 했을 때 더 효율적이냐 많이 변화 시켰는데 실제 변화된 것이 있느냐.- 웹사트의 예를 들면 화면단에서 변한것이 아무것도 없이 내부적으로만 변경됨- 내부적으로 변경이 많이 되었다는데 시간 차이는 별 다른게 없음- 머지 한다고 충돌 난다고 더 오래 걸리면? 소규모 팀에서 Git을 쓰지 않으면 시대에 뒤처진다고요? 상황에 따라 Git은 오히려 불필요한 복잡성을 더할 수 있으며 아래 경우라면 Git 없이도 충분합니다.5명도 안되는 소규모 팀인 경우 매일 얼굴 보고 대화하는 사이라면 브랜치 전략이나 PR 리뷰 프로세스는 그냥 회의 한 번이면 해결됩니다팀원…
  • profile_image 먼저 실용성 문제에서 작은것이 필요하면 14인치 사면 됩니다.반드시 큰 화면이 필요하면 16인치 아니면 더 큰 것을 사면 되겠지만.여기선 이런 문제가 아니라 성능과 사용성 면에서 어떤것을 선택하는 것이 바람직한가 입니다.노트북은 이동성의 특성상 가능하면 얇게 만들려하고 있습니다.그렇기 때문에 가장 취약 부분이 발생하는 열의 처리 문제가 있는데 크면 클 수록 열처리하는데 있어 물리적으로 유리한 측면이 있습니다.그렇기 때문에 큰 화면 보다 발생하는 열 측면에서 배터리와 속도 모두 효율적인것은 크기 입니다. 발생하는 열을 처리 하는 방법은 냉각팬을 열심히 돌려서 식히는 방법과 다른 방법은 속도를 떨어트려 열 발생이 …
  • profile_image 텔레그램에서 봇파더를 이용해서 봇을 만들고 나서 이 봇에게 API로 메시지를 보내려면 chat_id가 필요한데 이걸 쉽게 알 수 있도록 하나 만들었습니다. cht id 란?텔레그램 봇 API로 메시지를 보내려면 대상의 chat_id(숫자)가 필요합니다.봇 토큰만으로는 메시지를 보낼 수 없고, 누구에게 보낼지를 지정하는 chat_id가 반드시 있어야 합니다.---요즘은 개발자가 아니어도 필요 할 수 있고 LLM에게 물어보면 쉽게 알려주기도 하지만 이것이 필요 할 수 있을것 같아 만들어 봤습니다.봇파더(BotFather)에서 /mybots 하면 봇의 목록을 볼 수 있고 클릭하면 어렵지 않게 이해가 가는 것들이 있고…
  • profile_image LLM은 한단어로 요약하면 두뇌 입니다. 이 인공 두뇌를 사용하기 위해 인터넷을 연결해 대형모델을 사용하느냐 아니면 인터넷 안되도 되는 환경에서 개인 컴퓨터에 뇌를 두고 사용하느냐 입니다.인공뉴런으로 만들어진 인공신경망을 학습시킨 인공 뇌 입니다.사람의 뇌는 뉴런이 있고 뉴런과 뉴런 사이에는 시냅스로 연결되어 학습에 따라 문턱치 값이 생기는데 이 값에 따라서 어떤것이 맞고 틀리고 뭐 그런것입니다.LLM이란?LLM(Large Language Model)은 말 그대로 대규모 언어 모델로 수천억 개에 달하는 파라미터를 기반으로 방대한 양의 텍스트 데이터를 학습해서 만들어진 인공지능 모델로 OpenAI의 GPT-4나 …
  • profile_image 스파게티코드가 생긴다고 말하시는 분도 있고 그런데 전 관계 없다고 봅니다.예를 들면 아파트 같은 빌딩 이런것은 안되지만 개인이 살 수 있는 2층집 정도는 문제 없다고 봅니다.코드를 내가 볼것도 아닌데 스파게티건 뭐건 무슨 관계가 있나요 원하는것 잘 되기만 하면 되고 빠르게 수정 되어 개선만 되면 되는 것이지.보안도 크지 않은 소스에선 잘 봐달라고 하면 되고 문제 될것은 없습니다.사실 하루 100명도 안들어는 사이트에 DBMS 설치하고 그렇기 보다 SQLite3 같은것 설치 해서 사용하는곳도 있는데이게 맞는 방식이죠. 오버스펙!!git 이것도 좋은점을 많이 나열하지만 작은 단위에선 오버스펙이죠항상 어떤기준에 의해서 원하는…
  • profile_image 내 맘대로 많이 써도 추가 비용이 없는 LLM 모델 입니다.성능 좋게 사용하고 싶으면서 저렴하게 H/W 구매 하는 방법은 애플 M4 pro 64G를 사면 연구용으로 괜찮은 편에 들어갑니다.인텔쪽 GPU 구매 하는것 보다 RAM 속도 때문에 좋고 소비전력도 적고 여러가지 면에서 좋은데 왜? 64G를 선택해야 하느냐는 자신의 상황에 따라 다르겠지만 이건 확장이 안되기 때문에 살때 높은것을 사야 합니다.좀더 바르게 사용하고 싶으면: ASUS 어센션 GX10 구매 하면 됩니다.  전체 설치 순서▷ IPEX-LLM Ollama Portable Zip 다운로드https://github.com/ipex-llm/ip…
  • profile_image 결론부터 말하면 큰 기대는 하지 않는것이 좋습니다.왜냐하면 우문현답을 원하지만 우문우답이 될 수 밖에 없는것이 의도를 100% 알 수 없기 때문에 그렇습니다.지시사항에 대한 명세서를 잘 적어야 좋은 결과가 나오는데 비전공자는 용어와 그에 대한 이해가 부족하기 때문에 그렇습니다. 전 비전공자인데 이런 저런것 공부해서 다 아는데요... 그럼 전공자 인것이지 비전공자가 아니지요.물론 간단한 회사소개 페이지 같은것은 물론 휼륭하게 가능하지만 조금만 복잡한게 들어가면 연동이 안되기 때문에 그렇고 Ai도 사람과 같은 형태라서 그렇습니다.그래서 한번 해보시고 재미가 있다면 본인이 하고자 하는 분야에 대한 공부를 해 나가면 …
  • profile_image GML 코딩버전을 활용해서 OpenCode 테스크탑 MS윈도우용 라이센스 입력해 사용하는 방법에 대한 것입니다.텍스트 버전은 어려워 하는 분들이 있는데 GUI가 사람에게는 더 친숙 하기 때문에 사용하기 편한것은 사실 입니다.1) 라이센스 입력 하는 방법  설정을 통해서 아래 캡처된 이미지 순서대로 입력 하면 큰 문제 없이 가능 합니다.2) 내가 작업할 폴더에 대해서는 아래 이미지에서 "+" 버튼을 클릭해서 선택하면 되고 우선 이렇게 해서 사용해 보고 추가적인 기능은 하나씩 익혀 나가면 됩니다.  이걸 사용 하는 이유는 우리가 웹브라우저에서 chat 모드로 사용하는 경우 로컬에 파일을 저장하고 …
  • profile_image 프로그래머의 본질은 변하지 않는다예전부터 나는 3년 정도 경력을 쌓은 프로그래머라면 프로그래밍이 적성에 맞는지 충분히 판단할 수 있다고 생각해왔기 때문에 면접을 볼 때도 알고리즘 테스트보다는 실제 업무 경험과 문제 해결 능력을 중심으로 평가했다.많은 사람들이 AI의 등장으로 코딩의 종말을 이야기하지만 이는 정확한 표현이 아니며 정확히 말하자면 프로그래머가 사라지는 것이 아니라 프로그래머의 코딩 방식이 바뀌는 것이다.핵심은 이해에 있다해시 알고리즘을 예로 들어보면 비트코인의 블록체인에서 해시는 각 블록을 체인처럼 연결하는 핵심 메커니즘이지만 프로그래머가 해시 알고리즘의 내부 구조를 완벽하게 이해해야만 블록체인을 다룰 수 …
  • profile_image 어떤것에는 과장이 있을 수 있다는것 ...우선 말들이 많아 사용해 봤는데 설정을 좀 더 하고 스킬도 만들어야 하고 더 해야 하는데 많은 부분을 하지 않아서 제대로 된 맛을 못봤을 수 있지만 좀 더 기다려 주는것이 낳을것 같아 심심할때 잘 있는지 물어만 보고 있는중입니다.ClawdBot —> MoltBot —> OpenClaw 이름이 앞으로는 변경되지 않았으면 합니다. * 하드웨어 준비- 맥미니 이야기가 많은데 애플 마케팅 팀이 붙었나??? 어떤 컴퓨터든 관계가 없습니다. 전기세 걱정이면 노트북이 최고 입니다. - 본래 맥미니도 서버용으로 24시간 돌리는 용도로 나온것 아니잖아요* 비전공자뭔지…
  • profile_image 에디터가 딱 제 맘에 드는게 없네요. 잘 되던것이 어느날 안되기도 하고 이것 원인 찾는다고 이것 저것 해보다가 전체 삭제하고 다시 설치하고 재부팅하고 ....왜? 그러지????참고로 vscode의 경우는 문제가 있어 재설치 해야 되는 경우 완전삭제를 하고 설치 해야 됩니다. 찾아보면 완전삭제 하는 방법 설명하신분 있습니다.즉, 디렉토리 찾아 들어가서 완전하게 모두 삭제 해야 합니다.새로나온것은 보통 좋다는 것만 말하지 실제 써보면 그럼 그렇지 하는게 있지요현재 사용하던 에디터가 다른 프로그램과 연동이 안되서 변경하려 안티그래비티 설치 했는데 이 아이는 vscode 확장 프로그램 설치가 안되네요.이런 경우 폴더를 그냥복사…
  • profile_image 결론 부터 말하면 공부 여전히 열심히 해야 하고 공부의 방법과 방향이 달라지는 것입니다.즉, 사람(에이전트)를 부릴 수 있는 방법에 대한 공부를 해야하고 어떻게 하면 잘 이용 할 수 있는 방법에 대해서 나만의 노하우 같은 것이 필요 하겠습니다.요즘 "AI가 다 알려주는데 굳이 공부할 필요가 있나요?"라는 질문을 자주 듣는다. 언뜻 보면 맞는 말 같다. 코드도 짜주고 설명도 해주는데 뭐.오래전에 있었던 일인데 이런 경우가 있었다.유닉스 시스템의 /etc/passwd 파일에서 사용자 ID를 65536으로 설정했다가 시스템이 그걸 0으로 인식해버린 거다. 이게 바로 오버플러우 문제라는 것이며 이것에 대한 원…
  • profile_image 대표적인 프론트엔드 리엑트 관련된 모든 것들에 대한 것인데요.어떤것을 사용할때는 그것이 왜? 만들어 졌고 사용하지 않으면 어떤 문제가 있을 수 있고 사용했을때의 장점을 알고 있는 것이 좋습니다.요즘 보면 안해도 될것들을 하는것들이 보입니다.물론 내가 취업을 하는데 필요하고 이직을 하는데 있어 필요하면 위와 관계 없이 하는것에 대해 뭐라 할 수 없습니다.경험을 쌓기 위해서 일부러 업무를 이런것 하는것은 좀 ....보통의 일반 사이트에선 SPA가 필요가 없어요.차라리 없는게 더 좋습니다. 초기 로딩속도 느릴 수 밖에 없는 방식이기 때문에 그렇습니다.뒤로가기 문제가 왜? 있을까요. SPA 이니까 그렇잖아요.▷ SPA 장점- …
  • profile_image PHP, javaScript, C, BASIC 이런 언어를 배우는 것이 프로그램을 배운다고 착각 하는 사람들이 있는데 그런 것이 아닙니다. 이런 것은 프로그램 한것을 표현하기 위한 도구에 불과 합니다. 그럼 전혀 별개냐 그렇지는 않고 국어 잘하는 사람은 영어도 잘하고 그렇잖아요. 그리고 보통은 운동도 잘합니다. 프로그램 잘 하는 사람이 구조적으로 코딩도 잘 합니다.쉽게 말하면 프로그램 언어는C언어, PHP, 코볼 같은 프로그래밍 언어는 연필, 크레용, 붓 같은 것-> 도구일 뿐 (연필, 크레용, 붓처럼)그렇다면 프로그래밍은?문제찾기, 해결 방법 생각하기, 우선순위 정하기(계획세우기) = 생각하는 힘, 문제 해결 능…
  • profile_image DRY(Don't Repeat Yourself) 원칙은 중요한 프로그래밍 원칙이지만 맹목적으로 적용하면 오히려 코드를 복잡하게 만들 수 있습니다.오늘 프로그램 작성하다 보니 중복되는것이 보여 제거할 방법이 있냐고 물어보니 "반복되는 패턴을 함수로 추출하여 코드를 간결하게 만들 수 있습니다." 결과를 봤는데 중복을 줄인것이 틀린것이 아닌데 더 복잡하네~     // 이메일 검증    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {        $errors[] = '유효하지 않은 이메일 주소입니다.';…
  • profile_image 작고 전력을 적게 쓰는 AI 전용 컴퓨터NVIDIA DGX Spark는 책상 위에 올려놓을 수 있을 만큼 작은 크기지만 엄청나게 강력한 AI 전용 컴퓨터입니다.▷  속도는?1 petaFLOP = 초당 1000조 번의 계산을 할 수 있습니다128GB 메모리 = 일반 노트북의 8~16배 수준▷ 할 수 있는 것은?최신 AI 모델(ChatGPT 같은 대화형 AI)을 개인이 직접 돌릴 수 있고 특히 DeepSeek Meta(페이스북) Google 등이 만든 최신 AI 모델들도 사용 가능합니다.▷ 장점은?설치 간편 - AI 프로그램들이 이미 깔려 있어서 바로 사용 가능로컬 실행 - 인터넷 없이도 내 컴퓨터에서 AI를 직접…
  • profile_image 오래되어 보이지만 만족할만한 그리고 빠른 이런 프로그램 좋아 합니다.보기만 번드르 하고 기능이 별로인 그런 프로그램 보단 이런 실속 있는 프로그램이 좋습니다. webp는 추가 플러그인을 받아야 하고 최신 버전은 사이트에 직접 들어가서 받으시면 됩니다.64비트 사이트 들어가시면 하단에 플러그인 받는 프로그램이 있는데 이걸 같이 설치 하게 해주면 안되나??? 성능차이가 있어서 그럴까?다시 보니 메인 페이지에 플러그인에 대한 안내가 있네요. 힘들게? 찾았는데 ...(위 이미지 참고)* 다운로드 받을 수 있는 주소https://www.irfanview.com/https://www.irfanview.com/64bit.h…
  • profile_image 본래 1500원짜리를 500원 할인해서 1천원에 파는것인지아니면 1천원짜리를 500원 더 높게 붙여서 할일이라고 해서 1천원에 파는지 우리는 알 수 없지만 방법은 없습니다.필요하면 사야 되는것이지윈도우10 업그레이드 종료는 올해가 아니라 내년 10월까지 입니다.단, 그냥은 안되고 계정이 없으신분은 만들어야 하고 있으신분은 등록하면 됩니다.난 윈도우 10 사용하기 싫다 내가 필요한 기능이 있는것도 아니고 시간들여서 지금 업그레이드 하긴 그렇다 하시는 분은MS에 개인정보를 약간 드리고 1년더 보안 업데이트를 받으시면 됩니다.기능적으로 사용하는 입장에서 안되던 새로운 기능이나 내가 필요한 획기적인것이 있는것이 아닌이상 필요하…
  • profile_image 하나의 프로그램에서 여러개의 창을 띄우는 경우 X 를 클릭해야 닫히는 번거로움이 있고 전 미리 보는게 필요 하지 않습니다.2가지를 설정 했는데 아래와 같습니다.1) 윈11 시작단추 옆에 검색에서 "고급 시스템 설정 보기" 검색해서 나오는것 실행 하면 아래 화면이 보입니다. 2) 윈도우키 + R 클릭 후 gpedit.msc 실행 하고 아래와 같이 설정 재부팅 없이 적용하면 바로 반영이 됩니다.이제 마우스 지나갈 때 마다 불필요하게 자원 소비 하는일도 없겠고 불편하게 X 를 클릭할 일도 없겠습니다.
  • profile_image 시작메뉴 디자인만 보면 윈11이 더 좋지만 물리법칙은 어쩔 수 없습니다.난 두번보다 한번이 더 좋기 때문에 그렇고 사용이 편리 해야 합니다.이건 사용하지 않아본 처름 보는 거라서 생기는 그런 거부반응이 아니랍니다. 위 이미지에서 네모박스 클릭하고 들어가면 하단쪽에 받을 수 있는 프로그램이 있습니다.프로그램 받는곳: GitHub - valinet/ExplorerPatcher: This project aims to enhance the working environment on Windows
  • profile_image 오른쪽 왼쪽 가운데 이건 사람의 성향 마다 다르니 뭐라 하지 않겠소....하지만 위치가 달라지는데 가운데 있으면 실행 할때 마다 위치가 달라져 불편 한데 ..왜???물론 전에도 말했듯이 나도 디자인만 보고 사용하지 않는다면 가운데가 이쁘고 좋지만 실 사용에선 아님!! 위와 같이 설정을 통해서 쉽게 변경이 가능 합니다.
  • profile_image 윈11은 두번 동작해서 원하는 것을 이루도록 만들어진 참 이상한 OS 입니다.이번에는 스크롤 막대인데 항상 보여야 하고 두께도 윈10 만큼 두꺼워야 합니다.위 이미지 처럼 옵션을 켜고 두께 조정은 아래 처럼 하면 됩니다.CMD 관리자 모드에서 실행하고 안되면 재부팅 해보시면 됩니다. 윈도우 특징중 하나가 안되면 재부팅 .... 리눅스는 그런거 사실상 거의 없는데 ...reg.exe add "HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics" /v "ScrollHeight" /d "-400" /freg.exe add "HKEY_CURRENT_USER\Control Panel\…
  • profile_image 윈도우11의 특징은 한번 할것을 두번 하게 하는 답답함을 가진 OS의 특징을 가지고 있습니다.아래쪽 작업 표시줄 부분도 그렇고(이건 작년에 기능이 생겼지요)> 그런데 이건 좋아 하는 사람도 있던데요 안보여서 좋다고. 본래 그런가 보다 하고 쓰는 사람도 있고내가 윈도우11을 사용하지 않고 액자에 걸어 놓고 그림만 보겠다면 나도 그것을 선택 하겠지만실 사용에선 불편 하기만 하기 때문에 성격만 나빠지는....것 같은데???아래는 CMD 관리자 모드에서 실행하고 재부팅을 반드시 해야 적용 됩니다.아래처럼 명령줄로 하지 않고 레지스트리 실행해서 설정 하셔도 되긴 하는데... 시간이 좀 더 걸리겠지요.# 추가 옵션 표시 - …
  • profile_image 2025년 현재 GPT같은 LLM의 프로그램 작성의 수준에 대한 것입니다. 다른분들의 말과 나의 경험과 모두 한결 같은 것이 좀 길고 복잡하면 아직은 아니다. 단, 짧은양의 프로그램이나  함수 같은것이나 단순한 작업등에 대해서는 탁월하다 그렇기 때문에 오랜 경험을 가진 프로그래머는 참 복 받았다.나이든 프로그래머의 생명력을 연장 시켜준다고 하는데 저도 그렇게 생각 합니다.유튜브에 나오는것들은 사실 대부분 마케팅용 이라고 생각을 하시면 됩니다.이 글을 작성하게 된것이 제가 QR코드 만드는 프로그램이 필요해서 왠만한것은 LLM이 잘 만들길레 시켜보았습니다. 어짜피 라이브러리 받아도 테스트 해보고 …
  • profile_image 변수가 특정 용도로만 쓰이면 헝가리안 표기법이 딱 맞는데 현실은 그렇지 않기 때문에 오히려 혼동이 생길 수 있습니다.그렇기 때문에 확실하게 타입이 정해진 경우만 사용하는 편입니다.보통 저 같은 경우는 배열과 객체 정도는 구분을 하기 위해서 사용하는 편이라고 볼 수 있습니다.  시스템 헝가리안 표기법  - i, s, a, b 등의 접두사가 붙어 변수의 자료형을 명확히 보여주는 형태로 표현 하는것    // 정수 (i)    $iUserId = 1001;    // 문자열 (s)    $sProductName = "무선 키보드";&nb…
  • profile_image 함수와 클래스의 사용에 대해서 결론부터 간단하게 정래하면 아래와 같으며 어떤것이 위에 있고 아래에 있지 않다고 학교 다닐때 부터 배웠지요. 즉, 사용하는 용도에 따라서 적합한 방식을 사용하면 되는 것입니다.- 작고 단순한 기능만 필요할 땐 → 함수- 관련 기능 여러 개 묶고 확장/유지보수 고려할 땐 → 클래스  함수의 장점- 한두 개의 기능만 필요할 때 바로 쓸 수 있음.- 작은 프로젝트나 유틸리티 코드에 적합.- 로직만 있으면 금방 작성 가능, 선언도 간단.- 적은 메모리 사용: 클래스처럼 객체를 만들지 않아도 되니 호출이 가볍다.- 직관적 함수의 단점- 확장성 부족: 여러 함수가 생기면 이름 충돌이…
  • profile_image 모던 PHP는?일반적으로 PHP 5.3(2009년) 이후를 가리키는데 이 버전부터 네임스페이스, 클로저, 늦은 정적 바인딩 등 현대적인 기능이 도입되면서 객체지향 프로그래밍과 함수형 프로그래밍 요소가 강화되었습니다. 특히 PHP 7.0(2015년)부터는 성능 개선(Zend Engine 3.0)과 새로운 기능(타입 선언, null 병합 연산자 등)이 추가되어 모던 PHP의 기준으로 자주 언급 되고 최신 PHP 8.0(2020년) 이상으로, JIT, 유니온 타입, 속성(properties) 등 고급 기능이 포함됩니다.- PHP 5.3 (2009년): 모던 PHP의 시작점.- PHP 7.0 (2015년): 성능과 기…
  • profile_image 요즘 LLM은 어떤 생각을 가지고 있는지 궁금해서 질문을 해 보았다. 핵심 코어에 대한 통찰력을 가지고 있는지 결론부터 말하면 아직은 아니다 질문PHP 프로그래머가 인기가 없고 점점 줄어드는 이유 생각해서 핵심 코어 부분에 대해 짤막하게 설명을 듣고 싶어 답변▷ 기술적 한계와 레거시 문제PHP는 초기 설계상 웹페이지 템플릿 언어로 시작했기 때문에, 현대적인 프로그래밍 패러다임을 완벽하게 지원하는데 한계가 있습니다. 타입 시스템이 느슨하고, 비동기 처리나 동시성 처리가 다른 언어들에 비해 약합니다. 특히 Node.js나 Go와 비교했을 때 성능과 확장성 면에서 뒤처집니다.▷ 부정적인 인식과 이미…
  • profile_image 써도 되는 이유는 웹브라우저는 대체로 크롬계열과 파이어폭스 모두 지원을 한지 오래되었고 webp 또한 이제 많이 알려져 있어 거의 대부분의 프로그램에서 지원을 하고 있습니다. 만약 지원을 하고 있지 않다면 업그레이드가 최소 몇년 동안은 이뤄지지 않고 있거나 심각한 문제의 회사일 가능성이 높습니다.* webp의 특징은  - webp는 png와 jpg를 혼용한 것이라 생각해도 좋습니다.  - png보다 적은 용량을 가집니다.  - jpg보다 적은 용량을 가집니다.아래는 같은 이미지에 대한 용량을 볼 수 있습니다.-rw-r--r-- 1 root root  89838  5월 14 0…
  • profile_image 보통 마우스의 휠은 세로 스크롤을 작동시키는데 사용하는데요.이번에 테스트로 만든 페이지의 가로의 양이 상당해서 아래쪽에 가로스크롤을 마우스로 움직이는데 상당히 거슬려서 만들어 보게 된것입니다. ▶ JavaScript에서 wheel 이벤트 감지  - event.deltaY 값(세로 스크롤)을 감지하여 가로 스크롤(scrollLeft)을 이동  - event.preventDefault();로 기본 세로 스크롤 방지    <!DOCTYPE html>    <html>    <head>    &nb…
  • profile_image 자바와 자바스크립트는 직접적인 관계는 없습니다. 다만 문법이 C계열인 정도 인데 의미는 없습니다.의미가 없다는 의미는 자바스크립트 할줄 하는 개발자가 자바를 다르지 못하고 반대도 그렇다고 봐야 합니다.* 이런 생각도 가능!!  - 스크립트(SCRIPT) 비교적(프로그램에 비해) 간단한 형태를 말함  - JAVA + SCRIPT = 자바로 만들어진 스크립트?그런데 같은 줄 아는 사람이 있는 경우는 왜? 그런가사람이 모르는 것을 접할 때 기본적으로 생각하는 방향에 따라 생각 하는 것일 뿐입니다.즉, 사람들이 Java와 JavaScript를 같은 것으로 오해하는 이유는 주로 인지적 작용과 언어적 연상에서 기…
  • profile_image 중복된 처리를 제외하고자 할때 일정 부분 쿠키로 가지고 있다가 비교해서 동일한 것은 처리 하지 않기 위한것입니다.이것을 쿠키를 이용하는 방법이 있고 요즘은 로컬스토리지를 이용하는 방법도 있겠습니다. 특정 게시물의 번호나. 방문자의 로그를 저장하여 처리 하는 경우는 중복 처리 방지를 위한 간단한 방식 입니다.게시물의 경우 중복제외 처리를 하지 않으면 들쑥 날쑥 하지만 최고 30% 넘게 차이나는 경우도 있었습니다.  <!DOCTYPE html>  <html>  <head>      <title>Click Eve…
  • profile_image 블로그에 있는 datepicker는  안되는것이 많아서 사용할 일이 있어서 완성한것 올립니다.jquery는 버전이 다르면 안될 수 있으니 버전을 맞우는것이 중요하며 아래 순서도 중요합니다.jquery를 이용하기 때문에 jquery-ui가 아래에 있어야 한다는 것입니다. 그리고 jquery-ui 압축 파일을 받으면 아래와 같이 CDN 이용하지 않고 사이트에 올려 놓고 사용할 수 있으며 압축 파일 안에 아래 cdn 링크 걸린 모든 파일과 더불어 필요한 다른 파일들도 같이 모두 들어 있습니다. 같이 사용되는 jquery 도 별도 디렉토리에 있습니다.△ 아래 달력 datepicker(데이트티커)minDate …
  • profile_image Node Express는 Node.js와 Express.js를 결합하여 웹 애플리케이션 개발에 사용되는 프레임워크입니다. 이를 통해 비동기적인 서버 측 코드 작성과 HTTP 요청 및 응답 처리 등 다양한 웹 개발 작업을 보다 쉽게 처리할 수 있습니다.  1) 간단하게 띄울 프로그램을 하나 준비 서버가 잘 작동하는지 확인을 할 수 있는 간단한 프로그램을 준비 하도록 합니다.자신이 하는것이 디비커넥션이 들어가게 되면 이 부분도 간단하게 CRUD 프로그램 하나 준비 하면 됩니다.  const express = require('express');  const app    …
  • profile_image -g 옵션을 주어 글로벌로 설치한것이 아닌데 현재 디렉토리에 node_modules이 없고 다른곳에 설치 된경우는 아래처럼 초기화하면 package.json 파일이 생성 되고 현재 디렉토리에 node_modules 디렉토리가 생기면서 설치 됩니다. 아래와 같이 초기화 후 설치 하면 됩니다.  npm init -y  npm install express 그리고 초기화 했는데 안되는 경우는 시스템 로그인할때 홈 디렉토리나 또는 기본적으로 있어야할 스크립트 등이 없는 경우는 아닌지 살펴 보면 됩니다.예를 들면 bash shell의 경우 로그인 하면서 실행 되는 스크립트 들이 있습니다. 파일명…
  • profile_image 실제 파일은 있는데 없는다는 메시지가 나올 경우는 PATH 설정 값을 확인해 봐야 합니다.만약 whereis env 했는데 있다면 로그인할 때 실행되는 파일에 PATH 설정을 추가해 주면 됩니다./usr/local/nodejs/bin/npm install yarn/usr/bin/env: node: 그런 파일이나 디렉터리가 없습니다위와 같은 오류가 발생 하는 경우는 경로를 추가해 주면 된다.vim /etc/bashrcexport PATH=$PATH:/usr/local/nodejs/bin이 경우는 nodejs를 압축파일을 받아서 별도의 디렉토리에 압축을 풀고 심복릴 링크 처리한 경우 입니다.
  • profile_image 프로그래머가 아니라 일반인이면 PDF 페이지번호 추가해주는 사이트가 있으니 아래를 참고하시면 됩니다.https://tools.pdf24.org/ko/add-page-numbers#s=1687481961009여기선 nodejs와 pdf-lib 설치에 대해선 언급하지 않습니다.아래는 간단한 소스 입니다.PDF파일에 페이지 번호가 없어서 인쇄하는데 있어 페이지수가 적으면 문제가 안되지만 수십페이지만 되어도 읽을때 문제가 될 수 있습니다. 페이지가 바뀐다거나 아니면 인쇄할때 잘못되어 중간부터 인쇄할때 몇페이지 부터 인쇄해야 될지 찾는데 시간이 소요 될 수 있는 문제를 해결하려면 페이지번호가 들어가 있는것이 좋습니다. …
  • profile_image chat GPT API를 통해서 물어본것에 대한 테스트 인데요.잘 되네요.별도의 모듈설치 없이 그냥 실행 되었습니다. 제가 전에 다른것 하면서 설치 되었는지는 확인 안해 봤습니다.  // zlib 모듈을 불러온다.  const zlib = require('zlib');  const fs = require('fs');  // 압축할 문자열  const str = '압축할 문자열';  // gzip으로 압축한다.  zlib.gzip(str, (err, buffer) => {    if (!err) {      /…
  • profile_image 파일저장이나 또는 가져올때등 상대경로로 호출 하는 경우도 있지만때론 전체 경로를 알아야 되는 경우가 있습니다.그럴때 현재 디렉토리 기준으로 처리하면 좋은때 이럴때 사용 합니다.  // 현재 디렉토리   const _DIR_   = process.cwd();  php의 __DIR__ 과 같은 역활 입니다.확인 결과 위 예제는 잘 되는 것입니다. 현재 V16 버전에서 문제 없었습니다.* 사용한곳은 아래 입니다. 파일을 저장할때 유용합니다.  [nodejs] PDF파일 페이지 번호 없는 경우 페이지 자동으로 넣어주기 > javascript  …
  • profile_image 현재 nodejs 실행중인 유저를 알아내기 위한 것입니다.같은 프로그램을 쉘에서 실행하기도 하고 웹서버를 통해서 실행하기도 합니다.그런 경우 파일을 쓰게 되면 문제가 발생합니다.  import os from "os";  let osUser  = os.userInfo().username;  if ( osUser  == 'root' ) {    console.log('루트 유저: ', osUser);  }  else {    console.log('osUser: ', osUser);  }  발생되는 …
  • profile_image 아작스로 서버에 전송하는 기능까지 테스트 된것입니다.jQuery 버전에 따라서 ajax 전송하는 방식이 약간 다른 부분이 있으니 버전 참고하세요.본인이 현재 사용하는것과 여기 샘플의 버전이 비슷하면 문제가 되지 않을듯 싶습니다.<!DOCTYPE html><html lang="ko"><head>  <meta charset="UTF-8">  <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="viewport" content="width=device-width, initia…
  • profile_image 백엔드의 PDF-LIB에서 폰트를 지정하지 않으면 오류가 발생 합니다.영문은 문제 되지 않지만 한글의 경우 오류를 만나게 됩니다.그렇기 때문에 커스텀 폰드를 지정해야 하는데 스탠다드폰트가 아닌 별도 폰트를 사용할 때 필요한 부분입니다.Error: WinAnsi cannot encode "한" 이러한 오류를 만나게 된다면 한글을 사용할 수 없는 폰트이기 때문입니다.    // https://pdf-lib.js.org/#examples  import { PDFDocument, StandardFonts, rgb } from 'pdf-lib'  // Cannot import font…
  • profile_image 특정 문자로 구분자를 줘서 문자열로 만들어주는 함수인데요PHP의 implode에 해당하는 기능입니다.배열의 경우는 간단하게 join 메소드를 사용하면 되는데요. 객체는 안되기 때문에 만들어진것입니다.  let aa = {    'bb1' : 345,    'cc'  : 23,    'ee'  : 'abc'  }  let bb = ['name','2',33,5,'age'];    /**   * 문자열 구분자로 합치기   *   * @param string…
  • profile_image 파일명에서 파일의 확장자만 필요한 경우 사용합니다.자바스크립트 이긴 하지만 nodejs에서 사용해도 동일합니다.블라우저의 자바스크립트에서 사용하는 함수를 백엔드의 노드에서 사용해도 문제 없습니다.  /**   * 파일 확장자   *   * @param string file   *   * @return [type]   *   */  function file_ext( file ) {    let fileExt  = file.split(".").pop();&…
  • profile_image 다른 프로그램 언어와 데이터를 주고 받을때 많이 사용하는 json 문자열과 객체형태로 서로 변환하는 방법에 대한것입니다.여개서 객체는 연관배열로 생각하시면 됩니다.연관배열은 배열의 키 부분이 문자열이 들어갈 수 있는것을 말합니다.  // json 문자열로 만들기  let oParm   = {    'test'    : 123,    'abc'     : '345'  };  console.log('-- 현재값 ----------------------------------------');  conso…
  • profile_image PHP의 http_build_query 과 같은 것입니다.배열을 쿼리스트링으로 만들어 줍니다.<!DOCTYPE html><html lang="ko"><head>  <meta charset="UTF-8">  <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>자바스크립트 배열 URL 쿼리스트링 생성 </title&…
  • profile_image PHP에서의 _GET에 해당하는 형태로 URL의 쿼리 스트링을 분리해주는 함수 입니다.아래 두개 함수는 비슷한것으로 위쪽에 있는것만 사용을해도 됩니다.<!DOCTYPE html><html lang="ko"><head>  <meta charset="UTF-8">  <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>자바스크립트 …
  • profile_image 요소(엘리먼트) 또는 태그를 삭제하는 jQury 메소드에 대한 설명입니다.id값을 이용해서 자기자신을 포함해서 삭제하는 remove와자신은 그대로 둔 상태에서 안쪽(내용) 부분을 전체 삭제하는 empty의 차이점 입니다.<!DOCTYPE html><html lang="ko"><head>  <meta charset="UTF-8">  <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="viewport" content="width=device-width, initial-sc…
  • profile_image 자바스크립트에서 비율로 처리 해야 할 때 필요한 함수 입니다.픽셀로 전환을 다시 하거나 픽셀을 비율로 처리 하거나 서로 전환이 가능한 기능을 가집니다.픽셀은 고정된것이기 때문에 화면이나 특정 박스안에 있을때 동적으로 처리가 되지 않습니다. 변화된 크기에 따라서 위치나 크기가 같이 변하게 하려면 비율로 처리를 해야 하는데 그때 필요한 부분입니다./** * px to percent change * * @param mixed mode        : px2per, per2px * @param mixed divWidth    : 대상박스 …
  • profile_image 페이지에 하나만 있는 ID를 선택자로 사용하면 좋은데 간혹 그렇지 못한 경우가 있습니다.이럴때는 class가 있을 경우 클래스를 선택자로 하는데 여러개가 한꺼번에 있을 때 AND 조건인 경우와 OR 조건인 경우에 해당 하는 것입니다. <div class="offcanvas-header navbar-shadow px-4 mb-3">위와 같이 여러개가 있을경우아래는 AND 조건이 되고. 그렇기 때문에 아래 모두 일치하는 엘리먼트를 삭제 하게 됩니다.$(".offcanvas-header.navbar-shadow.px-4.mb-3").remove();이번꺼는 OR 조건이 됩니다. 하나라도 일치 하는 것은 모…
  • profile_image 원리를 알면 간단합니다.어떤것이든지 알고나면 간단핝데 알기전에는 정말 쉬원것도 모르면 답답한 법입니다.보통 이미지나 div 박스등은 가로 세로의 픽셀을 구할 수 있습니다.그런데 div 박스 안의 텍스트 글자의 전체 길이를 픽셀로 구하고 싶은 경우가 있는데요.이런 경우 사용하는 방법입니다.이는 가운데로 정렬 되어 있어도 크게 다르지 않습니다. 방법은 다음과 같습니다.박스를 두개 사용하는데 안쪽의 박스에는 TEXT 글자가 들어가 있고 span으로 감싸고 밖을 div나 또는 다른것으로 감싸면 됩니다.width = $(this).find('span:first').width();그리고 밖의 박스에서 위치와 가로세로 높이…
  • profile_image 상대적으로 설정 되어 있거나 또는 다른 형태로든 관계 없이 박스와 박스의 사이의 간격을 알고 싶으면 각  박스의 값을 구해서 서로 빼 주면 간격을 알 수 있습니다.이미지 크기 또는 대상의 크기jQuery 에서 소수점포함(더 정확히) 알고자 할때는 아래를 사용한다..width() .outerWidth()이미지의 경우 화면에 보이는 렌더링된 크기가  아닌 원본 크기: prop('naturalWidth')소수점 없음: prop('offsetWidth') 바닐라 자바스크립트: domRect = element.getBoundingClientRect();jQuery: $("#"+id)[0].getBoun…
  • profile_image id값이 없을때 안쪽에 있는것 찾는 방법에 해당 하는것입니다.동적으로 생성되거나 할때는 id값을 일일이 주기 힘든 경우가 있습니다. 이럴때는 여러개 있어도 관계가 없는 class 를 이용하는것도 방법입니다. $(document).ready(function() {  // div 안쪽에 input box가 있는데 id 값이 없을 때  //  > 클래스를 하나 줘서 찾는 방법도 있다. id는 문서에서 유일해야 하지만 class는 여러개 와도 관계 없음.  $("#inboxDiv").find("input").each(function()  {    co…
  • profile_image 특정 파일만 받고자 할때 체크하는 방법입니다.확장자로 체크하는데 더 좋은것은 MIME로 체크하면 더 좋습니다.확장자는 얼마든지 변경할 수 있고 더 문제는 아무렇게나 확장자를 변경하는 경우도 있습니다.<script>  $("#images").on("change", function(e)  {    var files     = e.target.files;    var filesArr  = Array.prototype.slice.call(files);    filesArr.forEach(function(f)  …
  • profile_image HTML의 form에서 인풋박스에서 jQuey를 이용한 데이터를 그대로 다른 인풋박스에 넣어주는 간단한 프로그램 입니다.키보드 입력에 대한것은 keydown 과 keyup이 있는데 입력한 정보를 얻을때는 keyup 입니다.눌린다음 올라올때 비로서 입력한 값을 얻을 수 있습니다. keydown도 감지는 되지만 입력된것을 얻을 수는 없습니다.  <input type="text" name="test1" id="test1"><input type="text" name="test2" id="test2"><script>  $("#test1").on("keyup", funct…
  • profile_image jQuery를 이용한 태그의 하위요소중에서 첫번째 요소에 대한 스타일 속성을 변경하는 방법에 대한 것입니다.아래는 자바스크립트 변수로 처리 되었지만 테스트 할때는 상수를 넣어 해보시면 됩니다.아래와 같이 사용하면 됩니다. $( "#"+idname ).css( 'touch-action', status);$( "#"+idname + " > div:first-child").css( 'touch-action', status); 참고한곳https://homzzang.com/b/jquery-52
  • profile_image 요즘은 배열 보다는 객체로 많이 사용되기도 하는데요.배열을 삭제 하는 방법에 대한것입니다.기본적으로 있는 remove는 완전히 없어지는 것이 아니라 빈방으로 만드는 역활을 합니다.그렇기 때문에 갯수를 체크하면 생각과 다를 수 있습니다. 현재의 브라우저 버전에서도는 사용해서 문제 되지 않습니다.  Array.prototype.removeByValue = function (val) {    let arrRtn  = this.filter(item => item !== val);    return arrRtn;  }  // 0 부터 시작 한다…
  • profile_image jQuery를 이용한 방식이기 때문에 아래에는 명시 되어 있지 않지만 라이브러리 추가 해야 됩니다.확인하는 방법은 브라우저의 소스보기를 통해 가능 합니다.   <div class="target" id="target1"> target 1 </div>  <div id="source">source</div>    <input type="button" value="clone replaceAll target 1" id="btn1" />  <script>    $(document).ready(fu…
  • profile_image 스크롤 할때 움직이는 메뉴에 대한 것은 원리를 알면 본인의 상황에 맞게 수정이 가능합니다.보통 플로팅 메뉴 또는 플로팅배너 라고 합니다.스크롤 이벤트가 발생이 되면 그 위치 만큼 div박스의 top 위치를 변경시켜주는 방식 입니다.아래는 jQuery를 이용하였습니다.<script>// 화면 크기가 변경 되었 때$(window).resize(function( event ) {   $(this).trigger('scroll'); });// 페이지 읽힌 다음 위치 설정$(document).ready(function() {  // 기존 css에서 플로팅 배너 위치(top)값을 가져와 저장한다.&nb…
  • profile_image 프로그래밍 환경에서 레지스터의 사용 상태와 할당 내역을 세부적으로 기록하며 메모리 관리 효율성을 높이는 중요한 문서양식으로 변수명, 데이터형, 할당 레지스터, 사용 범위로 구성 되어 있습니다.   작성시 고려사항 정확성: 레지스터 할당 정보를 정확하고 상세하게 기록하여 프로그램의 신뢰성을 확보합니다. 일관성: 동일한 형식과 규칙을 유지하여 문서의 가독성과 이해도를 높입니다. 업데이트: 프로그램 변경에 따라 레지스터 할당 현황을 지속적으로 갱신해야 합니다. 보안성: 중요한 메모리 정보를 안전하게 관리하고 접근을 제한해야 합니다. 호환성: 다양한 프로그래밍 환경과 개발 도구에서 쉽게 활용할 수 있도록 설계합…
  • profile_image 데이터베이스 관련 작업의 세부 내용과 진행 상황을 체계적으로 기록하고 관리하기 위한 중요한 문서로 프로젝트의 전반적인 개발 현황을 한눈에 파악할 수 있는 문서양식으로 작업명, 테이블명, 담당자, 작업날짜로 구성 되어 있습니다.   작성시 고려사항 데이터 정확성: 모든 항목을 정확하고 상세하게 기록하여 정보의 신뢰성을 확보해야 합니다. 일관성 유지: 동일한 형식과 기준으로 지속적이고 균일하게 정보를 기록해야 합니다. 보안 주의: 민감한 데이터베이스 정보를 다룰 때는 보안 지침을 철저히 준수해야 합니다. 업데이트 관리: 작업 상태와 진행 상황을 실시간으로 업데이트하고 관리해야 합니다. 완전성 확보: 모든 필…
  • profile_image 전산 사무용품의 세부 내용을 정확하게 기록하고 디지털 환경에서 효율적으로 관리하여 사무용품의 현황과 이력을 종합적으로 파악할 수 있는 양식으로 관리번호, 보관위치, 구입일자로 구성 되어 있습니다.   디지털관리 주요항목 관리번호: 각 사무용품에 대한 고유하고 체계적인 식별 정보를 부여하여 정확한 관리를 지원합니다. 품명: 사무용품의 정확한 명칭과 종류를 명확하게 기재하여 즉각적인 인식을 가능하게 합니다. 규격: 사무용품의 상세한 기술적 특성과 세부 규격을 구체적으로 기록하는 중요한 항목입니다. 수량: 현재 보유하고 있는 사무용품의 정확한 개수를 실시간으로 파악할 수 있는 중요한 정보입니다. 보관위치: 사…
  • profile_image 업무용 차량의 운행 상세 내역과 주행 정보를 체계적으로 기록하고 관리하기 위해 활용되는 중요한 문서 문서양식으로 운행일자, 운행자, 차량번호, 주행거리(km), 주유량, 출발지, 도착지, 출발, 경유, 점검항목으로 구성되어 있습니다.   차량 운행일지 주요항목 운행정보: 운행일자 차량번호 운전자의 상세한 이동 경로와 목적을 명확하게 기록합니다. 주행거리: 출발지에서 도착지까지의 정확한 주행거리와 연료 소비량을 상세하게 기재합니다. 경로확인: 업무용 차량의 이동 경로와 목적지를 구체적으로 작성하여 증빙 자료로 활용합니다. 점검현황: 차량의 기본적인 점검 항목과 결과를 체계적으로 기록하고 관리합니다. &n…
  • profile_image 모바일 앱 마켓에서 수집된 다양한 사용자 의견과 피드백을 체계적으로 관리하고 분석하여 앱 개선 방향을 모색하는 중요한 서식으로 앱 이름, 앱 ID, 피드백 유형, 피드백 내용, 피드백 작성일으로 구성되어 있습니다.   마켓 피드백 주요항목 앱 이름: 사용자가 피드백을 제공한 모바일 애플리케이션의 고유한 명칭을 정확하게 기록합니다. 앱 식별자: 애플리케이션의 고유한 식별 코드나 번호를 체계적으로 관리하고 추적할 수 있도록 합니다. 피드백 유형: 사용자로부터 접수된 의견을 버그 제보 기능 개선 성능 문제 등으로 세분화하여 분류합니다. 피드백 내용: 사용자가 제공한 구체적이고 상세한 의견을 원문 그대로 정확하…
  • profile_image 다양한 플랫폼의 성능을 향상시키고 개발 환경에 맞춘 최적화 전략을 기록하며 체계적인 개선 방안을 도출하기 위한 문서서식으로 개발 분야, 최적화 항목, 적용 기술, 성능 개선률으로 작성 되었습니다.   플랫폼 최적화 주요항목 개발 분야별 세부적인 성능 향상 전략을 분석하고 핵심 기술 요소를 도출하는 방법을 제시합니다. 플랫폼 특성에 따른 최적화 항목을 종합적으로 평가하고 구체적인 개선 방향성을 설계합니다. 적용 가능한 최신 기술 트렌드를 식별하고 실제 개발 환경에 적합한 솔루션을 제공합니다. 성능 개선률을 정량적으로 측정하고 객관적인 데이터를 바탕으로 분석합니다. 각 플랫폼별 고유한 특성을 반영한 맞춤형 …
  • profile_image 토지와 건물에 대한 자산 취득 과정과 관련 정보를 체계적으로 기록하고 관리하기 위해 설계된 중요한 문서양식입니다. 이 템플릿은 취득일자, 위치 및 지번, 면적(㎡), 권리관계, 취득금액으로 이루어져 있습니다.   토지자산 주요항목 취득일자: 토지 매입 및 개발과 관련된 정확한 날짜를 상세하게 기록하고 관리합니다. 위치 및 지번: 토지의 정확한 지리적 위치와 행정구역에 따른 지번을 명확하게 표기합니다. 면적: 토지와 건물의 정확한 면적을 제곱미터 단위로 측정하고 문서에 기재합니다. 용도: 토지와 건물의 구체적인 활용 목적과 예정된 개발 계획을 상세히 기술합니다. 취득금액: 토지 및 건물 매입에 소요된 총 …
  • profile_image 데이터베이스의 효율적인 성능을 위해 쿼리 실행 과정을 세부적으로 분석하고 개선점을 찾아내는 중요한 문서양식으로 쿼리ID, 테이블명, 쿼리유형, 성능지표, 실행시간(ms)로 되어 있습니다.   쿼리 최적화 주요항목 쿼리 성능: 데이터베이스 작업의 전반적인 실행 속도와 효율성을 분석하고 개선하는 방법을 제시합니다. 인덱스 전략: 데이터베이스 검색 속도를 향상시키기 위한 최적의 인덱스 구조와 적용 방안을 검토합니다. 자원 활용: 중앙처리장치 메모리 디스크 입출력 등 시스템 자원의 효율적인 사용 방안을 모색합니다. 병목구간 식별: 쿼리 처리 중 느린 응답을 유발하는 구간을 정확하게 찾아내고 개선합니다. 쿼리 재…
  • profile_image 소프트웨어 개발 환경에서 객체 간 비교를 위한 표준화된 접근 방식을 정립하고 비교 프로세스의 일관성을 확보하기 위해 설계된 참조용 문서서식으로 객체명, 생성일, 생성자, 속성명, 비교 유형, 비교 알고리즘으로 구성되어 있습니다.   객체 비교 주요항목 비교 알고리즘: 객체 간 속성과 값을 체계적으로 분석하고 비교하는 표준 절차를 정의합니다. 비교 유형: 다양한 데이터 타입과 객체 구조에 적합한 비교 방식을 종합적으로 검토하고 선택합니다. 대상 객체: 비교 대상이 되는 객체의 범위와 특성을 명확하게 식별하고 기준을 수립합니다. 비교 결과: 객체 간 차이점과 유사성을 객관적이고 정확하게 도출하는 방법을 제시…
  • profile_image 웹 애플리케이션의 취약점과 보안 위험을 체계적으로 기록하고 관리하여 개발 과정에서 발생할 수 있는 잠재적인 보안 문제를 신속하게 대응할 수 있는 전문적인 양식으로 보안 이슈명, 위험 등급, 발견 일자, 발견자, 담당자, 이슈 유형으로 작성 되었습니다.   프론트엔드 보안 주요항목 보안취약점: 웹 애플리케이션의 잠재적인 위험 요소를 체계적으로 식별하고 분석하는 중요한 보안 관리 절차를 수행합니다. 위험등급: 발견된 보안 이슈의 심각성과 영향력을 정확하게 평가하여 대응 우선순위를 결정하는 기준을 제공합니다. 발견경로: 보안 취약점의 탐지 방법과 경로를 상세하게 기록하여 유사한 보안 문제의 사전 예방에 활용합…
  • profile_image 모바일 애플리케이션의 다크모드 지원 현황과 변경사항을 체계적으로 기록하고 추적하기 위한 상세 서식으로 다크모드지원여부, 다크모드적용일으로 이루어져 있습니다.   다크모드 지원 주요항목 앱명: 애플리케이션의 정확한 이름과 고유한 식별 정보를 명확하게 기재합니다. 다크모드지원여부: 애플리케이션의 다크모드 적용 상태를 명확하게 표기합니다. 다크모드적용일: 해당 기능이 도입된 정확한 날짜를 기록합니다. 디자인 일관성: 다크모드의 시각적 품질과 사용자 경험을 종합적으로 평가합니다. 성능 영향: 다크모드 활성화에 따른 애플리케이션 성능 변화를 분석합니다. 사용자 반응: 다크모드 기능에 대한 사용자 피드백을 수집하고…
  • profile_image 소프트웨어 개발에서 병렬 처리와 동시성을 위한 함수형 접근법을 체계적으로 문서화하고 관리하기 위한 전문적인 참조 자료로 활용되는 양식으로 모델명, 생성일자, 생성자, 수정일자, 모델 설명, 핵심 원칙, 활용 사례로 구성되어 있습니다.   작성시 고려사항 모델 복잡성: 함수형 동시성의 추상적인 개념을 명확하고 이해하기 쉽게 문서화하는 방법을 고려해야 합니다. 일관성 유지: 모델 설계와 구현에서 함수형 프로그래밍의 핵심 원칙을 일관되게 적용해야 합니다. 확장성 평가: 다양한 시나리오와 요구사항에 대응할 수 있는 모델의 유연성과 확장성을 검토해야 합니다. 성능 분석: 함수형 동시성 모델의 실제 성능과 자원 사…
  • profile_image 웹 개발에서 필요한 다양한 라이센스에 대한 종합적인 정보를 체계적으로 기록하고 관리하기 위해 구축된 전문적인 문서양식으로 라이센스명, 취득일자, 유효기간, 담당자로 작성 되었습니다.   라이센스 주요항목 라이센스명: 웹 개발에서 사용되는 소프트웨어와 도구의 정확한 라이센스 명칭을 상세하게 기록합니다. 버전관리: 각 라이센스별 현재 사용 중인 최신 버전과 이전 버전에 대한 정보를 명확하게 기록합니다. 취득일자: 해당 라이센스를 획득한 정확한 날짜와 시점을 세밀하게 문서화합니다. 유효기간: 라이센스의 시작일과 종료일을 명확하게 표기하여 만료 여부를 쉽게 파악합니다. 담당자정보: 해당 라이센스를 관리하고 책임…
  • profile_image 기술부에서 사용하는 다양한 소모품의 입고 현황과 재고 상태를 체계적으로 기록하고 추적하여 효율적인 물품 관리를 지원하는 양식으로 입고일, 담당자로 되어 있습니다.   작성시 고려사항 정확성 유지: 모든 소모품 정보를 정확하고 상세하게 기록하여 신뢰성을 확보합니다. 주기적 업데이트: 재고 상황의 변화에 따라 지속적으로 정보를 최신화해야 합니다. 보안 관리: 소모품 재고관리대장의 중요 정보를 안전하게 관리하고 접근을 제한합니다. 일관성 유지: 모든 항목을 동일한 기준과 방식으로 작성하여 일관성을 유지합니다. { "@context": "https://schema.org", "@type": "WebPage",…
  • profile_image 기업이나 조직에서 현재 보유하고 있는 물품과 자원의 상세한 정보를 체계적으로 기록하고 추적하기 위한 효율적인 재고 현황을 파악할 수 있는 문서서식으로 최근 입고일, 담당자로 작성 되었습니다.   재고관리 주요항목 품명: 보관된 물품의 정확하고 상세한 명칭과 종류를 명확하게 기재하는 것이 중요합니다. 규격: 물품의 크기 무게 재질 등 세부적인 상세 정보를 구체적으로 작성합니다. 수량: 현재 보유하고 있는 물품의 정확한 수량을 숫자로 기입하고 실사와 대조합니다. 단위: 물품을 계산하는 기준이 되는 단위를 정확하게 표기하여 혼선을 방지합니다. { "@context": "https://schema.org", …
  • profile_image 기술 분야의 전문 서적을 체계적으로 관리하고 기록하여 도서 구매 이력을 상세히 기록 관리하며 필요한 정보를 빠르게 확인할 수 있는 문서서식으로 구매일자, 도서명, 출판사, 구매처로 이루어져 있습니다.   작성시 고려사항 정확성: 모든 도서 정보를 정확하고 상세하게 기록하여 신뢰할 수 있는 문서로 관리해야 합니다. 일관성: 동일한 형식과 방식으로 지속적이고 균일하게 도서 정보를 기록해야 합니다. 최신성: 지속적으로 새로운 도서 구매 정보를 즉시 업데이트하고 관리해야 합니다. 보안 관리: 개인정보 보호를 위해 중요한 구매 관련 정보를 안전하게 관리해야 합니다. { "@context": "https://sc…
  • profile_image 데스크톱에서 사용하는 다양한 애플리케이션의 효율적인 단축키를 체계적으로 기록하고 관리하여 사용자의 생산성을 높이는 중요한 업무 지원 문서양식으로 애플리케이션명, 기능명, 단축키, 키 조합으로 작성 되었습니다.   작성시 고려사항 단축키 입력시 정확한 키 조합과 기능을 명확하게 기재하여 혼동을 방지해야 합니다. 애플리케이션의 버전 변경에 따른 단축키 차이를 주의깊게 확인하고 기록해야 합니다. 서로 다른 운영체제에서 사용되는 단축키의 차이점을 반드시 구분해서 작성합니다. 특수 문자와 기능키의 정확한 표기법을 일관되게 유지해야 합니다. 최신 애플리케이션의 단축키 정보를 주기적으로 점검하고 갱신해야 합니다. 단…
  • profile_image 소프트웨어 개발 과정에서 객체 생성의 유연성과 재사용성을 높이기 위한 설계 패턴에 대한 세부 내용을 기록하고 관리하는 전문 문서서식으로 패턴명칭, 구현목적, 주요기능, 클래스명, 테스트로 구성 되어 있습니다.   팩토리 패턴 주요항목 객체 생성: 객체를 직접 생성하지 않고 생성 인터페이스를 통해 유연하게 객체를 만드는 방법을 정의합니다. 클래스 분리: 객체 생성 로직을 별도의 클래스로 분리하여 코드의 결합도를 낮추고 확장성을 확보합니다. 인터페이스 활용: 공통된 인터페이스를 기반으로 다양한 하위 클래스의 객체를 생성하는 메커니즘을 제공합니다. 유연한 확장: 새로운 클래스 추가시 기존 코드를 수정하지 않고…
  • profile_image 네트워크에 연결된 임베디드 장치들의 상세한 연결 정보와 통신 상태를 체계적으로 기록하고 관리하기 위한 중요한 기술 서식으로 장치명, IP 주소, MAC 주소, 프로토콜, 연결상태로 작성 되었습니다.   네트워크 연결 주요항목 장치명: 네트워크에 연결된 각 임베디드 장치의 고유한 식별 정보를 명확하게 기재합니다. 아이피 주소: 해당 장치의 정확한 네트워크 위치와 통신을 위한 고유 주소를 상세히 기록합니다. 맥 주소: 장치의 물리적 네트워크 인터페이스를 고유하게 식별하는 하드웨어 주소를 입력합니다. 프로토콜: 장치 간 데이터 통신에 사용되는 표준 통신 규약을 정확하게 기술합니다.   작성시 고려사…
  • profile_image 소프트웨어 개발 과정에서 테스트된 기능과 모듈의 범위를 체계적으로 기록하고 분석하여 테스트 품질을 평가하고 개선점을 도출하기 위한 양식으로 프로젝트명, 프로젝트ID, 테스트기간, 테스터, 테스트목표, 테스트범위, 모듈명으로 되어 있습니다.   테스트커버리지 주요항목 테스트케이스: 각 모듈별로 설계된 테스트케이스의 상세 내용과 목적을 명확하게 정의합니다. 커버리지율: 전체 기능 대비 테스트된 기능의 비율을 정량적으로 측정하고 분석합니다. 모듈분석: 소프트웨어 각 모듈별 테스트 진행 상황과 결과를 체계적으로 기록합니다. 테스트목표: 프로젝트의 품질 기준과 요구사항에 부합하는 테스트 목표를 설정합니다. { …
  • profile_image 소프트웨어 라이선스의 중요한 세부사항과 사용현황을 체계적으로 정리하고 효율적인 관리를 위한 기본적인 정보를 담고 있는 문서서식으로 소프트웨어명, 제조사, 라이선스 유형, 라이선스 수량, 사용자 정보, 사용 기간으로 되어 있습니다.   작성시 고려사항 정확성: 모든 소프트웨어 정보를 최신 상태로 유지하고 정확하게 기록해야 합니다. 법적 준수: 라이선스 사용 조건과 저작권 규정을 철저히 준수해야 합니다. 갱신 주기: 정기적으로 라이선스 현황을 점검하고 만료일을 사전에 확인해야 합니다. 보안 관리: 민감한 라이선스 정보의 접근권한을 제한하고 안전하게 관리합니다. 비용 효율성: 사용하지 않는 라이선스를 식별하고…
  • profile_image 물류 관리에 필요한 상세한 입고 및 출고 내역을 정확하게 기록 관리하며 재고 상태를 실시간으로 파악할 수 있는 중요한 기업 내부 문서양식 입니다.   물류기록 주요항목 입출고: 제품의 정확한 입고 시간과 출고 시간을 세부적으로 기록하고 추적할 수 있는 항목입니다. 재고관리: 현재 보유하고 있는 제품의 수량과 상태를 실시간으로 파악하고 관리하는 중요한 정보를 포함합니다. 품목분류: 제품의 명칭 규격 단위에 따라 체계적으로 구분하고 분류하는 세부적인 기준을 적용합니다. 수량확인: 정확한 제품 수량을 입고와 출고 과정에서 명확하게 기록하고 검증하는 절차를 진행합니다. 날짜기록: 제품의 입출고가 발생한 정확한 …
  • profile_image 디지털 통신 환경에서 효율적인 메시지 전달과 처리를 위한 구조적 접근 방식을 제시하고 시스템의 정보 흐름과 기술적 세부사항을 상세하게 기술하는 양식으로 시스템 목적, 주요 기능, 기대효과, 시스템명, 메시지 타입, 프로토콜, 구성 요소, 메시지 큐로 이루어져 있습니다.   메시징 시스템 주요항목 메시지 큐: 비동기 통신 환경에서 데이터 전송의 안정성과 신뢰성을 보장하는 중요한 아키텍처 구성 요소를 설명합니다. 메시지 브로커: 다양한 시스템 간 효과적인 메시지 라우팅과 전달을 담당하는 핵심 인프라스트럭처 컴포넌트를 정의합니다. 프로토콜 설계: 메시지 전송의 표준화된 규약과 통신 방식을 체계적으로 수립하고 …
  • profile_image 기관의 소프트웨어 개발 과정에서 발생하는 중요한 통신 연결 방식에 대한 상세 기록과 관리를 위해 작성되는 문서서식으로 API명, 담당부서, 개발자, 완료일, 담당자, 표준 준수 사항, 개선 필요 사항, 기타 사항으로 구성되어 있습니다.   API 표준화 주요항목 표준화 프로세스: 소프트웨어 통신 연결 방식의 일관성과 효율성을 높이기 위한 세부 규격을 정립합니다. 개발 범위: 신규 및 기존 통신 인터페이스의 기술적 요구사항을 종합적으로 검토하고 분석합니다. 기술 호환성: 다양한 시스템 간 원활한 데이터 교환을 위한 상호운용성 기준을 수립합니다. 보안 정책: 외부 연결시 발생할 수 있는 잠재적 보안 위험을 …
  • profile_image 네트워크 상에서 발생하는 다양한 통신 내역을 상세히 기록하고 추적하는 중요한 문서로 통신 흐름과 보안 상태를 체계적으로 관리할 수 있는 서식으로 송신IP, 수신IP, 프로토콜, 통신크기, 통신내용으로 구성 되어 있습니다.   네트워크 통신 주요항목 통신 정보: 송신과 수신 인터넷 프로토콜 주소의 상세한 기록을 포함하여 네트워크 연결 상황을 명확하게 파악합니다. 프로토콜 분석: 통신에 사용된 프로토콜의 종류와 특성을 세밀하게 조사하여 네트워크 보안 상태를 점검합니다. 통신 크기 확인: 각 통신별로 데이터 전송량을 정확하게 측정하여 네트워크 대역폭 사용 현황을 분석합니다. 상태 모니터링: 통신의 성공 여부와…
  • profile_image 함수형 프로그래밍의 기본 원칙과 표준화된 코딩 방식을 정의하고 개발자들 간의 일관된 접근법을 제시하여 소프트웨어 품질을 향상시키기 위한 상세 가이드라인 양식으로 규약명, 생성일, 담당자, 이메일, 규약 항목, 적용 여부로 구성 되어 있습니다.   함수형 코딩 주요항목 순수함수: 동일한 입력에 대해 항상 같은 결과를 반환하며 외부 상태에 영향을 주지 않는 함수를 설계하고 구현합니다. 불변성: 데이터의 상태를 직접 변경하지 않고 새로운 객체나 상태를 생성하여 데이터의 일관성과 예측 가능성을 유지합니다. 고차함수: 함수를 매개변수로 전달하거나 반환값으로 사용할 수 있는 유연하고 재사용 가능한 함수 패턴을 적용…
  • profile_image 웹 개발 과정에서 사용된 다양한 개발 도구와 그 활용 내역을 체계적으로 기록하고 관리하기 위한 전문적인 문서양식으로 사용일자, 기능유형, 활용내용으로 되어 있습니다.   웹 개발 툴 주요항목 개발 툴: 소프트웨어 개발에 필요한 다양한 도구들의 선택과 적용 방식을 상세하게 기록하고 분석하는 항목입니다. 사용일자: 개별 웹 개발 도구의 정확한 사용 시점과 기간을 명확하게 표기하여 추적성을 확보합니다. 기능유형: 웹 개발 과정에서 활용되는 도구의 세부 기능과 특성을 체계적으로 분류하고 정리합니다. 활용내용: 각 개발 툴의 구체적인 사용 목적과 방법 그리고 프로젝트에 미치는 영향을 상세히 기록합니다. 버전 관리…
  • profile_image 게임 개발 과정에서 발생하는 변경사항과 개선점을 상세하게 기록하고 관리하며 게임의 기술적 발전 상황을 추적할 수 있는 중요한 양식으로 게임명, 패치 버전, 패치 일자, 담당자, 주요 변경사항, 기능 테스트 결과, 버그 수정 확인으로 되어 있습니다.   패치 노트 주요항목 게임 버전: 현재 게임의 정확한 버전 정보를 명확하게 기록하고 관리할 수 있습니다. 변경 사항: 게임 내 기능과 성능에 대한 구체적이고 상세한 수정 내역을 정밀하게 작성합니다. 버그 수정: 게임에서 발견된 오류와 결함에 대한 해결 방법을 체계적으로 기재합니다. 성능 개선: 게임의 그래픽 안정성과 사용자 경험을 향상시키는 기술적 변경사항을…
  • profile_image 의료기관에서 혈액제제의 입고부터 사용까지 전체 흐름을 상세하게 기록 관리하며 보관 상태와 유효기간을 체계적으로 모니터링할 수 있는 의료 기록물 문서양식으로 관리번호, 제품명, 제조사, 유효기간, 보관장소로 이루어져 있습니다.   혈액제제 주요항목 관리번호: 개별 혈액제제를 고유하게 식별하고 추적할 수 있는 고유 식별 코드를 부여합니다. 제품명: 혈액제제의 정확한 명칭과 종류를 명확하게 기재하여 식별성을 높입니다. 제조사: 혈액제제를 생산한 제조기관의 상세 정보를 정확하게 기록하여 출처를 확인합니다. 규격: 혈액제제의 세부적인 물리적 특성과 용량을 상세하게 기재합니다. 수량: 현재 보유하고 있는 혈액제제의…
  • profile_image 응용 프로그램에서 발생하는 다양한 오류를 체계적으로 기록하고 관리하여 소프트웨어의 품질과 안정성을 향상시키기 위한 중요한 관리 문서양식으로 오류ID, 오류명, 심각도, 발견일, 해결일, 담당자로 구성되어 있습니다.   오류 수정 주요항목 심각도 평가: 오류의 심각한 정도를 객관적이고 명확하게 분류하여 대응 우선순위를 결정합니다. 발견 및 해결일: 오류의 정확한 발생 시점과 해결 완료 일자를 상세하게 기록하여 대응 기간을 분석합니다. 담당자 정보: 해당 오류를 발견하고 수정한 개발자나 기술 담당자의 정보를 명확하게 기재합니다. { "@context": "https://schema.org", "@type"…