• profile_image AWS 사용시 특별한 이유가 있는것이 아니라면 아마존리눅스(AL) 사용하는 것이 좋기 때문에 테스트 할때 PC 가상머신에 설치 후 사용해 보기 위해서 설치까지는 잘 되었는데요. 이런!! 설치는 잘 되었는데 로그인 하는 방법을 모르겠네요!! 이 부분은 다음 기회에~ 우선 AL2, AL3(2023) 아마존 리눅스 설치하는 방법에 관한 것입니다.우리가 AWS에서는 ssh2 접속할 때 비밀번호가 아니라 인증 파일을 통해서 접속을 하는데... PC에 설치 되었는데 IP도 모르겠고 초기 GRUE 메뉴 같은것이 나오는것도 아니고 하여 로그인 까지는 못해봤네요.아마존 리눅스는 CentOS 기반 입니다. 그렇기 때문에 명령어도 많이 비…
  • profile_image 페이지를 가져오지 못하니 404인가 아니면 서버쪽 설정 문제 이므로 500번때 코드가 나올까?결론은 아래 처럼 502 오류가 발생 합니다.ELB에서 리스너가 없을 경우 서버로 접속해서 데이터를 가져오지 못하는 상황에선 아래와 같은 메시지를 만나게 됩니다.포트지정 설정을 잘못해도 동일 하겠지요. 학술적으로 정리를 해보면 아래와 같이 말을 할 수 있다. HTTP 502 코드는 "Bad Gateway" 오류로 웹 서버가 게이트웨이나 프록시 서버를 통해 다른 서버로부터 유효하지 않거나 부적절한 응답을 받았을 때 발생 하게 되는데 부하분산 서버가 백엔드 서버들을 조정하며 클라이언트의 요청에 응답을 시도할 때 백엔드 서버의 응답이…
  • profile_image https용도로 사용할 수 있는 AWS Cerificate Manager 페이지에서의 인증서 생성하는 것에 대한 것입니다.이곳에선 외부에서 받은 인증서 파일을 올리거나 무료로 인증서를 생성 할 수 있습니다.AWS 무료인증서는 속도가 빠른 장점이 있고 무료이지만 문제는 이것을 다른곳에선 사용하지 못한 다는것입니다.예를 들면 EC2의 웹서버에서 https 용도로 사용하지 못합니다.그럼 EC2에선 외부에서 생성한 인증서를 가져와 사용하던가. 아니면 클라우드프론트에서 http로 접근하여 서비스 하는 방법이 있습니다.http https 혼용하면 실 수 할 수 있기 때문에 외부 인증서 비용들여서 구매한것을 사용하는것을 권장 합니다…
  • profile_image 클라우드 와치 수동으로 내보내기 하려 하는데 아래와 같은 메시지를 보게 되면GetBucketAcl call on the given bucket failed. Please check if CloudWatch Logs has been granted permission to perform this operation."S3 버킷에 대한 GetBucketAcl 호출 실패" 오류는 CloudWatch Logs가 지정된 S3 버킷에 대한 접근 권한이 없음을 의미 하기 때문에 문제를 해결하기 위해서는 S3 버킷 정책을 업데이트하여 CloudWatch Logs 서비스에 필요한 권한을 부여하면 된다.AWS는 설정 해줄 것이 상당히? 많다…
  • profile_image 온프레미스 환경에선 주기적으로 압축하여 보관하거나 복사하거나 해서 관리 후 삭제 하기도 하는데. 오토스케일링 사용으로 EC2가 없어지는 경우 이런 방식이 필요하다. 물론 EFS를 사용하는 방법도 있겠지만 난 그러고 싶지 않다.  클라우드와치 Agent를 설치 한다.yum -y install amazon-cloudwatch-agent▷ 아래는 테스트 하기 위한 로그를 2초에 한번 씩 발생 시킨다.while true; do (curl http://localhost; sleep 2); done프라이빗 네트워크라면 아래와 같이 하면 됩니다. www.test.com은 인증서가 있는 가상호스트curl -k --resolve www…
  • profile_image NAT(Network Address Translation) 게이트웨이 구성으로 VPC(Virtual Private Cloud) 환경에서 프라이빗 서브넷에 있는 인스턴스들이 인터넷이나 AWS의 다른 공개 서비스에 접근할 수 있게 된다.  NAT 게이트웨이NAT 게이트웨이는 AWS에서 관리하는 서비스로, 높은 가용성과 자동 확장 기능을 제공합니다. NAT 게이트웨이를 사용하면 별도의 관리 없이도 프라이빗 서브넷의 인스턴스가 인터넷에 접근할 수 있게 되는데 방법은 다음과 같다. 아래 EIP는 미리 만들어 놓으면 그것을 선택 할 수 있다.https://ap-northeast-2.console.aws.amazon.com/ec2/…
  • profile_image 아마존리눅스2에서 기본적으로 mysql 클라이언트가 없어서 접속을 하지 못하는 문제가 있어서 설치 하는 도중에 발생한 문제를 다음에는 쉽게 해결하기 위해서 적습니다.이게 없으면 덤프받은것 올리지도 못하고 해당 서버에서 디비서버로 접속도 못하네요~ mysql 클라이언트 설치 시도amazon-linux-extras install epel -ywget https://dev.mysql.com/get/mysql80-community-release-el7-3.noarch.rpmrpm -Uvh mysql80-community-release-el7-3.noarch.rpmyum install mysql-community-client R…
  • profile_image S3에서 올린 본인 이외에 제 3자도 읽을 수 있도록 올린 것이 아닌 경우 클라우드 프론트에서만 읽을 수 있는 권한을 주는 방법에 대한 것이다. 프로그램으로 하나 씩 올리면서 권한을 줬으면 문제 되지 않는다.그렇지 않고. 아래 처럼 올린 경우 권한이 없어서 오류가 발생 한다. s3cmd sync /로컬/디렉토리 s3://버킷이름 아래처럼 배포를 생성할때 설정 해도 되고 다 설정한 다음 후에 수정을 해도 됩니다.<Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>3RJJB0RE…
  • profile_image AWS 라이트세일은 정해진 사양으로 비용을 지불 하는 방식으로 예상 가능하기 때문에 나름 장점이 있습니다. 대규모 사이트가 아닌 경우 이쪽이 훨씬 유리한 측면이 있습니다. 그런데 이용하다 상위기종으로 업그레이드를 해야 하는 경우가 있는데요. 관리 쪽에 보면 아무리 봐도 업그레이드 관련된 부분은 보이지 않습니다. 방법은 있지만 문제가 없는 것은 아닙니다.즉, 사이트가 약간의 시간 만큼 멈춰야 한다는 것입니다. 그리고 생성 시간이 경우 따라 20분 정도 걸리는 경우도 있습니다. 방법은 대략 이렇습니다.1) 스냅샷을 받습니다.2) 받아진 스냅샷을 이용해서 새로운 인스턴스를 생성이때 상위 기종을 선택 하면 됩니다.
  • profile_image 결론부터 말하면 AWS 서울 리전은 현재 시점에서 '이메일 수신' 서비스를 하고 있지 않다.그렇기  때문에 '수신설정'을 할 수 없다. 반드시 필요하면 가까운 섬 나라(도쿄)를 이용하면 되겠다.정확한 것을 알고 싶으면 아래 주소에서 Email Receiving Endpoints 부분을 보면 서비스를 하고 있는 리전 목록을 볼 수 있으며 더 정확히 확인 하고 싶으면 본인 계정로그인 후 버지니아 또는 도쿄 리전을 선택해서 '이메일 수신' 항목 부분이 있는지 보면 된다. https://docs.aws.amazon.com/general/latest/gr/ses.html 메일 수신은 리눅스에서 센드메일 같은것 설치 해서 사용하는…
  • profile_image SMTP를 이용한 메일은 PHP mail 함수를 통해 발송 시키는 가장 일반적인 방식 입니다.여기선 AWS SDK가 아니라 STMP 설정을 통해서 메일을 발송 시키는데 PHP에서 가장 잘 만들어진 PHPMailer 라이브러리를 이용 합니다. AWS SMTP 서버 활용 메일 발송 - 파일 첨부와 한글 사용 1) SMTP 설정 -> SMTP 보안 인증 생성 -> user와 password를 생성  2) 구성 -> 자격증명 -> 도메인 인증 , 메일인증     프로덕션 모드 이전일때는 보내고 받는 메일 모두 인증 해야 한다.      3) 한글 사용을 위해선 헤더 부분을 변경해 줘야 한다.   # htt…
  • profile_image AWS SES 사용하게 되면 네임서버를 보통 라우터53을 사용하지만 여기선 리눅스에서 보통 많이 사용되는 BIND 네임서버에 대한 설정이다.▶ BIND의 기본 도메인 존파일 설정에 대해서BIND DNS 설정에서 도메인 이름을 지정할 때, 완전한 도메인 이름(FQDN, Fully Qualified Domain Name)의 끝에 점(.)을 붙이는 것이 맞다.이부분이 많이 실수하는 것중 하나 인데 점(.)이 없다면 상대적인것으로 해석을 하기 때문에 완전히 다른 결과가 나온다.간단히 말하면 도메인이 들어가는 경우는 마지막에 무조건 점(.)을 붙이면 된다. ▶ 도메인 확인된 자격 증명 인증을 위한 zone(존) 파일자신의 존 파…
  • profile_image 무료로 사용하는 RDB DBMS 에서 가장 많이 사용하는 MySQL를 사용하는 오로라 mysql 설정 방법에 대해 정리 한것입니다.오로라 RDS-MySQL 데이터베이스 생성 클라우드 환경에 맞게 AWS에서 변경한 상품이다. 오로라가 아닌 MySQL 상품도 선택을 할 수 있는데 비용을 확인하고 나면 그럴 생각이 없어질 것이다. 그리고 AWS에 맞게 변경된 제품이기 때문에 더 좋다고 볼 수 있다.   ▷ 데이터베이스 생성 방식 선택 표준생성 ▷ 엔진옵션 Aurora (MySQL Compatible) 선택하고 하단 셀렉트박스 버전이 나오는데 특별한 이유가 없다면 최신 버전을 선택한다. ▷ 템플릿 프로덕션 ▷ 설정 DB 클러…
  • profile_image 쓰기 전용 인스턴스를 상위 등급으로 변경하여 성능을 높이고자 할 때 어떻게 해야 하는지에 대한 것입니다.라이더 인스턴스 높은 성능의 인스턴스로 변경하기 먼저 알고 넘어가야 할것은 라이더 인스턴스 변경하면 변경하는 동안 라이더가 없기에 AWS RDS에서는 리더 인스턴스 하나를 라이더로 변경한 후 작업이 진행 됩니다. 그렇기 때문에 모두 같은 성능의 인스턴스면 문제가 되지 않겠지만 만약 다르면 성능이 높은 인스턴스를 '장애조치 우선순위' 값을 변경해 라이더가 될 수 있도록 하는것이 좋습니다. 인스턴스 변경 방법 '인스턴스 구성'에서 원하는것으로 선택 한다. 다음 변경하면 언제 할것인지 물어 보고 바로 해도 되면…
  • profile_image 제목은 이렇게 달아 달었지만 먼저 AWS 오로라에서는 MySQL DBMS 구조에서 흔하게 볼 수 있는 마스터 슬레이브 구조가 아닙니다.생성한 다음 아래 명령을 내려 보면 다른 방법을 사용함을 알 수 있습니다.   mysql> show master status \G  Empty set (0.00 sec)  mysql> show slave status \G   Empty set, 1 warning (0.00 sec)  mysql> show slave status;  Empty set, 1 warning (0.01 sec)  오로라 RDS-MySQL 리더-라이더 변경 방법 라이더 인스턴스: 읽기/쓰기 리더 인…
  • profile_image AWS Elasticache는 Amazon Web Services(AWS)에서 제공하는 완전 관리형 인메모리 데이터 스토어 및 캐시 서비스입니다. 이 서비스는 레디스와 Memcached를 지원하며, 이를 통해 고성능, 스케일링 가능한 및 비용 효율적인 인메모리 캐시 솔루션을 제공합니다.  Redis는 RDB가 아닙니다.RDB에서 IO를 줄이거나 슬로우쿼리가 약간 있거나 많은 게시물이 있을때 키 밸류의 인메모리 디비를 사용하면 잇점이 있기 때문에 사용하는 데이터 베이스 입니다.AWS 엘라스틱캐쉬 REDIS 레디스(Redis)에 대해 설명하자면, Redis는 고성능의 분산 저장 시스템으로서 키-값 구조의 데이터를 메모리에 …
  • profile_image 오로라 클러스터 사용시 인스턴스를 추가, 삭제 하는 PHP SDK 예제 입니다.비교적 간단한 형태 이며 AWS 키는 본인의 환경에 맞게 변경 하면 됩니다.use Aws\Rds\RdsClient;class PabburiAws {  function profile() {    $aAwsConfig     = [      'region'      => AWS_REGION,      'version'     =>'latest',      'credentials' => [ 'key' => AWS_ACCESS_KEY_ID, 'secret' => AWS_SECRET_ACCESS_KEY ]    ];    r…
  • profile_image 현재 AWS의 오토스케일링 현황을 볼 수 있는 SDK 입니다.필요에 따라서 문제가 있을것으로 추정 되면 종료 시켜서 자동으로 새로 생성 되게 할 수 있습니다. 원하는용량 - 이것은 한번에 생성 시킬 인스턴스를 말합니다. 보통 1을 지정하기도 하는데 이보다는 부하가 있기 때문에 생성 시키는 것으로 최소 2이상을 주는 것이 더 좋겠습니다.아래 클래스는 오토스케일링 PHP SDK 현황 확인을 하는 것이며 아래쪽에 있는것은 종료 시키는 것입니다.  class AwsAutoScaling  {    private $client;    function __construct( $aAwsProfile ) {      $client   …
  • profile_image 원격의 서버에 업그레이드를 해야 하는데 1대씩 들어가서 관리하는 방법도 있겠고 오토스케일링에 의해서 EC2가 자동으로 생성된것도 있고 할때 전체 서버에 명령을 내리기 위한 관리 프로그램입니다. AWS SSM(Systems Manager) IP로 접속하는 방식이 아닌 EC2 인스턴스ID를 이용해서 접속을 하는 방식입니다. 접속하게 되면 유저는 ssm-user로 표시되며 sudo -i 명령으로 root 유저로 전환이 가능 합니다. 사용하기 위해선 IAM에서 역활을 생성하고. 이 역활이 EC2에 적용 되어 있어야 합니다. 그리고나서 EC2에 접속해서 SSM 서비스를 활성화 시키고. 클라이언트에선 SSM 플러그인을 설치하면 사…
  • profile_image 아마존 리눅스2가 나온지 오래되서의 문제보다 새로운 패키지를 만들면서 AWS의 정책이 변경 된것으로 보인다. 그래서 인지 아마존리눅스2에선 기본적으로 설치 되어 있는경우는 경로에 문제가 없는데 새로운것으로 설치하면 안되는 문제가 있다. 설치프로그램 위치 문제가 있는 경우 PATH 추가 aws CLI와 SSM 매니저를 설치할 경우 경로가 변경이 되었다. 그렇기 때문에 기존에는 aws --version 으로 잘 설치 되었는지 확인 하였는데 현재는 PATH가 변경되어 파일이 없다고 한다. 새로 업그레드 된것들은 모두 /usr/local/bin 으로 경로가 변경된 것으로 보인다.  PATH 문제로 안되는 프로그램의 예 그렇기 …
  • profile_image aws sdk를 설치하는 방법에는 php에서는 파이선의 pip나 노드의 npm 같은 패키지 관리자인 컴포저를 사용하는 방법이 있지만 여기선 간단하게 압축파일을 받아서 푸는 방식으로 설치를 안내 합니다. 이유는 컴포저에 대한 설명 필요 없이 압축만 풀어 오토로드 파일 인쿠르드 하여 사용하면 되기 때문 입니다.  AWS PHP SDK 설치하기 깃허브사이트에서 릴리즈를 클릭하면 현재 배포중인 최신 버전의 주소로 가게 되는데 글 작성하는 시점에서 아래 주소인것이지 버전은 달라 질 수 있습니다.https://github.com/aws/aws-sdk-php/releases/tag/3.281.8aws.zip 파일을 받는다. 즉, 소…
  • profile_image 액세스키 생성에 대한 부분만 언급이 되어 있어 어디서 만들어야 되는지 찾을 수 있는 부분이라 간단하게 적습니다.  aws_secret_access_key 만드는 방법 IAM > 사용자 > 사용자 이름선택 > "보안자격증명" 탭의 액세스 키 "액세스 키 만들기"를 통해서 만들면 최종적으로 2개의 키가 생성 됩니다. 1개는 액세스키(aws_access_key_id) 다른 1개는 비밀키(aws_secret_access_key) 여기서 비밀키는 csv로 다운로드 받아 두거나 잘 저장해 둬야 합니다. '완료'가 되면 다시는 알 수 있는 방법은 없습니다. 이경우는 필요하면 다시 생성을 하면 됩니다.
  • profile_image 현재 SDK 프로그램이나 콘솔에 있는 /root/.aws/credentials 파일의 내용을 통해서 액세스키는 아는데 어떤 사용자 인지 모를 경우 찾는 방법 입니다.## 액세스키를 이용해 AWS 유저 찾기aws_access_key_id 키는 아는데 유저를 모를 경우는 아래와 같은 방법으로 어떤 유저 인지 확인이 가능 하다약간의 귀찮음이 있기는 하지만 보통 사용자가 많지 않기 때문에 약간의 인내력으로 쉽게 찾을 수 있습니다. IAM > 사용자 > 사용자 이름선택 > "보안자격증명" 탭의 액세스 키https://us-east-1.console.aws.amazon.com/iamv2/home?region=us-…
  • profile_image AWS에서 제공하는 로드밸런스는 한가지가 아닙니다. 그리고 그에 따른 SDK도 다릅니다.아래는 가장 많이 사용한다고 볼 수 있는 어플리케이션 로드밸런스의 PHP SDK 사용에 대한 간단한 예 입니다.  require 'vendor/autoload.php';  use Aws\ElasticLoadBalancingV2\ElasticLoadBalancingV2Client;  $client = new ElasticLoadBalancingV2Client([      'version' => 'latest',      'region'  => '<region name>',      'profile' => '&…
  • profile_image 아마존 머신 이미지(AMI) 생성은 가장 쉬운 방법은 현재 EC2 돌아가고 있는것에서 생성 하는것입니다.모든 셋팅을 다 해 놓은 다음 이미지를 생성하면 다음 부터는 셋팅된 상태의 OS 환경을 볼 수 있습니다.중간에 잘못 될것을 감안하여 몇가지 버전을 만들어 두는 것도 좋겠습니다.그리고 이것은 오토스케일링 생성할때 자동으로 EC2를 추가 할때 필요한 부분이기도 합니다.AMI 생성하면 스토리지가 소모되는데 비용은 용량만큼 청구가 됩니다. 청구되는 용량의 비용은 일반적으로 EBS 용량 청구와 같다고 생각하시면 됩니다.보통 10가에 10달러이던가요? 정확히 기억이 나진 않은데 비용이 많이 청구 되지 않습니다. 보통 리눅스 8G…
  • profile_image EC2 생성을 미리 정해진 규칙에 따라 빠르게 생성하게 하기위해서 필요한것으로 오토스케일링 생성시 필요한 부분이기도 합니다. 아래는 설정할때 일반적인 부분중 간단하게 필요한 부분만 정리한 부분 입니다. 시작템플릿 몇가지 중요한 사항을 적어 두도록 합니다. 인스턴스 유형 가용영역에 따라 안되는곳이 있으니 잘 확인하고 지정해야 합니다. 키페어 이건 ssh 로그인할때 필요한것으로 잘 보관해 두두록 합니다. 새로 만들때는 서비스명칭 같은 것으로 구분이 명확하게 가는것으로 만들면 되고 여러 리전을 사용할때는 혼동이 될 수 있는 부분이 있을 수 있으니 이부분 필요하면 명칭에 넣도록 합니다. 네트워크 설정 고급네트워크 구성 일반적으…
  • profile_image EC2 인스턴스를 자동생성하는 오토스케일링 오토스케일링 그룹을 만들기 전에 아래 부분을 먼저 만들어 놓은 다음 진입을 하는것이 좋다. VPC, 방화벽(보안그룹) AMI 이미지, 시작템플릿 로드밸런스 시작 템플릿 또는 구성 선택 미리 만들어 놓은 시작 템플릿 선택 이름 고유한 이름으로 쉽게 식별 가능한것을 사용하면 좋다. test인경우는 후에 착각하지 않도록 반드시 붙여 주는것이 좋으며 일반적으로 서비스명을 넣어 주면 된다. 시작템플릿 미리 만들어 놓은 시작템플릿을 사용하여 인스턴스를 생성하기 위한것으로 SSH 접속을 위한 키페어 선택과 인스턴스 강제종료를 할 것인가등 선택해 놓은 것으로 생성하기 위한 것이다. 인스턴스 …
  • profile_image 아마존 EFS 마운트 하는 방법(AL2) 아마존 리눅스2에서 EFS(Elastic File System) 마운트 하는 방법에 대한 것입니다. 이것은 nfs v4를 지원하는 NFS 파일 시스템이라 생각해도 됩니다. EFS 인식 패키기지 설치 EC2 인스턴스에amazon-efs-utils 패키지를 설치한다. yum -y install amazon-efs-utils 이 패키지가 설치해야 파일시스템 타입 efs 옵션을 사용 할 수 있다. EFS 마운트 다음과 같은 방법으로 마운트 한다. 마운트에 대해서 모르시는 분은 우선 마운트에 대해 알면 좋은데 마운트란 다른 장치를 붙이는 것을 말한다. mount -t efs fs-65s…
  • profile_image ELB에 EC2 부하분산 설정하기 EC2 부하분산의 설정의 순서는 다음과 같습니다. 대상을 설정한다 (EC2 > 로드 밸런싱 > 대상그룹) 로드밸런스를 설정 한다. (EC2 > 로드 밸런싱 > 로드밸런서) 대상 그룹이 하는일 기본 구성에 대한 헬스체크(장애확인)를 하기 위한 것입니다. 1단계(설정: 세부 정보 지정) 기본구성: 인스턴스, 람다, IP 주소등이 있는데. 일반적인 EC2를 위한 것이면 '인스턴스' 선택 "대상그룹 이름"을 정해줄때는 알기 쉽도록 서비스-프로토콜과 관련된것을 사용합니다. VPC 선택은 대상이 되는 장비와 같은것을 선택 프로토콜 버전은 HTTP의 경우는 HTTP1을 선택,…
  • profile_image CDN 서비스인 클라우드 프론트와 부하분산 서비스인 ELB를 연동 했을때 EC2에선 X_FORWARDED_FOR 값이 어떻게 되는지에 대한 것입니다. 클라우드프론트 ELB EC2 사용자IP 얻기 AWS 구성이 아래와 같을때 사용자의 실제 IP를 얻기 위한 것입니다. IP부분 참고(괄호안) 유저(1.2.3.4) -> 클라우드프론트(12.13.14.15) -> EBL(12.10.12.92) PHP로는 아래 변수로 얻을 수 있음 $_SERVER['REMOTE_ADDR'] 는 ELB의 IP가 찍히게 된다. -> 12.10.12.92 유저IP 실제 사용자IP와 ELB 이전에 있는 클라우드프론트의 IP가 동시 저장…
  • profile_image 보통 마우스의 휠은 세로 스크롤을 작동시키는데 사용하는데요.이번에 테스트로 만든 페이지의 가로의 양이 상당해서 아래쪽에 가로스크롤을 마우스로 움직이는데 상당히 거슬려서 만들어 보게 된것입니다. ▶ JavaScript에서 wheel 이벤트 감지  - event.deltaY 값(세로 스크롤)을 감지하여 가로 스크롤(scrollLeft)을 이동  - event.preventDefault();로 기본 세로 스크롤 방지    <!DOCTYPE html>    <html>    <head>        <title>화면 출력</title>        <style> …
  • profile_image 자바와 자바스크립트는 직접적인 관계는 없습니다. 다만 문법이 C계열인 정도 인데 의미는 없습니다.의미가 없다는 의미는 자바스크립트 할줄 하는 개발자가 자바를 다르지 못하고 반대도 그렇다고 봐야 합니다.* 이런 생각도 가능!!  - 스크립트(SCRIPT) 비교적(프로그램에 비해) 간단한 형태를 말함  - JAVA + SCRIPT = 자바로 만들어진 스크립트?그런데 같은 줄 아는 사람이 있는 경우는 왜? 그런가사람이 모르는 것을 접할 때 기본적으로 생각하는 방향에 따라 생각 하는 것일 뿐입니다.즉, 사람들이 Java와 JavaScript를 같은 것으로 오해하는 이유는 주로 인지적 작용과 언어적 연상에서 기인 하는 것이다. …
  • profile_image 중복된 처리를 제외하고자 할때 일정 부분 쿠키로 가지고 있다가 비교해서 동일한 것은 처리 하지 않기 위한것입니다.이것을 쿠키를 이용하는 방법이 있고 요즘은 로컬스토리지를 이용하는 방법도 있겠습니다. 특정 게시물의 번호나. 방문자의 로그를 저장하여 처리 하는 경우는 중복 처리 방지를 위한 간단한 방식 입니다.게시물의 경우 중복제외 처리를 하지 않으면 들쑥 날쑥 하지만 최고 30% 넘게 차이나는 경우도 있었습니다.  <!DOCTYPE html>  <html>  <head>      <title>Click Event Test</title>  </head>  &l…
  • 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     = express();  const port    = …
  • 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) {      // 압축된 버퍼를 문자열로 변환한다.      const gzip_base64 = buffer.toStrin…
  • 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, initial-scale=1.0">…
  • profile_image 백엔드의 PDF-LIB에서 폰트를 지정하지 않으면 오류가 발생 합니다.영문은 문제 되지 않지만 한글의 경우 오류를 만나게 됩니다.그렇기 때문에 커스텀 폰드를 지정해야 하는데 스탠다드폰트가 아닌 별도 폰트를 사용할 때 필요한 부분입니다.Error: WinAnsi cannot encode "한" 이러한 오류를 만나게 된다면 한글을 사용할 수 없는 폰트이기 때문입니다.    // https://pdf-lib.js.org/#examples  import { PDFDocument, StandardFonts, rgb } from 'pdf-lib'  // Cannot import fontkit from @pdf-lib/fontkit…
  • profile_image 특정 문자로 구분자를 줘서 문자열로 만들어주는 함수인데요PHP의 implode에 해당하는 기능입니다.배열의 경우는 간단하게 join 메소드를 사용하면 되는데요. 객체는 안되기 때문에 만들어진것입니다.  let aa = {    'bb1' : 345,    'cc'  : 23,    'ee'  : 'abc'  }  let bb = ['name','2',33,5,'age'];    /**   * 문자열 구분자로 합치기   *   * @param string gubun   * @param object obj   *    * @return [type]   *    */  function implode( gubun, obj ) …
  • profile_image 파일명에서 파일의 확장자만 필요한 경우 사용합니다.자바스크립트 이긴 하지만 nodejs에서 사용해도 동일합니다.블라우저의 자바스크립트에서 사용하는 함수를 백엔드의 노드에서 사용해도 문제 없습니다.  /**   * 파일 확장자   *   * @param string file   *   * @return [type]   *   */  function file_ext( file ) {    let fileExt  = file.split(".").pop();    fileExt  = fileExt.toLowerCase();    return fileExt;  }  console.log('파일 확장자: ', file_ext('t…
  • profile_image 다른 프로그램 언어와 데이터를 주고 받을때 많이 사용하는 json 문자열과 객체형태로 서로 변환하는 방법에 대한것입니다.여개서 객체는 연관배열로 생각하시면 됩니다.연관배열은 배열의 키 부분이 문자열이 들어갈 수 있는것을 말합니다.  // json 문자열로 만들기  let oParm   = {    'test'    : 123,    'abc'     : '345'  };  console.log('-- 현재값 ----------------------------------------');  console.log(oParm);  console.log('');  console.log('-- 문자열 ----------------…
  • 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></head><scrip…
  • 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>자바스크립트 쿼리스트링 분리 </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-scale=1.0">  &…
  • profile_image 자바스크립트에서 비율로 처리 해야 할 때 필요한 함수 입니다.픽셀로 전환을 다시 하거나 픽셀을 비율로 처리 하거나 서로 전환이 가능한 기능을 가집니다.픽셀은 고정된것이기 때문에 화면이나 특정 박스안에 있을때 동적으로 처리가 되지 않습니다. 변화된 크기에 따라서 위치나 크기가 같이 변하게 하려면 비율로 처리를 해야 하는데 그때 필요한 부분입니다./** * px to percent change * * @param mixed mode        : px2per, per2px * @param mixed divWidth    : 대상박스 가로 * @param mixed divHeight   : 대상박스 세로  * @param …
  • 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].getBoundingClientRect(…
  • profile_image id값이 없을때 안쪽에 있는것 찾는 방법에 해당 하는것입니다.동적으로 생성되거나 할때는 id값을 일일이 주기 힘든 경우가 있습니다. 이럴때는 여러개 있어도 관계가 없는 class 를 이용하는것도 방법입니다. $(document).ready(function() {  // div 안쪽에 input box가 있는데 id 값이 없을 때  //  > 클래스를 하나 줘서 찾는 방법도 있다. id는 문서에서 유일해야 하지만 class는 여러개 와도 관계 없음.  $("#inboxDiv").find("input").each(function()  {    console.log(this);  // html 출력    console.…
  • 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)    {      /*        lastModified: 12345657890234      lastMod…
  • 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", function(e)  {    le…
  • 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 부터 시작 한다  Array.prototype.removeByIndex = function ( …
  • 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(function() {        $('#btn1').click(funct…
  • profile_image 스크롤 할때 움직이는 메뉴에 대한 것은 원리를 알면 본인의 상황에 맞게 수정이 가능합니다.보통 플로팅 메뉴 또는 플로팅배너 라고 합니다.스크롤 이벤트가 발생이 되면 그 위치 만큼 div박스의 top 위치를 변경시켜주는 방식 입니다.아래는 jQuery를 이용하였습니다.<script>// 화면 크기가 변경 되었 때$(window).resize(function( event ) {   $(this).trigger('scroll'); });// 페이지 읽힌 다음 위치 설정$(document).ready(function() {  // 기존 css에서 플로팅 배너 위치(top)값을 가져와 저장한다.  var floatPo…
  • profile_image 기업의 중요한 정보시스템과 데이터를 안전하게 보호하고 신속한 복구를 위한 백엔드 개발 환경의 체계적인 백업 전략을 수립하고 관리하기 위한 문서서식으로 시스템구분, 백업대상, 백업정책, 복구시간, 담당자, 보관기간으로 작성 되었습니다. 백업복구 주요항목 시스템구분: 조직의 핵심 인프라와 데이터베이스 시스템을 세부적으로 분류하고 체계적으로 관리합니다. 백업대상: 데이터베이스 파일 소스코드 설정파일 등 개발 환경의 중요한 자원을 포괄적으로 선정합니다. 백업정책: 증분백업 전체백업 차등백업 등 최적화된 백업 방식을 선택하여 적용합니다. 복구시간: 시스템 장애 발생시 신속하고 정확한 복구를 위한 목표 시간을 설정합니다. 담당…
  • profile_image 복합 환경에서 다양한 플랫폼의 메모리 동작을 체계적으로 추적하고 분석하여 시스템 성능과 안정성을 종합적으로 평가하는 전문적인 문서양식으로 플랫폼, 메모리유형, 할당정보, 누수율, 최적화여부로 구성되어 있습니다. 메모리관리 주요항목 플랫폼별 메모리 할당 특성: 각기 다른 운영체제와 하드웨어 환경에서 메모리 자원의 효율적인 분배 방식을 상세하게 분석하고 기록합니다. 메모리 유형 분류: 정적 동적 공유 메모리 등 다양한 메모리 유형에 대한 세부적인 특성과 사용 패턴을 체계적으로 관리합니다. 할당 정보 추적: 메모리 블록의 크기 위치 사용 시간 등 할당된 메모리의 모든 상세 정보를 정밀하게 기록합니다. 메모리 누수율 분석:…
  • profile_image 시스템 소프트웨어 개발 진행 상황과 상세 내역을 체계적으로 기록하고 추적할 수 있는 전문적인 프로젝트 관리 서식으로 프로젝트명, 개발기간, 개발팀, 책임자, 진행상태, 기능적요구사항, 비기능적요구사항, 구조유형, 시작일으로 이루어져 있습니다. 소프트웨어 개발 주요항목 프로젝트 기본정보: 개발 범위와 목적을 명확하게 정의하고 전체적인 프로젝트 방향성을 제시합니다. 개발 요구사항: 기능적 및 비기능적 요구사항을 상세하게 분석하고 체계적으로 정리할 수 있습니다. 시스템 아키텍처: 소프트웨어의 구조적 특성과 기술적 접근 방식을 종합적으로 설계합니다. 개발 진행현황: 프로젝트의 각 단계별 진행 상황을 실시간으로 모니터링하고 …
  • profile_image 플래시메모리의 세부적인 블록 관리와 마모도 상태를 체계적으로 추적하고 관리하기 위한 중요한 기술 양식으로 블록ID, 메모리유형, 크기(KB), 사용상태, 최종접근시간, 블록번호로 되어 있습니다. 메모리블록 주요항목 메모리유형: 다양한 플래시메모리 유형에 대한 상세한 기술적 특성을 종합적으로 분석하고 분류합니다. 크기관리: 킬로바이트 단위로 메모리 블록의 할당 및 사용 크기를 정밀하게 측정하고 기록합니다. 사용상태: 각 메모리 블록의 현재 활성화 상태와 점유 여부를 실시간으로 모니터링합니다. 작성시 고려사항 데이터정확성: 메모리 블록의 모든 관리 정보를 정확하고 상세하게 기록하여 신뢰성을 확보해야 합니다. 마모도추적…
  • profile_image 함수형 프로그래밍의 기본 원리와 반응형 프로그래밍의 핵심 개념을 종합적으로 학습하고 실무에 적용할 수 있는 체계적인 학습 경로를 제시하는 전문적인 로드맵 문서양식으로 학습단계, 핵심기술, 세부학습영역, 난이도, 완료여부로 이루어져 있습니다. 함수형 반응형 프로그래밍 주요항목 함수형 패러다임: 불변성과 순수 함수를 중심으로 한 프로그래밍 접근 방식의 핵심 원리를 체계적으로 이해하고 적용합니다. 반응형 아키텍처: 데이터 흐름과 변화에 즉각적으로 반응하는 프로그래밍 모델의 설계 및 구현 방법을 심층적으로 탐구합니다. 상태 관리 기법: 복잡한 애플리케이션에서 상태를 효율적으로 관리하고 추적할 수 있는 고급 기술을 학습합니다…
  • profile_image 모바일 및 컴퓨터 시스템에서 실행되는 백그라운드 프로세스의 상세 정보를 체계적으로 추적하고 관리하기 위한 중요한 기록물로 시스템 성능과 자원 활용을 최적화할 수 있는 문서서식으로 프로세스ID, 프로세스명, 실행상태, 메모리, 생성일시, 비정상으로 작성 되었습니다. 프로세스 관리 주요항목 프로세스명: 실행 중인 백그라운드 프로세스의 정확한 이름과 기능을 명확하게 식별하여 시스템 운영의 투명성을 확보합니다. 실행상태: 현재 프로세스의 동작 조건과 작동 여부를 즉각적으로 확인할 수 있는 중요한 정보를 포함하고 있습니다. 메모리 사용량: 각 프로세스가 점유하고 있는 시스템 메모리 자원의 할당 및 사용 현황을 상세하게 기록합…
  • profile_image 다양한 디바이스와 플랫폼에서 일관된 사용자 경험을 제공하기 위한 화면 크기 대응 전략에 대한 체계적인 분석 방법을 담고 있는 문서양식으로 플랫폼, 해상도범위, 디바이스유형, 대응비율, 우선순위, 반응형, 미디어쿼리로 이루어져 있습니다. 화면크기적응 주요항목 플랫폼별 해상도 범위: 모바일 태블릿 데스크톱 등 다양한 디바이스의 해상도 특성을 종합적으로 분석하고 대응 전략을 수립합니다. 대응비율 분석: 각 디바이스별 화면 크기와 해상도에 따른 유연한 레이아웃 조정 방안을 체계적으로 설계합니다. 반응형 디자인 전략: 미디어쿼리와 동적 컴포넌트를 활용하여 다양한 화면 크기에 최적화된 인터페이스를 구현합니다. 해상도 대응 방식…
  • profile_image 웹 애플리케이션의 성능과 효율성을 향상시키기 위한 자산 번들링 최적화 현황을 체계적으로 기록하고 분석하는 종합적인 성능 관리 문서서식으로 번들명, 로딩성능, 최적화상태, 초기로딩, 렌더링, 코드분할전략으로 구성되어 있습니다. 자산번들링 주요항목 번들링 크기: 웹 애플리케이션의 자산 번들 크기를 최적화하여 로딩 속도와 성능을 개선하는 전략을 수립합니다. 로딩성능: 코드 분할과 지연 로딩 기법을 활용하여 초기 페이지 로딩 시간을 획기적으로 단축하는 방안을 제시합니다. 캐싱전략: 브라우저 캐싱 메커니즘을 최적화하여 반복적인 리소스 요청을 최소화하고 네트워크 성능을 향상시킵니다. 트리쉐이킹: 불필요한 코드를 제거하고 최종 …
  • profile_image 복잡한 정보기술 환경에서 소프트웨어 개발 과정의 성능과 특성을 체계적으로 분석하고 기록하는 전문적인 양식으로 프로젝트명, 개발기간, 개발목적, 세부항목, 성능특성, 측정항목, 최소값으로 작성 되었습니다. 시스템 프로파일링 주요항목 시스템 아키텍처: 소프트웨어 개발 과정에서 요구되는 기술적 구조와 세부 사양을 종합적으로 분석하고 기록합니다. 성능 측정: 다양한 시스템 성능 지표를 정밀하게 측정하고 최소값과 최대값을 체계적으로 평가합니다. 개발 환경: 소프트웨어 개발에 필요한 통합 개발 환경과 도구의 세부 특성을 상세하게 정의합니다. 기술 사양: 시스템의 기술적 요구사항과 세부적인 성능 특성을 명확하게 문서화합니다. 성…
  • profile_image 고급 프로그래밍 기법을 활용한 비동기 처리 방식과 성능 최적화 전략을 체계적으로 문서화하여 개발 효율성을 극대화하는 기술 문서서식으로 프로젝트명, 개발언어, 비동기처리방식, 작성일자, 작성자, 비동기흐름설계, 예외처리전략, 성능최적화방안, Monad, 응답시간으로 구성 되어 있습니다. 비동기처리 주요항목 함수형 패러다임: 복잡한 비동기 흐름을 단순하고 명확하게 관리할 수 있는 프로그래밍 접근법을 설계합니다. 모나드 패턴: 비동기 연산의 상태와 흐름을 안전하고 예측 가능한 방식으로 처리할 수 있는 기법을 적용합니다. 클로저 활용: 데이터 캡슐화와 상태 관리를 효율적으로 수행하는 함수형 프로그래밍 기술을 구현합니다. 커…
  • profile_image 소프트웨어 개발 과정에서 반복적인 작업을 효율적으로 처리하기 위한 함수형 프로그래밍 기법들의 상세 특성과 성능을 종합적으로 분석하고 정리하는 전문 문서서식으로 기법명, 알고리즘설명, 특성분석, 활용도, 시간복잡도, 공간복잡도, 주요 관찰사항, 성능 평가로 작성 되었습니다. 반복기법 주요항목 알고리즘: 함수형 프로그래밍에서 반복 작업을 수행하는 다양한 기법들의 구조적 특성을 체계적으로 분석하고 이해합니다. 분류체계: 각 반복 기법의 고유한 특성과 동작 원리를 명확하게 구분하여 개발자들이 쉽게 이해할 수 있도록 정리합니다. 성능분석: 다양한 반복 기법들의 시간 복잡도와 공간 복잡도를 객관적인 기준으로 측정하고 평가합니다…
  • profile_image 모바일 애플리케이션에서 사용되는 다양한 인증 방식과 절차를 체계적으로 기록 관리하며 보안 수준을 종합적으로 추적하는 문서양식으로 인증유형, 보안등급, 접근권한, 인증방식, 적용범위, 사용자등록절차로 되어 있습니다. 모바일 앱 인증방식 주요항목 인증유형: 모바일 환경에서 사용자 신원을 확인하고 접근 권한을 부여하는 다양한 인증 메커니즘을 체계적으로 정의합니다. 보안등급: 모바일 앱의 보안 수준을 단계별로 분류하고 각 등급에 따른 접근 제어 방식을 명확히 설정합니다. 접근권한: 사용자의 역할과 권한에 따라 모바일 앱 내 기능과 데이터에 대한 접근 범위를 세밀하게 관리합니다. 인증방식: 생체인증 암호인증 토큰인증 등 다양…
  • profile_image 네트워크 인프라의 복잡한 서비스 메시 환경을 체계적으로 관리하고 추적하기 위한 중요한 문서로 서비스 메시의 구성과 설정을 상세하게 기록하는 서식으로 프로젝트명, 서비스메시유형, 구축일자, 담당자, 관리번호, 메시플랫폼, 네트워크모델, 보안설정, 인증방식, 특이사항 및 추가메모로 작성 되었습니다. 서비스메시 주요항목 메시플랫폼: 각 서비스메시 환경의 기술적 특성과 구현 방식을 종합적으로 분석하고 문서화할 수 있습니다. 네트워크모델: 마이크로서비스 아키텍처에서 효율적인 통신 패턴과 연결 전략을 체계적으로 정의합니다. 보안설정: 서비스 간 통신에서 발생할 수 있는 보안 위험을 사전에 식별하고 대응하는 통합적인 보안 전략을…
  • profile_image 소프트웨어 시스템의 성능과 효율성을 높이기 위한 캐싱 전략에 대한 세부적인 기술적 설계와 접근 방식을 종합적으로 문서화하여 아키텍처 설계 과정을 상세히 기록하는 양식으로 프로젝트명, 캐싱시스템유형, 캐싱전략세부항목, 성능예상, 캐시유형, 캐시수준, 캐시아키텍처구조설계, 캐시알고리즘선정, 성능최적화전략으로 작성 되었습니다. 캐싱전략 주요항목 캐시시스템: 애플리케이션의 성능을 극대화하고 데이터 접근 속도를 획기적으로 개선할 수 있는 전략적 설계 방안을 수립합니다. 성능최적화: 시스템 자원의 효율적인 활용과 응답시간 단축을 위한 최적화된 캐싱 메커니즘을 구현합니다. 캐시알고리즘: 데이터 저장 및 교체 정책을 면밀히 분석하…
  • profile_image 기업 내 소프트웨어의 전반적인 성능을 체계적으로 분석하고 최적화 방안을 제시하여 시스템의 효율성과 안정성을 개선하기 위한 전문적인 기술 보고서 문서양식으로 분석대상시스템, 성능측정일자, 측정담당자, 성능지표, 현재수치, 목표수치, 개선우선순위, 개선항목, 세부조치로 구성되어 있습니다. 시스템 성능 최적화 주요항목 성능분석: 시스템의 현재 성능 수준을 정밀하게 측정하고 심층적인 평가를 실시합니다. 병목지점: 시스템 내 성능을 저해하는 주요 구간을 정확하게 식별하고 분석합니다. 개선전략: 성능 향상을 위한 구체적이고 실행 가능한 최적화 방안을 수립합니다. 자원활용: 시스템 자원의 효율적인 사용과 최적 배분 방안을 제시합…
  • profile_image 프로젝트의 효율적인 프론트엔드 배포 과정을 체계적으로 기록하고 추적하여 기술적 세부사항과 전략을 명확하게 문서화하는 전략적 기록 양식으로 배포환경, 인프라구조, 배포전략, 성능지표, 보안등급, 배포방식, 롤백옵션, 배포일정으로 이루어져 있습니다. 배포전략 주요항목 인프라구조: 클라우드 환경에서 안정적이고 확장 가능한 프론트엔드 배포 아키텍처를 설계하고 구현할 수 있습니다. 배포환경: 개발 스테이징 운영 환경별로 명확한 구성과 분리 전략을 수립하고 관리할 수 있습니다. 성능지표: 웹 애플리케이션의 로딩 속도 렌더링 성능 사용자 경험을 체계적으로 측정하고 최적화할 수 있습니다. 보안등급: 프론트엔드 시스템의 보안 취약점…
  • profile_image 컴퓨터 시스템의 다중 모니터 환경에서 디스플레이 성능과 호환성을 체계적으로 평가하고 분석하기 위한 전문적인 테스트 기록 양식으로 테스트일자, 테스터, 테스트환경, 모니터구성, 테스트결과, 테스트항목으로 구성 되어 있습니다. 다중 모니터 주요항목 모니터 해상도: 각 모니터의 해상도와 화면 크기에 따른 디스플레이 성능을 종합적으로 확인합니다. 화면 확장: 모니터 간 화면 확장 및 미러링 기능의 정상 작동 여부를 세부적으로 검증합니다. 그래픽 성능: 다중 모니터 환경에서 그래픽 카드의 렌더링 및 성능 최적화 상태를 분석합니다. 해상도 일치: 서로 다른 모니터 간 해상도 차이에 따른 화면 표시 특성을 평가합니다. 프레임 동…
  • profile_image 소프트웨어 개발 과정에서 코드의 테스트 범위와 품질을 체계적으로 측정하고 분석하여 개발 프로세스의 신뢰성을 확보하기 위한 평가 서식으로 프로젝트, 분석범위, 커버리지 결과, 분석일자, 담당자, 주요분석내용으로 되어 있습니다. 코드커버리지 분석 주요항목 분석범위: 프로젝트 전체 코드에 대한 테스트 범위와 깊이를 상세하게 검토하고 평가하는 방법을 제공합니다. 결과해석: 코드 커버리지 측정 결과를 체계적으로 분석하여 소프트웨어의 품질과 테스트 수준을 종합적으로 진단합니다. 미흡영역: 테스트되지 않은 코드 부분을 명확하게 식별하고 잠재적 위험을 체계적으로 관리합니다. 개선방안: 발견된 미흡한 부분에 대한 구체적인 테스트 전…
  • profile_image 시스템의 핵심 소프트웨어 구성요소인 임베디드 커널의 체계적인 코드 관리를 위해 필요한 중요한 문서로 개발 이력과 변경사항을 추적하고 관리하는 문서서식으로 모듈명, 코드버전, 개발일자, 개발자, 수정이력으로 작성 되었습니다. 커널 코드 주요항목 모듈명: 소프트웨어 시스템에서 중요한 기능을 담당하는 개별 모듈의 고유한 식별 정보를 명확하게 기재합니다. 코드버전: 현재 사용 중인 임베디드 커널 코드의 정확한 버전 정보를 체계적으로 관리하고 기록합니다. 개발자: 코드를 작성하고 수정한 개발자의 고유 식별 정보와 연락처를 정확하게 기재합니다. 수정이력: 커널 코드에 대한 모든 변경 사항과 수정 내용을 시간순으로 체계적으로 기…
  • profile_image 소프트웨어 개발 과정에서 발생할 수 있는 다양한 테스트 패턴을 체계적으로 문서화하고 분석하여 품질 관리와 오류 식별을 위한 종합적인 접근 방식을 제공하는 서식으로 패턴명, 테스트유형, 적용난이도, 추천활용상황, 테스트단계, 발견이슈, 개선방안, 담당자로 작성 되었습니다. 테스트패턴 주요항목 테스트유형: 소프트웨어의 다양한 특성과 요구사항에 따라 적절한 테스트 유형을 체계적으로 선택하고 적용하는 방법을 제시합니다. 테스트단계: 소프트웨어 개발 생명주기의 각 단계별로 필요한 테스트 방법론과 접근 전략을 상세하게 정의하고 적용합니다. 테스트케이스: 소프트웨어의 기능적 요구사항과 비기능적 요구사항을 종합적으로 검증할 수 있…
  • profile_image 애플리케이션의 기술적 문제점을 체계적으로 기록하고 추적하며 개발팀에 중요한 기술적 장애 해결을 위한 상세 양식으로 앱이름, 개발환경, 보고일자, 보고자, 발생시점, 충돌유형, 심각도, 우선순위로 되어 있습니다. 애플리케이션 충돌 주요항목 충돌유형: 애플리케이션에서 발생하는 심각한 기술적 오류와 시스템 장애를 종합적으로 분석하고 기록합니다. 발생시점: 장애가 언제 어떤 상황에서 발생했는지 정확한 시간과 조건을 상세히 기록하고 추적합니다. 오류메시지: 시스템에서 생성된 구체적인 오류 메시지를 분석하여 근본 원인을 파악하고 해결방안을 제시합니다. 재현가능성: 발생한 충돌이 반복적으로 재현될 수 있는지 여부를 체계적으로 검…
  • profile_image 다양한 장치의 기술적 특성과 기능을 체계적으로 기록하고 분석하기 위한 목적으로 활용되는 세부적인 장치 정보와 기능을 종합적으로 파악할 수 있는 문서양식으로 장치구분, 제조사, 모델정보, 일련번호, 모델명, 모델코드, 하드웨어기능, 소프트웨어기능으로 구성되어 있습니다. 장치기능 주요항목 장치구분: 해당 기기의 고유한 기능과 용도에 따른 명확한 분류 체계를 확인합니다. 제조사 정보: 장치의 기술적 특성과 신뢰성을 판단할 수 있는 제조사에 대한 상세한 정보를 기재합니다. 모델 정보: 장치의 세부 모델 특성과 기술적 사양을 종합적으로 파악할 수 있는 정보를 제공합니다. 일련번호: 각 장치의 고유하고 유일한 식별 정보를 정확…
  • profile_image 모바일 애플리케이션 개발 과정의 상세한 진행 상황과 이슈 관리를 체계적으로 기록하고 추적하기 위한 프로젝트 관리 문서서식으로 프로젝트명, 개발기간, 개발팀, 프로젝트유형, 진행상태, 주요이슈, 발생일시, 해결방안으로 구성되어 있습니다. 앱 개발 주요항목 프로젝트 기본정보: 개발 목적과 범위를 명확하게 정의하고 전체적인 프로젝트 방향성을 설정합니다. 개발 단계별 진행현황: 각 개발 단계의 세부 진행상황을 체계적으로 관리하고 모니터링할 수 있습니다. 이슈 관리: 프로젝트 진행 중 발생하는 기술적 및 운영상 문제점을 신속하게 파악하고 대응합니다. 개발팀 협업: 팀원 간 원활한 의사소통과 정보 공유를 위한 체계적인 기록 방…
  • profile_image 웹 애플리케이션에서 사용자 상태와 인증을 체계적으로 관리하고 추적하기 위한 세션 관리의 전반적인 절차와 보안 전략을 기록하는 서식으로 세션타입, 보안등급, 만료시간, 관리방식, 인증방식으로 되어 있습니다. 세션관리 주요항목 세션타입: 클라이언트 기반 및 서버 기반 세션의 특성과 장단점을 분석하고 적절한 방식을 선택합니다. 보안등급: 웹 애플리케이션의 보안 요구사항에 따라 세션 보안 수준을 세밀하게 설정하고 관리합니다. 만료시간: 사용자 활동 패턴과 보안 정책을 고려하여 세션 유효 시간을 최적화하고 제어합니다. 관리방식: 세션 생성부터 폐기까지의 전체 라이프사이클을 체계적으로 관리하고 모니터링합니다. 인증프로세스: 안…
  • profile_image 웹서비스의 성능과 안정성을 체계적으로 추적하고 분석하여 시스템의 효율적인 운영을 지원하는 종합적인 모니터링 결과를 기록하는 문서서식으로 서비스명, 모니터링일시, 모니터링대상, 담당자, 응답시간, CPU사용률, 메모리사용률, 네트워크트래픽, 이상징후여부로 이루어져 있습니다. 웹서비스모니터링 주요항목 성능지표: 응답시간과 시스템 자원 사용률을 종합적으로 분석하여 웹서비스의 전반적인 성능을 평가합니다. 오류분석: 발생한 오류의 유형과 빈도를 체계적으로 기록하고 심층 분석하여 잠재적인 시스템 취약점을 식별합니다. 리소스모니터링: 중앙처리장치와 메모리 사용률을 지속적으로 관찰하여 시스템 자원의 효율적인 활용을 보장합니다. 네…
  • profile_image 웹사이트의 성능을 정밀하게 분석하고 로딩 시간을 종합적으로 평가하여 사용자 경험을 개선하기 위한 상세한 기술적 검토 문서서식으로 측정대상URL, 측정일시, 테스트환경, 네트워크속도, 첫로딩시간, 개선필요사항으로 구성 되어 있습니다. 로딩속도 주요항목 로딩시간: 웹사이트의 초기 접속부터 완전한 렌더링까지 소요되는 전체 시간을 정확하게 측정하고 분석합니다. 성능지표: 첫로딩시간과 완전로딩시간을 기준으로 웹페이지의 전반적인 성능 수준을 체계적으로 평가합니다. 네트워크 영향: 사용자의 네트워크 속도가 웹사이트 로딩에 미치는 구체적인 영향을 심층적으로 조사합니다. 스크립트 최적화: 자바스크립트 로딩 시간을 세부적으로 분석하여…
  • profile_image 웹 서비스 운영 중 발생하는 다양한 오류를 체계적으로 기록하고 추적 관리하여 시스템의 안정성과 신뢰성을 확보하기 위한 문서양식으로 오류구분, 오류상세내용, 심각도, 조치상태, 발생위치, 위험요소, 개선방안, 추적관리사항으로 되어 있습니다. 오류관리 주요항목 오류구분: 시스템에서 발생하는 오류의 유형을 명확하고 세밀하게 분류하여 체계적으로 관리합니다. 심각도 평가: 각 오류의 위험 수준과 시스템에 미치는 잠재적 영향을 객관적이고 정량적으로 평가합니다. 발생위치 분석: 오류가 발생한 정확한 시스템 영역과 모듈을 식별하여 근본 원인을 파악합니다. 재발방지 계획: 유사한 오류의 재발을 방지하기 위한 체계적인 예방 전략을 수…
  • profile_image 웹 애플리케이션의 성능과 기능을 체계적으로 검증하고 결과를 상세히 기록 추적하며 향후 개선 방향을 제시하는 문서서식으로 프로젝트명, 테스트유형, 테스트환경, 테스트일자, 담당자, 테스트시나리오, 테스트결과현황으로 구성되어 있습니다. 웹 애플리케이션 테스트 주요항목 테스트 시나리오: 웹 애플리케이션의 다양한 기능과 사용자 시나리오를 포괄적으로 검증하고 체계적인 평가를 수행합니다. 성능 측정: 웹 애플리케이션의 로딩 속도와 응답 시간을 정밀하게 측정하여 전반적인 성능을 분석합니다. 브라우저 호환성: 다양한 웹 브라우저와 디바이스에서의 일관된 동작을 철저히 검증하고 호환성을 확인합니다. 보안 취약점: 웹 애플리케이션의 잠…
  • profile_image 웹사이트의 성능을 체계적으로 분석하고 개선하기 위한 상세한 기록과 평가를 담은 전문적인 기술 문서로 웹 개발 과정에서 성능 최적화의 체계적인 접근 방식을 제시하는 문서양식으로 프로젝트명, 최적화영역, 성능지표, 담당자, 개선전, 개선후, 최적화방법, 세부개선사항, 측정지표, 개선영역으로 되어 있습니다. 성능최적화 주요항목 성능측정: 웹사이트의 로딩 속도와 응답 시간을 정밀하게 분석하고 객관적인 지표를 도출하는 과정을 진행합니다. 최적화영역: 이미지 압축, 자바스크립트 최소화, 캐싱 전략 등 다양한 기술적 개선 방안을 체계적으로 적용합니다. 성능분석: 전문적인 성능 측정 도구를 활용하여 웹사이트의 세부적인 성능 지표를…
  • profile_image 웹 애플리케이션 개발 과정의 세부 진행 상황과 기술적 특성을 종합적으로 기록하고 추적하는 전문적인 프로젝트 관리 서식으로 프로젝트명, 프로젝트기간, 개발팀, 담당자, 상세업무, 이슈내용으로 작성 되었습니다. 개발 진행 주요항목 프로젝트 현황: 개발 단계별 상세 업무와 진행 상태를 체계적으로 관리하고 추적하는 중요한 문서입니다. 기술 스택 관리: 프로젝트에 사용되는 기술과 도구의 버전 및 세부 정보를 명확하게 문서화하는 항목입니다. 이슈 트래킹: 프로젝트 진행 중 발생하는 기술적 또는 운영상 이슈를 체계적으로 기록하고 대응하는 방식입니다. 팀 협업 관리: 개발팀의 담당자와 역할을 명확히 정의하고 프로젝트 진행 상황을 …
  • profile_image 학생의 학업 관련 증명서 발급 내역을 체계적으로 기록하고 추적하여 학사 행정의 효율성을 높이고 정확한 정보 관리를 위한 서식으로 발급번호, 학생정보, 증명서정보, 발급일자, 처리상태, 증명서종류, 발급절차안내, 증명서보관정책으로 되어 있습니다. 졸업증명서 주요항목 발급번호: 각 증명서마다 고유하게 부여되는 식별 코드를 통해 체계적으로 관리합니다. 학생정보: 개인 신상과 학적 사항을 명확하게 기록하여 정확성을 확보합니다. 증명서정보: 발급된 문서의 세부 내용과 특성을 상세하게 기록하고 관리합니다. 처리상태: 증명서 발급 과정의 현재 진행 상황을 실시간으로 추적하고 확인합니다. 작성시 고려사항 개인정보 보호: 학생의 …
  • profile_image 금융기관이나 대출 제공자가 개인 또는 기업에게 제공한 대출의 포괄적인 기록을 담은 문서로 대출 진행 상황과 상환 내역을 상세하게 추적하고 관리하는 목적으로 활용되는 서식으로 대출번호, 대출자명, 대출일자, 만기일자, 대출금액(원), 상환일자, 상환금액(원)로 되어 있습니다. 대출 주요항목 대출번호: 각 대출 건을 고유하게 식별할 수 있는 고유 식별 코드를 명확하게 기재하고 추적성을 확보합니다. 대출자 정보: 대출을 받은 개인이나 법인의 상세 정보를 정확하게 기록하여 신원을 명확히 합니다. 대출 조건: 대출금액 이자율 상환 기간 등 대출 계약의 핵심 조건을 상세하게 문서화합니다. 담보 내역: 대출과 관련된 담보물건의 …
  • profile_image 개인의 지속적인 학습과 전문성 개발을 체계적으로 기록하고 관리하는 문서로 교육 이력과 향후 계획을 종합적으로 파악할 수 있는 개인 역량 발전 추적 문서양식으로 교육정보, 이수시간, 교육명, 교육기관, 최근 교육 이력으로 되어 있습니다. 교육추적 주요항목 개인 학습 이력: 명확하고 상세한 교육 이수 내역을 시간순으로 체계적으로 기록하고 관리합니다. 교육 정보 관리: 교육명 교육기관 이수시간 등 세부적인 교육 정보를 정확하게 기입합니다. 역량 발전 추적: 개인의 지속적인 학습과 전문성 향상을 위한 맞춤형 교육 경로를 설계합니다. 교육 이력 분석: 과거 이수한 교육을 바탕으로 향후 필요한 교육 방향성을 제시합니다. 개인 …
  • profile_image 개인의 독서계획을 체계적으로 관리하고 기록하는 문서로 독서에 대한 목표와 세부 계획을 포함하여 독서 활동을 구조화하고 추적할 수 있는 개인 독서 관리 도구로 활용되는 문서양식으로 목표독서량, 독서기간, 선호장르, 작성일, 도서명, 독서예정일, 지식목표, 개인성장목표로 이루어져 있습니다. 독서활동 주요항목 독서계획 세부 정보: 목표 독서량과 기간을 명확하게 설정하고 구체적인 독서 일정을 수립합니다. 도서 선정 기준: 개인의 관심사와 성장 목표에 부합하는 도서를 체계적으로 선택하고 관리합니다. 독서 목표 설정: 지식 습득과 개인 성장을 위한 구체적이고 측정 가능한 목표를 설정합니다. 독서 흥미도 관리: 선호 장르와 관심…
  • profile_image 창의적인 디자인 실습을 위한 공간과 장비의 포괄적인 관리를 목적으로 하는 문서로 실습 환경의 세부 현황과 장비 상태를 체계적으로 기록하고 추적하는데 활용되는 관리 양식입니다. 이 템플릿은 공간명, 장비현황, 관리자, 장비명, 점검일자, 점검내용, 특이사항으로 되어 있습니다. 실습환경 주요항목 공간 구성: 실습 장소의 물리적 환경과 세부 배치도를 상세하게 확인하고 기록할 수 있습니다. 장비 현황: 보유하고 있는 각종 장비와 기자재의 명칭 수량 상태를 정확하게 파악할 수 있습니다. 관리자 정보: 해당 실습 공간과 장비를 담당하는 관리자의 연락처와 책임 범위를 명시할 수 있습니다. 점검 이력: 장비와 공간에 대한 정기적인 …
  • profile_image 조직 내 개인의 전문성과 역량 향상을 위해 실시한 교육 내용을 체계적으로 기록하고 관리하는 개인별 학습 발전 이력서로 직원의 성장과 학습 경로를 추적하고 평가할 수 있는 양식으로 부서/직급, 교육과정명, 교육기간, 교육기관, 교육방식, 학습목표, 주요 교육내용, 향후 적용 계획으로 되어 있습니다. 교육 주요항목 교육과정 선정: 개인의 직무역량과 조직의 전략적 목표에 부합하는 교육 프로그램을 면밀히 선정합니다. 학습 성과 분석: 교육 이수 후 실질적인 역량 향상과 업무 적용도를 객관적으로 평가하고 측정합니다. 개인별 맞춤 교육: 직원의 현재 역량 수준과 잠재력을 고려한 맞춤형 학습 경로를 설계하고 지원합니다. 지속적 …
  • profile_image 교육기관에서 학생들의 회원 등록과 관리를 위해 사용되는 문서로 학생들의 기본 정보와 연락처 세부사항을 체계적으로 기록하고 추적하는 목적을 가진 문서서식으로 학교명, 연락처, 이메일, 가입일으로 작성 되었습니다. 회원가입 주요항목 학생 개인정보: 성명 학교명 학년 등 기본적인 학생 신상정보를 정확하게 기재합니다. 연락처 정보: 학생의 전화번호 이메일 주소를 명확하고 상세하게 기록합니다. 회원상태: 활성 비활성 대기 등 현재 학생 회원의 상태를 명시적으로 표시합니다. 추가정보: 특이사항이나 비고란에 학생과 관련된 중요한 참고사항을 기재합니다. 작성시 고려사항 개인정보 보호: 학생의 개인정보를 안전하고 철저하게 관리하며…
  • profile_image 학교나 교육기관에서 사용하는 다양한 사회과학 교육도구의 상세 현황과 관리 상태를 기록하는 전문 행정 문서 양식입니다. 이 양식은 교육도구명, 보관정보, 관리상태, 보관장소, 보관일자, 특이사항, 점검내역으로 구성되어 있습니다. 교육도구 주요항목 교육도구의 종류와 특성을 상세히 파악하고 각 도구별 고유한 목적과 활용 범위를 명확히 기록합니다. 보관 상태와 수량을 정기적으로 점검하여 교육 자료의 효율적인 관리 체계를 수립합니다. 교육도구의 구매 이력과 사용 내역을 체계적으로 추적하고 기록하는 관리 방식을 확립합니다. 교육도구별 상세한 보관 위치와 관리 담당자를 명확히 지정하여 책임 소재를 분명히 합니다. 작성시 고려사항…
  • profile_image 조직의 안전 역량 강화와 위험 대비를 위한 훈련 내용과 결과를 체계적으로 기록 추적하며 향후 개선 방향을 제시하는 문서서식으로 훈련일시, 훈련장소, 훈련대상, 훈련목적, 훈련프로그램, 담당강사, 참여인원, 종합평가, 개선사항으로 구성되어 있습니다. 안전훈련 주요항목 훈련목적: 조직 구성원의 안전 의식과 대응 능력을 체계적으로 향상시키기 위한 핵심 프로그램을 실행합니다. 참여대상: 조직 내 모든 구성원의 안전 역량 개발과 위험 대응 능력을 종합적으로 평가하고 관리합니다. 훈련내용: 실제 상황과 유사한 시뮬레이션을 통해 안전사고 대응 절차와 방법을 실무적으로 훈련합니다. 결과분석: 훈련 성과를 객관적이고 체계적으로 평가…
  • profile_image 연극실습을 위한 시설의 운영 상태와 사용 현황을 기록하는 문서로 공연장의 매일 관리와 점검 내용을 상세히 기록하여 시설의 안전과 효율적인 운영을 지원하는 문서서식으로 담당자, 근무시간, 근무조, 특이사항, 무대시설 점검, 조명장비 상태, 음향시설 점검, 사용팀으로 되어 있습니다. 시설운영일지 주요항목 연극실습 시설의 일일 운영 상황을 체계적으로 기록하고 관리하여 공연장의 효율성을 높이는 문서입니다. 무대시설의 상태와 점검 결과를 상세하게 기록하여 시설물의 안전성을 확보합니다. 조명과 음향장비의 작동 상태를 정확히 확인하고 기록하여 공연 준비에 만전을 기합니다. 근무자의 근무시간과 담당 업무를 명확히 기재하여 책임 소…
  • profile_image 개인이나 기관의 교육 투자 내역을 세부적으로 기록하고 추적하는 문서로 월별 교육비와 연간 교육비를 체계적으로 관리하며 교육 예산 집행 상황을 파악할 수 있는 문서서식으로 교육기관, 교육비용, 납부일, 수업료, 교재비, 총 교육비, 연간 누적 비용으로 구성되어 있습니다. 교육비용 주요항목 교육기관 정보: 교육 프로그램을 제공하는 기관의 명칭과 연락처를 상세히 기록합니다. 수업료 내역: 교육과정의 기본 수업료와 관련된 상세 금액을 명확하게 작성합니다. 교재비 세부사항: 학습에 필요한 교재 및 학습 자료의 구입 비용을 정확히 기재합니다. 납부일자 관리: 교육비용의 납부 예정일과 실제 납부일을 빠짐없이 기록합니다. 연간 누…
  • profile_image 금융기관이나 대출 서비스 제공 기관에서 고객의 대출 활동을 기록하고 추적하는 문서로 개별 이용자의 대출 정보를 체계적으로 관리하며 대출 상환 현황과 거래 내역을 상세히 기록하는 양식으로 대출일자, 대출번호, 이용자명, 대출상품명, 대출금액(원), 상환예정일, 상환잔액(원)로 이루어져 있습니다. 대출활동 주요항목 대출번호: 각 대출 건에 대한 고유하고 식별 가능한 번호를 부여하여 정확한 추적이 가능하도록 합니다. 이용자명: 대출을 신청하고 진행하는 고객의 완전한 신상정보를 정확하게 기록하고 관리합니다. 대출상품명: 해당 대출의 구체적인 금융상품 종류와 특성을 명확하게 기재하여 상품을 식별할 수 있도록 합니다. 대출금액…
  • profile_image 학교에서 교육 활동에 필요한 학습물품의 구매부터 사용까지 전체적인 흐름을 상세히 기록하고 추적하는 문서로 학급별 물품 관리와 예산 집행의 투명성을 확보하는 문서서식으로 담당교사, 작성일자, 물품명, 구매일자, 사용일자로 되어 있습니다. 학습물품 주요항목 물품 구매 내역: 학습에 필요한 물품의 단가 수량 총액 등 구체적인 구매 정보를 정확하게 기록합니다. 물품 사용 목적: 각 학습물품이 어떤 교육 활동에 활용되었는지 명확하게 기재합니다. 담당교사 정보: 물품을 관리하고 사용하는 교사의 개인정보와 담당 학년을 상세히 작성합니다. 사용 일자 기록: 물품의 구매 및 사용 날짜를 체계적으로 관리하고 추적할 수 있게 합니다. …
  • profile_image 학술행사에 참여하는 외부방문자의 입출입 상황을 기록하는 문서로 방문자의 개인정보와 행사 참여 시간을 체계적으로 관리하고 추적할 수 있는 중요한 문서양식으로 연락처, 입실시간, 퇴실시간으로 작성 되었습니다. 입출입 관리장부 주요항목 일자 기록: 학술행사에 참여하는 외부방문자의 정확한 방문 날짜를 기록하고 문서의 시간적 맥락을 제공합니다. 성명 작성: 외부방문자의 실명을 명확하게 기재하여 신원 확인과 추적성을 보장하는 핵심 정보를 포함합니다. 소속 정보: 방문자의 소속 기관이나 단체를 상세히 기록하여 학술행사의 참여 배경을 이해할 수 있도록 합니다. 연락처 기입: 비상시 연락할 수 있는 전화번호나 이메일 주소를 기록하여…
  • profile_image 교육기관에서 진행되는 다양한 예술활동에 필요한 교구들의 현황을 상세히 기록하고 추적할 수 있는 중요한 장부로 교구의 구입 이력과 보관 상태를 종합적으로 관리할 수 있는 양식으로 교구명, 규격 및 수량, 구입일, 보관장소로 작성 되었습니다. 예술활동 주요항목 교구의 종류와 특성을 세부적으로 파악하여 예술활동의 다양성과 교육적 가치를 높이는데 중점을 둡니다. 교구별 구입 시기와 가격 정보를 명확하게 기록하여 효율적인 자산 관리를 수행합니다. 보관 장소의 환경과 상태를 정기적으로 점검하여 교구의 보존 상태를 최적화합니다. 각 교구의 사용 빈도와 마모 정도를 체계적으로 관찰하고 기록합니다. 교구의 수량 변동사항을 실시간으로…
  • profile_image 기업 내 인적 자원의 전문성 향상을 위해 직원들의 교육 활동을 체계적으로 기록하고 관리하는 목적을 가진 문서로 개인의 학습 발전 과정과 조직의 교육 투자를 종합적으로 확인할 수 있는 문서양식으로 교육과정명, 교육기간, 시작일, 종료일으로 되어 있습니다. 교육이력 주요항목 교육과정명: 직원이 참여한 교육 프로그램의 정확한 명칭과 내용을 상세히 기록하고 전문성 개발 방향을 제시합니다. 교육기간: 교육의 시작일과 종료일을 명확하게 표기하여 교육 기간의 연속성과 집중도를 파악합니다. 교육 내용: 각 교육과정에서 습득한 핵심 역량과 학습 성과를 구체적으로 정리하고 평가합니다. 교육 성과: 해당 교육이 개인의 업무 역량과 조직…
  • profile_image 도서관에서 이용자들의 개인 소장품이나 대여 물품을 체계적으로 기록하고 추적하는 목적으로 사용되는 관리 문서로 물품의 상세 정보와 대여 현황을 정확하게 파악할 수 있는 서식으로 관리번호, 물품명, 물품정보, 대여일, 반납일, 모델명, 일련번호로 작성 되었습니다. 도서관 물품관리 주요항목 관리번호: 각 물품을 고유하게 식별할 수 있는 일련의 번호 체계를 부여하고 추적성을 확보합니다. 물품명: 대여되거나 보관된 물품의 정확한 명칭을 기재하여 즉각적인 식별이 가능하도록 합니다. 물품정보: 해당 물품의 세부 특성과 상태를 상세히 기록하여 관리의 정확성을 높입니다. 대여일: 이용자가 물품을 대여한 정확한 날짜와 시간을 기록하여…
  • profile_image 유치원에서 사용되는 교육용 비품의 체계적인 관리와 추적을 위해 작성하는 중요한 문서로 비품의 구입부터 폐기까지의 전체 이력을 상세히 기록하고 관리상태를 모니터링할 수 있는 문서서식으로 구입일자, 구입금액, 보관장소, 관리상태로 작성 되었습니다. 교육비품 주요항목 비품의 정확한 분류와 명확한 품명 기재: 교육용 비품의 종류와 특성을 구체적으로 작성합니다. 보관장소와 관리상태의 세밀한 관찰: 비품의 현재 위치와 보존 상태를 지속적으로 모니터링합니다. 작성시 고려사항 정기적인 업데이트: 비품의 상태 변화나 이동 상황을 즉시 기록하고 최신화해야 합니다. 증빙자료 첨부: 구입영수증 및 관련 구매 증빙 문서를 함께 보관해야 …
  • profile_image 조직 내 다양한 하드웨어 장비의 기본 정보와 기술적 세부 사항을 체계적으로 기록하고 추적하기 위한 종합적인 문서서식으로 장비명, 모델명, 제조사, 시리얼번호, 구매일자, CPU, RAM, 저장장치, 그래픽카드, 네트워크타입으로 이루어져 있습니다. 하드웨어 감지 주요항목 장비정보: 각 하드웨어 장치의 고유한 모델명과 제조사 정보를 상세히 기록하고 식별합니다. 시스템사양: 컴퓨터의 중앙처리장치와 메모리 저장장치의 기술적 세부 규격을 정확하게 문서화합니다. 네트워크 설정: 장비의 고유 네트워크 주소와 연결 유형을 체계적으로 관리하고 추적합니다. 구매이력: 장비의 구매일자와 시리얼번호를 포함한 자산 관리 정보를 종합적으로 …
  • profile_image 시스템의 유연성과 확장성을 높이기 위해 세부적인 서비스 아키텍처를 설계하고 구현 방향을 제시하는 기술 문서서식으로 서비스명, 주요기능, 기술스택, 통신방식, 배포전략, API명, 요청방식, 부하분산으로 구성 되어 있습니다. 마이크로서비스 주요항목 서비스 아키텍처: 각 서비스의 독립성과 자율성을 보장하는 분산 시스템 구조를 설계합니다. 기술 선택: 서비스별 최적화된 프로그래밍 언어와 프레임워크를 선정하여 개발 효율성을 높입니다. 통신 방식: 경량화된 통신 프로토콜을 활용하여 서비스 간 효율적인 데이터 교환을 구현합니다. 배포 전략: 컨테이너 기반 가상화 기술을 적용하여 서비스의 신속한 배포와 관리를 지원합니다. 장애 …
  • profile_image 소프트웨어 개발 과정에서 데이터베이스의 개별 기능과 성능을 체계적으로 검증하고 기록하여 시스템의 안정성을 확인하는 양식으로 프로젝트명, 테스트일시, 테스트담당자, 테이블명, 테스트항목, 문제점, 개선방안으로 이루어져 있습니다. 유닛테스트 주요항목 테스트대상: 데이터베이스의 각 테이블과 관련된 기능적 요소를 상세하게 검증하고 결과를 체계적으로 분석합니다. 결과분석: 발견된 오류와 성능 문제를 세부적으로 평가하고 정확한 진단 결과를 도출합니다. 검증범위: 데이터 무결성 제약조건과 트랜잭션 처리 과정을 포괄적으로 점검합니다. 성능측정: 각 테이블의 쿼리 실행 시간과 자원 사용량을 정밀하게 측정합니다. 문서화: 테스트 결과…
  • profile_image 소프트웨어 개발 과정에서 객체지향 프로그래밍의 인터페이스 구현 방식과 규격을 체계적으로 기록하고 표준화하기 위한 기술 문서양식으로 인터페이스명, 설계목적, 메소드정의, 구현난이도로 구성 되어 있습니다. 인터페이스구현 주요항목 메소드 정의: 객체 간 상호작용을 명확하게 규정하고 표준화하여 일관된 시스템 구조를 설계합니다. 설계 목적: 프로그래밍 모듈 간 상호운용성을 확보하고 효율적인 코드 구조를 달성하기 위한 기술적 기반을 마련합니다. 인터페이스 명세: 각 객체의 역할과 책임을 명확히 정의하여 개발자 간 소통을 원활하게 합니다. 구현 계층: 추상화된 인터페이스를 통해 구체적인 기능을 단계별로 세분화하고 체계적으로 접근…
  • profile_image 정보기술 개발 운영 과정에서 발생할 수 있는 다양한 보안 취약점을 체계적으로 분석하고 자동화된 테스트를 통해 시스템의 안전성을 확보하기 위한 전문적인 양식으로 테스트영역, 보안항목, 세부점검항목, 위험도, 조치상태, 세부항목1, 세부항목2, 보안취약점분석으로 되어 있습니다. 보안 자동화 주요항목 취약점 분석: 시스템의 잠재적 보안 위험을 종합적이고 정밀하게 진단하고 평가하는 절차를 수립합니다. 테스트 범위: 네트워크 보안부터 애플리케이션 보안까지 전방위적인 검증 영역을 설정하고 체계적으로 관리합니다. 자동화 도구: 첨단 보안 검사 도구를 활용하여 일관성 있고 정확한 보안 테스트를 수행하는 환경을 구축합니다. 위험도 …
  • profile_image 소프트웨어 개발 과정에서 발생하는 다양한 시스템 이벤트를 체계적으로 관리하고 추적하기 위한 종합적인 기록 문서로 개발 품질 관리와 문제 해결에 필수적인 문서서식으로 일련번호, 이벤트유형, 이벤트세부내용, 처리상태, 담당자, 세부사항1, 주요이슈내용으로 되어 있습니다. 시스템 이벤트 처리 주요항목 이벤트유형: 소프트웨어 개발 중 발생하는 다양한 기술적 문제와 상황을 유형별로 명확하게 분류하고 기록합니다. 처리상태: 이벤트에 대한 현재 진행 상황과 해결 단계를 체계적으로 추적하고 관리합니다. 담당자: 특정 이벤트를 담당하는 개발자 또는 관리자의 정보를 명확하게 기록합니다. 세부사항1: 이벤트와 관련된 추가적인 기술적 정…
  • profile_image 시스템의 성능과 안정성을 종합적으로 평가하고 잠재적인 문제점을 사전에 식별하기 위한 API 부하 테스트의 상세한 결과를 기록하는 서식으로 테스트명, 테스트일시, 테스트담당자, 테스트환경, API버전, 시나리오번호, 테스트유형, 요청부하량, 응답시간, 개선사항으로 구성되어 있습니다. API 부하 주요항목 요청부하량: 시스템의 최대 처리 능력과 한계점을 정확하게 파악하고 성능 저하를 예측하는 중요한 지표를 분석합니다. 초당처리량: 시스템이 단위 시간 내에 처리할 수 있는 요청의 최대 수를 정확하게 측정하고 분석합니다. 작성시 고려사항 테스트환경 기록: 정확한 테스트 환경의 세부 사항을 상세하게 문서화하고 재현 가능한 …
  • profile_image 웹 애플리케이션의 프로그레시브 웹 앱 기능을 체계적으로 검증하고 평가하기 위한 상세한 테스트 문서로 다양한 기술적 측면을 종합적으로 분석하는 표준화된 문서양식으로 테스트일자, 테스트담당자, 테스트환경, 브라우저, 오프라인모드동작, 캐싱전략확인, 푸시알림기능, 홈스크린설치, 성능최적화, 테스트항목으로 구성되어 있습니다. PWA 테스트 주요항목 오프라인 기능: 네트워크 연결 없이도 애플리케이션의 핵심 서비스를 정상적으로 제공할 수 있는지 검증합니다. 캐싱 전략: 서비스워커를 통해 리소스를 효율적으로 캐싱하고 로딩 성능을 최적화하는 방안을 확인합니다. 푸시 알림: 모바일 및 데스크톱 환경에서 사용자 맞춤형 푸시 알림 기능…
  • profile_image 소프트웨어 개발 과정의 결함을 체계적으로 기록하고 추적하며 프로젝트의 품질 관리를 위한 종합적인 테스트 피드백 문서양식으로 프로젝트, 테스트모듈, 결함상세, 심각도, 조치자, 결함내용으로 되어 있습니다. 테스팅 피드백서 주요항목 테스트모듈: 소프트웨어의 각 모듈별 상세한 기능 및 성능 검증 결과를 체계적으로 정리하고 분석합니다. 결함상세: 발견된 결함의 정확한 위치와 원인을 명확하게 기술하여 개발팀의 신속한 대응을 지원합니다. 심각도: 결함의 심각한 정도를 객관적이고 정량적인 기준으로 평가하여 우선순위를 결정합니다. 상태: 결함의 현재 처리 진행 상황을 실시간으로 추적하고 관리하는 체계를 구축합니다. 조치자: 각 결…
  • profile_image 객체지향 프로그래밍에서 클래스의 구조와 특성을 체계적으로 기록하고 추적하여 개발 과정의 효율성을 높이는 기술 서식으로 클래스명, 네임스페이스, 접근제어자, 상속정보, 속성명, 데이터타입, 접근수준, 메서드명, 클래스목적으로 이루어져 있습니다. 클래스 주요항목 클래스명: 소프트웨어 시스템에서 객체의 청사진 역할을 하는 중요한 구조적 요소를 정의합니다. 네임스페이스: 클래스의 고유한 식별 영역을 명확하게 구분하고 코드의 모듈성을 확보합니다. 접근제어자: 클래스 내부 멤버의 접근 범위를 제어하여 데이터 캡슐화를 보장합니다. 상속정보: 클래스 간의 계층적 관계와 코드 재사용성을 체계적으로 관리합니다. 속성정의: 클래스의 내…
  • profile_image 정보기술 프로젝트에서 발생하는 다양한 아피 이벤트를 체계적으로 기록하고 추적하기 위한 종합적인 로그 관리 양식으로 API명, 이벤트유형, 발생시간, 처리상태, 메모사항, 추가조치로 구성되어 있습니다. 아피이벤트 주요항목 이벤트유형: 각 아피 이벤트의 고유한 특성과 발생 맥락을 명확하게 구분하여 분석할 수 있는 분류 체계를 제공합니다. 처리상태: 아피 요청에 대한 현재 진행 상황과 최종 처리 결과를 실시간으로 모니터링하고 관리할 수 있습니다. 메모사항: 특정 이벤트와 관련된 중요한 부가 정보와 추가적인 맥락을 기록하여 향후 참조할 수 있습니다. 작성시 고려사항 로그관리: 아피 이벤트 로그는 정확하고 상세하게 기록하여…
  • profile_image 시스템 내부에서 발생하는 다양한 트랜잭션의 세부 처리 내용과 상태를 체계적으로 추적하고 관리하기 위한 중요한 서식으로 트랜잭션ID, 시작시간, 종료시간, 처리상태, 로그기록으로 작성 되었습니다. 트랜잭션 관리 주요항목 시작시간: 트랜잭션의 정확한 초기 시점을 기록하여 전체 처리 과정의 시간적 기준을 제공합니다. 종료시간: 트랜잭션이 완전히 종료된 정확한 시점을 명확하게 기록하는 중요한 데이터 요소입니다. 처리상태: 현재 트랜잭션의 진행 상황과 최종 결과를 실시간으로 확인할 수 있는 상태 정보를 포함합니다. 로그기록: 트랜잭션 처리 중 발생하는 모든 세부 활동과 이벤트를 체계적으로 기록하고 추적합니다. 관리정보: 트랜…
  • profile_image 소프트웨어 개발 과정에서 각종 애플리케이션 프로그래밍 인터페이스의 기능성과 신뢰성을 체계적으로 검증하고 기록 관리하기 위한 표준화된 서식으로 테스트ID, API엔드포인트, 테스트케이스, 입력값, 예상결과로 구성 되어 있습니다. API테스트 주요항목 테스트케이스: 다양한 시나리오와 조건에 따른 체계적인 테스트 방법론을 설계하고 실행합니다. 결과: 각 테스트의 성공 여부와 세부적인 실행 결과를 명확하게 기록하고 분석합니다. 비고: 테스트 진행 중 발생한 특이사항이나 추가적인 메모를 상세하게 기록합니다. 입력값: 테스트에 사용되는 다양한 데이터와 파라미터를 체계적으로 관리하고 문서화합니다. 작성시 고려사항 일관성: 모든…
  • profile_image 다양한 장애 유형을 고려한 모바일 앱의 포용적 접근성 기능을 체계적으로 기록하고 추적 관리하며 개발팀의 접근성 향상 노력을 문서화한 양식으로 개발팀, 개발기간, 담당자, 기능명, 구현여부, 화면판독기지원, 음성명령기능으로 구성되어 있습니다. 접근성 기능 주요항목 화면판독기: 시각장애인을 위해 앱 내 텍스트와 콘텐츠를 음성으로 변환하여 정보를 제공합니다. 음성명령: 신체활동에 제한이 있는 사용자가 음성으로 앱을 제어하고 기능을 실행할 수 있도록 지원합니다. 고대비모드: 시각적 인지가 어려운 사용자를 위해 화면의 색상 대비를 극대화하여 가독성을 높입니다. 텍스트 크기조절: 사용자의 시각적 요구에 맞춰 앱 내 텍스트 크기…
  • profile_image 대규모 소프트웨어 시스템에서 자원 활용과 성능 최적화를 위한 코드 지연로딩 방법론을 체계적으로 정리하고 구현 전략을 상세히 기록하는 전문 기술 문서서식으로 프로젝트, 구현모듈, 개발자, Date, 대상모듈, 로딩유형, 최적화포인트, 성능개선방식으로 되어 있습니다. 코드지연로딩 주요항목 지연로딩전략: 메모리 사용량을 최적화하고 초기 로딩 속도를 획기적으로 개선할 수 있는 핵심 기술적 접근방법을 제시합니다. 모듈성능: 불필요한 자원의 즉각적인 로딩을 방지하고 필요한 시점에 동적으로 컴포넌트를 호출하는 유연한 아키텍처를 설계합니다. 자원관리: 시스템 자원의 효율적인 활용과 메모리 누수를 방지하는 체계적인 자원 관리 메커니…
  • profile_image 소프트웨어와 하드웨어의 다양한 운영체제 간 상호 운용성을 체계적으로 분석하고 점검하여 기술적 호환성을 종합적으로 평가하는 전문적인 기술 서식으로 검사OS, 플랫폼, 호환성결과, 테스트, 주요호환성이슈, 개선권고사항, 추가검토사항으로 작성 되었습니다. 호환성점검 주요항목 검사대상: 다양한 운영체제 플랫폼에서 소프트웨어의 기능적 안정성을 종합적으로 검증하고 평가하는 항목입니다. 플랫폼분석: 운영체제별 세부 기술 환경과 시스템 요구사항을 면밀히 분석하고 호환성을 정밀하게 진단합니다. 버전확인: 각 운영체제의 세부 버전별 소프트웨어 작동 가능성을 정확하게 식별하고 검증합니다. 성능측정: 다양한 운영체제 환경에서 소프트웨어의…
  • profile_image 디바이스와 운영체제 간의 효율적인 하드웨어 제어 및 통신을 위한 드라이버 개발 과정을 체계적으로 정의하고 상세 구현 방향을 제시하는 전문 문서서식으로 프로젝트명, 개발담당자, 대상디바이스, 개발기간, 개발환경, 데이터 통신 프로토콜, 오류 처리 전략, 메모리 사용 최적화로 이루어져 있습니다. 드라이버 구현 주요항목 하드웨어 인터페이스: 디바이스와 시스템 간 정확하고 안정적인 통신 메커니즘을 설계하고 표준화된 연결 방식을 확립합니다. 데이터 통신 프로토콜: 신뢰성 높은 데이터 전송을 위한 안전하고 효율적인 통신 규격을 정의하고 구현합니다. 오류 처리 전략: 발생 가능한 시스템 오류와 예외 상황에 대한 체계적인 대응 방…
  • profile_image 소프트웨어 개발에서 효율적인 메서드 연결과 데이터 처리를 위한 체계적인 설계 방법을 정의하고 구조화하여 코드의 가독성과 재사용성을 높이는 전문적인 문서양식으로 메서드명, 체이닝속성, 반환타입, 설계레벨으로 구성되어 있습니다. 메서드체이닝 주요항목 메서드명: 코드의 명확성과 의미를 잘 전달할 수 있는 직관적이고 간결한 메서드 이름을 설계합니다. 체이닝속성: 각 메서드가 서로 연결되어 연속적인 데이터 처리를 가능하게 하는 유연한 속성을 정의합니다. 반환타입: 메서드 간 데이터 전달과 연결을 원활하게 하는 일관된 반환 타입을 지정합니다. 설계레벨: 프로젝트의 복잡성과 요구사항에 맞는 적절한 추상화 수준의 메서드 체이닝을 …
  • profile_image 소프트웨어 개발 과정에서 효율적인 컴포넌트 구조와 재활용성을 체계적으로 관리하고 평가하기 위한 중요한 서식으로 컴포넌트ID, 컴포넌트명, 기능특성, 재사용성, 성능평가, 입력특성으로 되어 있습니다. 컴포넌트 설계 주요항목 컴포넌트 구조: 각 컴포넌트의 고유한 기능적 특성과 설계 원칙을 체계적으로 분석하고 문서화하는 과정을 수행합니다. 재사용성 평가: 개발된 컴포넌트의 범용성과 확장 가능성을 종합적으로 검토하고 객관적인 기준으로 평가합니다. 성능 분석: 컴포넌트의 실행 효율성과 성능 지표를 정밀하게 측정하고 개선 방향을 제시합니다. 입출력 특성: 컴포넌트의 데이터 흐름과 상호작용 메커니즘을 명확하게 정의하고 문서화합니…
  • profile_image 데이터베이스 시스템의 효율적인 관리와 성능 최적화를 위해 체계적인 저장프로시저 개발 방향을 제시하고 세부적인 기술적 접근 전략을 수립하는 서식으로 프로시저명, 개발목적, 개발범위, 담당자, 시스템, 주요개발사항, 기능요구사항으로 이루어져 있습니다. 프로시저개발 주요항목 프로시저 개발목적: 데이터베이스 처리 효율성을 높이고 시스템 성능을 극대화하기 위한 체계적인 접근 방식을 수립합니다. 개발범위 분석: 현재 시스템의 기능적 요구사항과 기술적 제약조건을 종합적으로 검토하고 최적화 방안을 도출합니다. 담당자 역량: 프로시저 개발에 필요한 전문적인 기술력과 데이터베이스 최적화 능력을 갖춘 개발자를 선정합니다. 시스템 적합성…
  • profile_image 네트워크 통신의 기본 구조와 프로토콜 설계에 필요한 기술적 세부사항을 체계적으로 정리하여 개발자들이 프로토콜 구현에 활용할 수 있는 전문 참고 문서서식으로 프로토콜타입, 통신계층위치, 주요기능특성, 패킷구조, 헤더포맷, 데이터길이, 호환성으로 구성 되어 있습니다. 네트워크프로토콜 주요항목 프로토콜 타입: 저수준 네트워크 통신을 위한 기본적인 프로토콜 구조와 특성을 종합적으로 분석하고 체계화하는 접근 방식을 제시합니다. 통신 계층 위치: 네트워크 참조 모델에서 프로토콜이 동작하는 계층별 특성과 상호작용 메커니즘을 상세하게 정의하고 설명합니다. 패킷 구조: 데이터 전송을 위한 효율적이고 표준화된 패킷 구조를 설계하여 안…
  • profile_image 모바일 애플리케이션의 지속적인 업데이트와 배포 과정을 체계적으로 관리하고 추적하기 위한 상세한 기록을 포함하는 전문적인 문서양식으로 앱이름, 플랫폼, 배포일자, 승인상태, 기능추가, 버그수정, 성능개선, 검토자로 작성 되었습니다. 앱 스토어 배포 주요항목 버전관리: 각 배포버전의 상세 변경사항과 기능 개선 내역을 명확하게 기록하고 추적할 수 있습니다. 플랫폼기록: 안드로이드와 아이폰 등 다양한 모바일 플랫폼별 배포 현황을 체계적으로 관리할 수 있습니다. 승인상태: 앱스토어 검토 및 승인 과정의 진행상황을 실시간으로 모니터링하고 문서화할 수 있습니다. 변경이력: 앱의 지속적인 업데이트와 개선 과정을 종합적으로 관리하고…
  • profile_image 기업의 디지털 전환을 위한 시스템 현대화 전략을 체계적으로 기록 관리하며 컨테이너 기반 인프라 구축의 핵심 방향성을 제시하는 전략 문서서식으로 프로젝트명, 담당자, 수행기간, 타겟시스템, 컨테이너플랫폼, 기술적리스크로 이루어져 있습니다. 컨테이너화 주요항목 타겟시스템: 기존 인프라의 구조적 특성과 애플리케이션 아키텍처를 종합적으로 분석하여 마이그레이션 대상을 선정합니다. 컨테이너플랫폼: 조직의 기술 역량과 운영 환경에 최적화된 컨테이너 플랫폼을 신중하게 선택하고 평가합니다. 오케스트레이션: 효율적인 컨테이너 관리와 확장성을 보장하기 위한 오케스트레이션 전략을 수립합니다. 마이그레이션전략: 점진적이고 체계적인 시스템 …
  • profile_image 소프트웨어 개발 과정에서 테스트 자동화 방법과 결과를 체계적으로 기록 관리하며 품질 향상을 위한 중요한 추적 문서양식으로 프로젝트명, 테스트유형, 테스트범위, 테스트기간, 프레임워크, 사용도구, 스크립트언어, 총테스트케이스, 성공건수로 이루어져 있습니다. 테스트 자동화 주요항목 테스트 프레임워크: 자동화 도구와 방법론을 선정하여 효율적인 테스트 환경을 구축하고 표준화된 접근 방식을 적용합니다. 스크립트 언어: 자동화 테스트에 적합한 프로그래밍 언어를 선택하여 안정적이고 유연한 테스트 스크립트를 개발합니다. 테스트 유형: 기능 통합 성능 보안 등 다양한 테스트 유형에 대한 자동화 전략을 수립하고 체계적으로 접근합니다.…
  • profile_image 게임 개발 과정에서 필요한 엔진 설정과 기술적 세부 사항을 체계적으로 정리하고 기록하여 개발팀의 효율적인 의사소통과 기술 관리를 지원하는 양식으로 프로젝트명, 개발엔진, 개발기간, 팀규모, 렌더링기술, 물리엔진, 네트워크모드, FPS로 이루어져 있습니다. 엔진 설정 주요항목 렌더링기술: 고품질 그래픽 구현을 위한 최적화된 렌더링 기법과 세부 기술을 상세하게 정의하고 적용할 수 있습니다. 물리엔진: 게임 내 객체의 현실적이고 정밀한 움직임과 상호작용을 구현하기 위한 물리 시뮬레이션 엔진을 선택하고 설정합니다. 네트워크모드: 멀티플레이어 게임을 위한 안정적이고 효율적인 네트워크 통신 모드와 프로토콜을 설계하고 최적화할 …
  • profile_image 웹페이지의 성능과 렌더링 속도를 향상시키기 위해 선택자의 복잡도와 효율성을 분석하고 최적화 방안을 제시하는 전문적인 기술 문서양식으로 선택자유형, 복잡도분석, 성능지수, 최적화방안, 개선효과로 이루어져 있습니다. 선택자 최적화 주요항목 선택자 유형: 웹페이지의 렌더링 성능에 직접적인 영향을 미치는 다양한 선택자 유형을 체계적으로 분석하고 평가합니다. 복잡도 분석: 선택자의 깊이와 네스팅 수준을 측정하여 불필요하게 복잡한 선택자 구조를 식별하고 개선할 방향을 제시합니다. 성능 지수 평가: 각 선택자의 성능 영향도를 정량적으로 측정하고 최적화 우선순위를 결정하는 체계적인 분석 방법을 적용합니다. 선택자 최적화 전략: 불…
  • profile_image 클라우드 인프라의 자원 활용과 비용 효율성을 체계적으로 분석하고 최적화 전략을 수립하여 기업의 클라우드 운영 비용을 절감하기 위한 종합적인 관리 양식으로 프로젝트명, 총예상비용, 목표절감률, 현재비용, 최적화전략, 예상절감액, 절감률, 단기전략으로 이루어져 있습니다. 클라우드비용최적화 주요항목 자원배분: 기업의 클라우드 인프라에서 불필요하거나 과도하게 할당된 자원을 체계적으로 식별하고 최적화할 수 있습니다. 사용패턴분석: 클라우드 서비스의 실제 사용량과 성능을 정밀하게 모니터링하여 효율적인 자원 활용 방안을 도출합니다. 비용구조진단: 현재 클라우드 서비스의 요금제와 사용 패턴을 면밀히 분석하여 불필요한 비용 요소를 …
  • profile_image 다양한 플랫폼에서 공통으로 사용 가능한 개발 환경을 구축하고 입력 처리 방식을 체계적으로 기록 관리하며 개발 전략을 통합적으로 문서화하는 문서양식으로 프로젝트명, 프로젝트기간, 개발플랫폼, 개발언어, 개발목적, 구현기술스택으로 이루어져 있습니다. 개발 입력처리 주요항목 크로스플랫폼: 다중 운영체제와 장치에서 일관된 입력 처리 메커니즘을 설계하고 구현할 수 있는 통합 전략을 수립합니다. 호환성: 다양한 하드웨어와 소프트웨어 환경에서 원활하게 작동하는 입력 처리 모듈을 개발하고 최적화합니다. 기술스택: 효율적인 크로스플랫폼 개발을 위해 범용적이고 유연한 프로그래밍 언어와 프레임워크를 선정합니다. 성능최적화: 입력 처리 …
  • profile_image 프로그래밍에서 함수형 패러다임의 핵심 개념인 람다표현식을 깊이 있게 이해하고 실무에 적용할 수 있는 전문적인 가이드를 제공하는 문서서식으로 람다표현식정의, 주요특징, 사용목적, 적용언어, 코드간결성전략으로 되어 있습니다. 람다표현식 주요항목 람다표현식: 익명 함수를 간결하고 효율적으로 정의하여 코드의 가독성과 유연성을 높이는 프로그래밍 기법입니다. 함수형 패러다임: 상태 변경 대신 불변성과 순수 함수를 중심으로 하는 프로그래밍 접근 방식을 채택합니다. 코드 간결성: 복잡한 로직을 단순하고 명확한 표현으로 변환하여 개발자의 생산성을 크게 향상시킵니다. 성능 최적화: 메모리 사용과 연산 효율성을 고려한 람다 표현식 설계…
  • profile_image 소프트웨어 개발 과정에서 발생하는 다양한 테스트 결과를 체계적으로 기록 추적하며 품질 관리와 개선 방향을 제시하는 문서서식으로 프로젝트명, 테스트유형, 테스트결과, 담당자, 성공률으로 이루어져 있습니다. 테스팅 결과 주요항목 테스트유형: 소프트웨어 검증을 위한 다양한 테스트 방법과 접근 전략을 종합적으로 분석하고 평가하는 기준을 제시합니다. 테스트결과: 각 테스트 단계별로 발생한 성과와 문제점을 상세하게 정리하고 객관적인 평가 지표를 제공합니다. 성공률: 소프트웨어 품질 평가를 위한 핵심 지표로서 전체 테스트 과정에서 성공한 비율을 명확하게 표현합니다. 오류건수: 소프트웨어의 잠재적 결함과 개선이 필요한 영역을 구체…
  • profile_image 쉽게 한번만 사용할거냐 여러번 사용할거냐에 대한 차이라고 생각해도 됩니다.특별한 경우가 아니라면 다목적으로 사용이 가능한 bindParam 를 많이 사용 합니다. 구분해서 사용하려면 또 신경을 써야 하기 때문에 그렇죠▶ bindParam() (참조 바인딩)  - 변수 자체를 바인딩 (이후 변수 값이 바뀌면 SQL 실행 시 그 값이 적용됨)  - 변수를 직접 전달해야 하고 즉시 값 대입이 불가능  - 반복문에서 같은 변수를 여러 번 사용할 경우 적합. 그리고 파라미터는 상수가 아니라 변수를 넣어줘야 합니다.△ 비유: 패스트푸드점에서 "세트 메뉴 1번"을 주문하고, 음료는 나중에 결정할 수 있는 방식    $menu = "…
  • profile_image 아래는 쿼리 문장에 문자열을 넣어주는 일반적인 방식으로 SQL 공격에 무척 취약한 방식의 예 입니다.보통 아래와 같은 문제가 발생하고 실무에선 쿼리를 보면 먼저 정보를 얻는것에서 시작을 합니다.    # SQL 인젝션이 성공하는 경우 (취약한 코드)    # 결과: SELECT * FROM users WHERE username = ''; DROP TABLE users; -- AND id = 123    $test11 = "'; DROP TABLE users; --";    $test22 = 123;    $sql = "SELECT * FROM users WHERE username = '$test11' AND id = $…
  • profile_image 문자열:s 숫자:i 이렇게 사용하는 방식은 파라미터가 많으면 복잡해서 알아보기 힘들죠그래서 만들어진 사용자 함수 입니다.    # MySQLi에서 Named Parameter처럼 사용할 수 있도록 변환하는 사용자 함수    function prepareNamedQuery($mysqliCon, string $sql, $params) {        preg_match_all('/:\w+/', $sql, $matches);        $namedParams = $matches[0];         $sql = str_replace($namedParams, '?', $sql);        $values = [];     …
  • profile_image 아래는 도메인 목록을 배열로 가지고 있다고 가정하고 만들어진 프로그램 입니다.kr의 경우 요즘은 utf8로 나오기 때문에 euckr 환경이신분은들은 캐릭터셋을 변경하는 기능이 한줄 더 들어가야 합니다.그리고 후이즈 조회는 너무 많이 하면 차단 됩니다.여기서 너무 많다는 기준은 없지만 최소 몇 백은 되기 때문에 도메인 만료일 체크하기 위해서 실행하는것에는 문제는 없습니다.    # 루트 도메인만 추출    $root_domains = [];    foreach ($domains as $domain) {        if ($domain === '_default_') continue; // 제외        if (preg…
  • profile_image 앞으로 캐릭터셋은 utf-8이 아니라 utf-8 bom을 사용해야 합니다. utf-8 캐릭터셋은 한글이 깨져서 보이는데 이때문에 예전에 ANSI로 저장(euc-kr) 처리를 많이 하곤 했습니다. 하지만 현재는 utf-8과 호환되는 utf-8 bom 사용하는 것이 좋겠지요.그래야 더 풍부한 캐릭터셋 특수문자(이모티콘)를 사용할 수 있기 때문에 그렇습니다. euc-kr은 이모티콘을 사용하지 못해요~ 엑셀(Excel)에서 CSV 파일 한글 깨지지 않게 하려면  - 엑셀에서 바로 CSV 열기: EUC-KR 또는 UTF-8 BOM 캐릭터셋 참고사항  - 글로벌 호환성 생각: UTF-8 BOM  - 서버 시스템 처리 위주: UTF…
  • profile_image csv파일 읽어서 처리할 때 날짜를 기준으로 하는데 같은 날짜가 아니라 다른 날짜로 처리 해야 되는 경우 만들어진 프로그램 입니다.csv파일의 캐릭터셋에 대해선 별도 정리가 필요한 상태이고 윈도우10 사용한지 오래 되었는데 이 문제가 업그레이드 되면서 변경 되었는지 어땟는지는 현재로선 중요하지 않고 잘 나오면 그만인거죠cmd도 예전엔 cp949로해서 처리 했는데 지금은 둘다 잘 보이는 구조로 되어 있는듯 합니다.그리고 엑셀은 euckr, utf-8 bom 두개가 문제 없으며 utf-8은 안됩니다.<?php// 공휴일 배열$holidays = [    "2025-01-01", // 신정    "2025-02-11",…
  • profile_image utf-8 bom 표시 부분이 앞 3바이트에 있는것을 삭제해서 utf-8 으로 처리하기 위해서 필요한 함수 입니다.이런것이 필요한 이유는 mb_convert_encoding 함수로 euc-kr로 변환을 하면 안되는것은 아니지만 ? 같은것이 발생합니다.그렇기 때문에 아래 함수처럼 삭제하고 처리하면 문제 없이 잘 됩니다.    function remove_utf8_bom($text) {        if (substr($text, 0, 3) === "\xEF\xBB\xBF") {            return substr($text, 3);        }        return $text;    } $ewy_ut…
  • profile_image 정렬에 관한 부분 많이 사용할 부분에 테스트 한것입니다.부트스트랩5 용량 크다고 뭐라 하시는분도 있던데 제가 보기엔 일반 사이트 이정도면 큰것 절대 아닙니다.다른것 많이 사용하지 않고 부트스트랩5 위줄 잘 사용하면 충분이 예쁘고 반응형인 사이트 만드는데 충분 합니다.위 페이지의 결과에 대한 부트스트랩5 코드는 아래와 같습니다. <!DOCTYPE html> <html lang="ko"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0…
  • 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>PABBURI Bootstrap 5 Layout</title&…
  • profile_image 뚱뚱하게 나온다고 자르면 더 보기가 좋지 않다. 입이나 코가 잘리는 경우 그렇다. 뚱뚱하게 나오면 보기가 좋지 않고 그래서 비율에 맞게 처리해 주는 방법이 제일 좋은데 아래 방법을 사용 하면 된다. 알아보기 쉽게 인라인으로 작성함. 이미지 주변에 옅은 테두리를 추가하고 이미지가 짤리지 않도록 조정하기 위해서 먼저 이미지를 감싸는 div 태그에 테두리(border)를 추가하고 이미지의 object-fit 속성을 contain으로 변경하여 이미지가 전체적으로 보이도록 조정할 수 있습니다. 이미지의 가로 세로 비율을 유지하면서 너비는 100%로 설정하여 부모 요소의 너비에 맞추고 높이는 원하는 값으로 고정합니다. 이렇게 하면…
  • profile_image 글자가 많을 경우 밀리지 않고 뒤쪽이 보이지 않게 처리하려면 텍스트가 넘치는 부분을 숨기는 CSS 속성인 overflow를 사용할 수 있습니다. 여기에 text-overflow 속성을 추가하여 넘치는 텍스트를 어떻게 처리할지 결정할 수 있으며 white-space 속성을 사용하여 텍스트가 한 줄에 표시되도록 설정할 수 있습니다.width 속성을 설정하여 <div>의 너비를 제한하는 것도 중요합니다. 이를 통해 텍스트가 넘치는 부분을 '...' (ellipsis)로 표시하도록 설정할 수 있습니다.아래의 코드 예시는 이러한 속성들을 사용하여 긴 텍스트가 넘칠 경우 '...'으로 표시하는 방법을 보여줍니다.  &l…
  • 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) - 문자열Number(…
  • 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(' 목록으로 이동하기 ');    $("#del_btn").attr("o…
  • 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":[      {        "format": "expanded",        "extensionName": ".css", …
  • 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 및 클래스 속성 완성.  - 연결 및 포함된 스타일 시트를 지원합니다.  - 템플릿 상속을 지원합니다.  - 추가 스타일 시트를 지원합니다.  - 언어와 같은 다른 HTML을 지원합니다.  - 요청 시…
  • profile_image CSS는 페이지를 꾸며주는 역활을 합니다. HTML은 어떠한 기능이라면 말이죠. 예를 들면다른 페이지를 연결 할때는 a태그, 표형태로 표현을 하고자할때는 table 그리고 문단은 p태그 등으로 표현하는 기능적인 것입니다.그렇다면 CSS의 역활은?. 와꾸(틀)를 잡아 줍니다.. 색을 입혀 줍니다. 마우스 올라갔을때 나갔을때의 색을 변경해 줍니다.. 글자색을 변경해줍니다.. 화면크기에 따라서 넓게 혹은 좁게 모바일버전등 처리를 해줍니다.. 화면에 보이는것들과 관련이 있다고 보시면 됩니다.. 폰트를 설정 합니다.......이 페이지에선 기본적인 선택자(셀렉터)에 대해서 하나 배우고 갑니다. CSS에서 말하는 속성(프로퍼티)와…