본문 바로가기

2023/0530

[호두]2개월 반된 새끼 강아지 '앉아' 교육 (분리불안) 출생일 : 23년 3월 16일 입소일 : 23년 5월 17일 입양일 : 23년 5월 26일 아직 새끼이긴 하지만, 나중에 분리불안을 더 못 고칠 거 같아서 여러 강아지 교육 영상과 강형욱 훈련법등을 참고해서 입양한 지 3일 만에 '앉아'를 교육해 보기로 했습니다. 이틀은 집 적응과 사료적응등 분위기를 적응하는 기간을 갖고, 3일째부터 시작했습니다. 울타리 설치 (배변 가리기) 사실 집에 비어있는 시간(회사)도 많고, 분리불안을 없애기 위해 새끼인데도 불구하고 울타리 교육부터 시작했습니다. 1. 울타리를 만든다. 2. 울타리안 구조 - 집(방석), 사료그릇, 배변패드 위험요소도 있고 여러 가지 이유로 아직 새끼라 울타리는 필수라고 하더군요. 이런 식으로 분리를 했습니다. 포인트는 자는 곳과 화장실, 그리고.. 2023. 5. 30.
[반려견]귀여운 크림 토이푸들 '호두' 입양 고양이를 키우다가 폐렴으로 무지개다리를 건너서 다시는 애완동물은 안 키운다 다짐을 했었는데, 다시 강아지를 키우게 됐네요. 이번엔 안아프고 오래오래 살았으면 좋겠습니다. 이름은 큰딸이 지어줬는데 이미지 하나를 보내더군요. 그래서 '호두마루'를 줄여 '호두'라고 지었습니다. 주변에 푸들 키우는 친구들이 있어서 계속 고민을 했었는데, 찾아보는 도중 토이푸들을 알게 돼서 회사 근처에 애견샵을 점심 먹고 방문하게 되었습니다. 수컷을 입양하려고 했으나, 다리들고 소변을 보는 것 때문에 암컷을 입양하게 되었습니다. (중성화 수술을 시기에 맞춰서 하면 앉아서 소변을 본다고는 합니다.) 레드, 크림, 실버중에 고민을 했는데, 눈빛이 너무 순해 보이는 애기가 크림 푸들이어서 데려오게 되었습니다. 토이푸들은 공식적으로 프.. 2023. 5. 27.
[Javascript]자바스크립트 타입변환 JavaScript에서는 다양한 방법으로 타입 변환을 할 수 있습니다. 일반적으로 사용되는 방법들은 다음과 같습니다. 암시적 타입 변환(Implicit Conversion) JavaScript는 필요한 경우에 자동으로 타입을 변환합니다. 예를 들어, 숫자와 문자열을 함께 사용하면 숫자를 문자열로 자동 변환하여 연결할 수 있습니다. let num = 42; let str = "The answer is " + num; // 암시적으로 숫자를 문자열로 변환하여 연결 console.log(str); // "The answer is 42" 명시적 타입 변환(Explicit Conversion) 개발자가 직접 타입을 변환하는 메서드나 연산자를 사용하여 타입을 변환할 수 있습니다. 문자열로의 변환 toString().. 2023. 5. 23.
[Javascript]자바스크립트 지수 연산자(exponent operator)와 기존 방식 비교 JavaScript에서 지수 연산자는 ** 기호를 사용하여 표현됩니다. 이 연산자는 ES7(ECMAScript 2016)부터 도입되었으며, 거듭제곱 연산을 수행하는 데 사용됩니다. 지수 연산자 아래는 JavaScript에서의 지수 연산자 사용 예시입니다 let result = 2 ** 3; console.log(result); // 출력: 8 위 예시에서 2 ** 3은 2를 3번 곱한 결과인 8을 반환합니다. 음수 일 때 음수는 () 괄호로 묶어줘야 합니다. let result = (-2) ** 3; console.log(result); // 출력: -8 위 예시에서 (-2) ** 3은 -2를 3번 곱한 결과인 -8을 반환합니다. JavaScript의 지수 연산자는 음수에 대해서도 정상적으로 동작합니다... 2023. 5. 22.
[Javascript]자바스크립트 null typeof(타입)이 object로 나오는 원인과 대응 방법은? JavaScript에서 `typeof null`을 실행하면 "object"라는 결과가 반환됩니다. 이는 JavaScript의 설계 결함 중 하나로 알려져 있습니다. 이러한 동작은 초기 버전의 JavaScript가 개발되면서 발생한 오류로 인해 현재까지 유지되고 있습니다. null은 원래 object가 아닌 개별적인 타입으로 존재해야 할 것입니다. 실제로 null은 값이 없음을 나타내는 원시 타입이지만, `typeof` 연산자는 null을 "null"이 아닌 "object"로 분류합니다. 이는 기존 JavaScript 엔진의 내부 구현에 기인한 문제입니다. 대응 방법은? `typeof null`을 사용하여 null 타입을 확인하는 대신, null인지 확인하기 위해 엄격한 동등 비교(`===`)를 사용하거나.. 2023. 5. 22.
[Javascript]이스케이프 시퀀스(Escape sequence) 종류와 의미 이스케이프 시퀀스(Escape sequence)는 특수한 문자를 나타내기 위해 역슬래시(\)와 함께 사용되는 문자 조합입니다. 다양한 이스케이프 시퀀스가 있으며, 각각의 시퀀스는 특정한 의미를 갖습니다. 아래에는 자바스크립트에서 사용되는 주요한 이스케이프 시퀀스의 종류와 의미입니다. - `\'`: 작은 따옴표를 나타냅니다. - `\"`: 큰 따옴표를 나타냅니다. - `\\`: 역슬래시를 나타냅니다. - `\n`: 줄 바꿈을 나타냅니다. - `\r`: 캐리지 리턴(현재 위치를 줄의 맨 앞으로 이동)을 나타냅니다. - `\t`: 탭을 나타냅니다. - `\b`: 백스페이스를 나타냅니다. - `\f`: 폼 피드(다음 페이지나 폼의 다음 필드로 이동)를 나타냅니다. - `\v`: 수직 탭을 나타냅니다. - `\u.. 2023. 5. 22.
[Javascript]자바스크립트 ES6에 추가된 백틱(`)과 기존 코드 비교 자바스크립트 ES6에서 백틱(`) 방식(esc 아래 있는 키)이 추가되었습니다. (영문키로 변경 후 눌러주세요) 백틱은 어떨 때 사용할까요? JavaScript에서 백틱(`)은 템플릿 리터럴(template literal)을 나타내는 데 사용됩니다. 백틱은 기존의 따옴표('작은따옴표' 또는 "큰따옴표") 대신 사용할 수 있으며, 여러 줄로 이루어진 문자열과 표현식의 삽입을 편리하게 작성할 수 있도록 도와줍니다. 기존의 따옴표로 둘러싸인 문자열을 사용할 때는 여러 줄을 작성하기 위해 줄 바꿈 문자(\n)를 사용해야 했습니다. 또한, 문자열과 변수 값을 함께 사용하려면 문자열 연결(concatenation) 연산자인 +를 사용해야 했습니다. 아래는 기존의 따옴표를 사용한 코드와 백틱을 사용한 코드의 비교 예.. 2023. 5. 21.
[Javascript]자바스크립트(ES6) 데이터 타입 종류 자바스크립트(ES6)는 7개의 데이터 타입을 제공합니다. 원시 타입(Primitive types): number: 숫자를 나타내는 데이터 타입입니다. 정수 및 부동 소수점 숫자를 포함합니다. string: 문자열을 나타내는 데이터 타입입니다. 따옴표(큰 따옴표 또는 작은 따옴표)로 둘러싸여 있습니다. boolean: true 또는 false 값을 나타내는 데이터 타입입니다. null: 값이 없음을 나타내는 데이터 타입입니다. undefined: 변수에 할당되지 않은 값, 존재하지 않는 속성 또는 존재하지 않는 배열 요소를 나타내는 데이터 타입입니다. (ECMAScript 5에서는 실제로 undefined라는 값으로 할당되지만, 개념적으로는 타입입니다.) symbol: 유일하고 변경할 수 없는 값을 나타내.. 2023. 5. 21.
[잡담]글쓰기를 잘하려면? 나는 글쓰기를 좋아한다. 아마 고3 때 과제로 내준 '재활용'에 관한 주제의 글을 쓰기 시작하면서 일 것이다. 도서실에서 공부는 안 하고 과제를 했던 게 최우수상을 받게 되고, 그 계기로 글을 쓰는 거에 취미를 가진 듯하다. (같은반 친구들은 그럴리가 없다면서 놀린 기억이 아직도 생생하다. 나쁜놈들...) 군대에서도 '수양록'이라고 그날그날 일기식으로 적는 게 있는데, 제대할 때까지 꾸준히 써서 아직도 집에 보관 중이다. 그렇다고 내가 글을 잘 쓰는 것은 절대 아니다. 그냥 쓰는 걸 좋아할 뿐이다. 글을 잘 쓰고 싶어서 강원국 교수님(전 노무현 대통령 연설 비서관)의 책과 강연을 듣기도 해 보았다. 책 읽는 거를 좋아하는 편도 아니어서 살면서 다 읽은 책이 불과 몇 권 안 된다. 강원국 교수님 이야기를 .. 2023. 5. 21.
[잡담]다크 모드 어떻게 생각하시나요? 요즘 휴대폰, 컴퓨터, 블로그, 사이트, 어플 등 여기저기 다크 모드 기능을 적용 중이다. "다크 모드 어떻게 생각하시나요?"라는 제목의 의미는 여러 가지가 있지만, 묻고자 하는 질문은 '눈'의 피로도와 '글의 가독성'이다. 사실 개인적으로는 다크 모드를 선호하지는 않는다. 별다른 이유는 없고, 나 같은 경우는 어두운 화면에서 눈의 피로도가 더 심하게 느껴졌기 때문이다. 주변이 어두웠을때 다크 모드는 확실히 눈의 피로감을 덜 주는데 주변이 밝은 상태에서의 다크 모드였을 때 그렇다는 이야기다. 다크 모드였을때 편할 때가 있고, 아닐 때가 있다는 뜻이다. 사람마다 개인차이는 있겠지만, 모니터를 계속 보는 직업이고 더군다나 어두운 곳에서 휴대폰을 자주 보는 습관이 있어서 더욱더 안 좋아진 건 사실이다. 물론 .. 2023. 5. 21.
[Mac]아이맥 부팅 시 블루투스 매직 키보드 연결 안 될 때 해결 방법 부팅 완료 시 블루투스가 끊기면 그나마 다행이지만, 부팅 시 키보드가 먹통이면 비번을 넣지 못해 계정으로 들어갈 수가 없습니다. 윈도우 경우 가상 키보드가 있어서 가능한데 맥은 그럴 수가 없어 아쉬운 부분입니다. Guest 계정 로그인 이럴 경우 원래 계정 말고, 손님 계정으로 로그인을 합니다. 손님 계정으로도 블루투스 진입이 가능하니, 시스템 설정 > 블루투스로 접근합니다. 그리고 매직 키보드 속성으로 들어갑니다. '이 기기 지우기'를 선택하고 기기를 지웁니다. 블루투스 재연결 기기를 지웠으면, 블루투스를 다시 연결하고 연결이 완료됐으면, 키보드가 제대로 동작하는지 확인하고 재부팅을 하면 됩니다. 블루투스 하단 '고급' 메뉴에서 부팅 시에도 연결하는 부분이 있는데 체크를 해주시는게 좋습니다. 그래도 부.. 2023. 5. 20.
[운영일지]웹미니 블로그 Ver.9 업데이트 완료 2007년 테터툴즈 블로그를 시작으로 텍스트큐브, 워드프레스, 티스토리까지 데이터를 이전하면서 지금까지 블로그를 운영 중이다. 아쉬운 부분도 있지만 아직은 티스토리에 만족하고 있다. 티스토리 웹미니 스킨 티스토리로 운영하면서 고정형부터 반응형까지 9번에 스킨을 크고 작게 변경했다. 티스토리에서 제공하는 스킨에서 웹미니 스타일로 항상 커스트마이징을 해서 사용했었는데, 이번 웹미니 버전은 기존 디자인은 크게 변경은 하지 않았고, 기능적으로 추가를 했다. 블로그는 정보나 개인적인 생각을 글로 전달하는 게 목적이기에 글에 집중할 수 있도록 불필요한 요소들은 제거를 했다. 반대로 글을 읽는데 도움이 되는 부분은 기능적으로 추가를 했다. 웹미니만의 디자인 컬러는 그대로 가져가되, 기존 웹미니 사이트와 연결해서 사이.. 2023. 5. 20.
[잡담]베스킨라빈스 맥심 스틱바, 바나나킥 아이스 모찌(찹쌀떡) 맛 소감 전에 베스킨라빈스 맥심 스틱바를 먹어봤는데, 일반 커피맛 아이스크림하고 사뭇 다른 뭔가 고급스러워 보이는 부드러움이 있어서, 잊을만하면 사 먹곤 한다. 눈에 띄는 디자인 어떤 걸 보든지 머릿속에 연상되는 이미지가 있다. 우리가 흔히 먹던 바나나킥 과자 봉지와, 맥심의 믹스 커피들.. 일단 제품 디자인부터 신선하다는 생각에 먹어봤는데 "오~ 이거 뭐지?" 한입 먹고 나온 리액션이었다. 맥심 스틱바 (특히 화이트 골드)는 자꾸 생각나는 맛이다. 맥심 스틱바는 1개당 1,500원이며, 개인적으론 맥심 스틱바 화이트 골드가 모카골드보다 덜 쓰고 맛있는 거 같다. 봉지(?) 디자인도 맘에 들고 맛도 칭찬한다. 아이스크림의 고급스러움 맥심 스틱바는 종종 사 먹어 봐서 그 맛을 알고 있었고, 바나나킥은 왠지 모를 궁.. 2023. 5. 20.
[블로그 운영팁]구글 애드센스 삽입 시 height: auto !important 강제로 적용되는 이유 블로그 or 사이트에 스크립트를 따로 처리를 한 적이 없는데 div나 감싸고 있는 block영역에 강제로 style="height: auto !important"가 적용이 된 걸 보았을 것이다. 그 이유는 구글 애드센스 삽입 시 광고에서 자동으로 style을 주기 때문이다. 왜? 이런 현상이 있는 것일까? Google AdSense 광고 div에 height:auto !important가 강제로 적용되는 문제는 일반적으로 광고 크기 최적화 설정으로 인해 발생합니다. 이 설정은 광고가 항상 웹 페이지의 내용에 맞게 크기를 조정되도록 하며, 이는 광고 div의 높이를 자동으로 조정할 수 있습니다. 이 문제를 해결하려면 광고 크기 최적화 설정을 끄십시오. 이렇게 하려면 AdSense 관리자 계정으로 이동하여 .. 2023. 5. 19.
[Javascript]자바스크립트 표현식인 문과 표현식이 아닌 문 자바스크립트에서는 문(Statement)과 표현식(Expression) 두 가지 유형의 코드를 사용합니다. 1. 표현식(Expression) 표현식은 값을 평가하여 결과를 반환하는 코드입니다. 예를 들면, 숫자, 문자열, 변수, 함수 호출 등이 표현식의 예입니다. 표현식은 다른 표현식과 연산자를 조합하여 만들어질 수 있습니다. 표현식은 대부분 다른 코드에서 값으로 사용될 수 있습니다. 2 + 3 // 5 x = 10 // 10 (할당 표현식은 할당된 값 자체를 반환합니다.) myFunction() // 함수 호출 표현식 2. 문(Statement) 문은 어떤 작업을 수행하는 완전한 코드 단위입니다. 문은 보통 세미콜론(;)으로 끝나며, 여러 개의 문은 중괄호({})로 블록으로 그룹화될 수 있습니다. 문은.. 2023. 5. 18.