전체보기878

728x90
[운영일지]웹미니 라이프 스킨 1.6.2 (속도개선) 버전 : webmini life 1.6.2업데이트 내역- 폰트 수정 (Pretendard Variable 로 통합)- 사용하지 않는 파일 삭제(폰트관련 파일등)- CSS코드 정리 및 스타일 수정 속도 개선을 위한 불필요한 호출 파일들 제거 *1.6버전 이후부터는 코드가 많이 변경되었으니 기존에 스킨 수정사항이 있다면 전체적용 후 수정해주세요. 업데이트시 주의할점index.xml을 덮을경우 기존에 설정된 값들이 없어지므로 스킨편집 설정창을 새로 하나더 열어서 업로드하시고 기존 설정창에서 아무거나 수정 후 적용을 누르시면 기존 설정들이 다시 저장됩니다. 그후에 새로추가된 기능을 재설정하시면 됩니다. 스킨 구매하기 웹미니 | 티스토리 웹미니 라이프 스킨티스토리 웹미니 라이프 스킨입니다.ctee.kr
[운영일지]웹미니 라이프 스킨 1.6.1 버전 : webmini life 1.6.1업데이트 내역-관리자 설정에서 '유투브' 주소 입력시 페이스북 아이콘 출력되는 오류수정 *많은 코드가 변경되었기 때문에 기존 구매자중에 스킨수정을 하신분들은 1.6버전으로 전체 적용후에 수정된 부분만 1.6버전으로 옮겨야합니다. (백업필수), 1.6이후 사용자 모두 포함입니다. 업데이트시 주의할점index.xml을 덮을경우 기존에 설정된 값들이 없어지므로 스킨편집 설정창을 새로 하나더 열어서 업로드하시고 기존 설정창에서 아무거나 수정 후 적용을 누르시면 기존 설정들이 다시 저장됩니다. 그후에 새로추가된 기능을 재설정하시면 됩니다. 스킨 구매하기 웹미니 | 티스토리 웹미니 라이프 스킨티스토리 웹미니 라이프 스킨입니다.ctee.kr
[운영일지][운영일지]웹미니 라이프 스킨 1.6 버전 : webmini life 1.6업데이트 내역- CSS 네이밍과 중복 코드수정 html class명 수정(변수명 포함) *많은 코드가 변경되었기 때문에 기존 구매자중에 스킨수정을 하신분들은 1.6버전으로 전체 적용후에 수정된 부분만 1.6버전으로 옮겨야합니다. (백업필수) 업데이트시 주의할점index.xml을 덮을경우 기존에 설정된 값들이 없어지므로 스킨편집 설정창을 새로 하나더 열어서 업로드하시고 기존 설정창에서 아무거나 수정 후 적용을 누르시면 기존 설정들이 다시 저장됩니다. 그후에 새로추가된 기능을 재설정하시면 됩니다. 스킨 구매하기 웹미니 | 티스토리 웹미니 라이프 스킨티스토리 웹미니 라이프 스킨입니다.ctee.kr
[CSS]BEM(Block, Element, Modifier) 방법론 클래스명 규칙 살펴보기 BEM(Block, Element, Modifier)은 CSS 클래스 명명 규칙 중 하나로, 유지 보수와 재사용성을 높이고 CSS 구조를 명확하게 만들기 위해 사용된다. B__E--M class명을 작성할때 이름을 어떤걸로 할지 햇갈릴경우 BEM 규칙을 활용하면 이름을 정할때 많은 도움이 된다. W3C는 스타일링에 대해 다음과 같은 원칙을 제시한다. 원칙설명구조와 표현의 분리HTML은 구조, CSS는 스타일을 담당해야 함선택자의 명확성과 유지 보수성CSS 선택자는 명확하고 예측 가능해야 함접근성과 호환성 고려클래스 네이밍과 구조는 의미 있고 일관성 있어야 함 BEM이란?BEM 은 프런트엔드 개발에서 재사용 가능한 구성 요소와 코드 공유를 만드는 데 도움이 되는 방법론입니다.기본 구조 : block__el..
[운영일지]웹미니 라이프 스킨 1.5.4 버전 : webmini life 1.5.4업데이트 내역- 댓글/방명록 최신순으로 리스트 정렬 기능 추가 댓글과 방명록 기존 과거순에서 최신등록순으로 노출이 됩니다. (활성화하면 최신글이 상단에 노출됩니다) 업데이트시 주의할점index.xml을 덮을경우 기존에 설정된 값들이 없어지므로 스킨편집 설정창을 새로 하나더 열어서 업로드하시고 기존 설정창에서 아무거나 수정 후 적용을 누르시면 기존 설정들이 다시 저장됩니다. 그후에 새로추가된 기능을 재설정하시면 됩니다. 스킨 구매하기 웹미니 | 티스토리 웹미니 라이프 스킨티스토리 웹미니 라이프 스킨입니다.ctee.kr
[리뷰]에어팟(AirPods)3 케이스 내셔널지오그래픽(실제 착용샷) 얼마전 에어팟3가 강아지의 장난감이 되는 불상사가 일어났다.신경안쓰고 다니다가 뭔가 변화를 줘야할거 같아서 내셔널지오그래픽 러기드 범퍼 오토 락 케이스를 구매했는데 생각보다 디자인도 괜찮고 견고한 부분이 있어서 리뷰해본다. 일단 튼튼함이 느껴지고 실제보면 귀엽다(?) 정도로 표현할수 있겠다. 장점 오토락 방식으로 뚜껑이 쉽게 열리지 않아서 가방 안에서도 이어폰이 분리되지 않는다.카라비너 포함이라 가방, 벨트루프 등에 걸 수 있어서 휴대성도 좋다 뚜껑에 조그만 자석이 부착되어 있고, 견고하게 잘만들어짐을 알수있다.무선충전시 케이스를 제거하지 않아도 잘되며, 무엇보다 디자인이 맘에 든다. 에어팟3 케이스로 추천해본다.
[운영일지]웹미니 라이프 스킨 1.5.3(패치) 버전 : webmini life 1.5.3(패치)업데이트 내역- 사이드바 좌측 설정일경우 '본문집중모드' 위치 안맞는 문제 수정- 홈 커버 설정 (제목리스트 수정, 숫자리스트 추가 / 여백 및 자잘한 스타일 수정)- css 코드 정리업데이트시 주의할점index.xml을 덮을경우 기존에 설정된 값들이 없어지므로 스킨편집 설정창을 새로 하나더 열어서 업로드하시고 기존 설정창에서 아무거나 수정 후 적용을 누르시면 기존 설정들이 다시 저장됩니다. 그후에 새로추가된 기능을 재설정하시면 됩니다. 코드 일부 누락이 있어서 수정되었으니 구매하신 분들은 판매사이트에서 재다운로드 받아주세요.스킨 수정을 많이하신 분들은 수정된 코드를 찾아서 해당 부분만 수정해주셔도 됩니다. (141번줄입니다) 수정전 코드 수정후 코드 스..
[운영일지]웹미니 라이프 스킨 1.5.2 버전 : webmini life 1.5.2업데이트 내역- 폰트사이즈 px --> rem으로 변경 및 사이즈업- 상단 프로필 레이어영역 보강 (로그인,로그아웃 추가)- 기타 스타일 수정 및 불필요한 요소 제거 업데이트시 주의할점index.xml을 덮을경우 기존에 설정된 값들이 없어지므로 스킨편집 설정창을 새로 하나더 열어서 업로드하시고 기존 설정창에서 아무거나 수정 후 적용을 누르시면 기존 설정들이 다시 저장됩니다. 그후에 새로추가된 기능을 재설정하시면 됩니다. 스킨 구매하기 웹미니 | 티스토리 웹미니 라이프 스킨티스토리 웹미니 라이프 스킨입니다.ctee.kr
[운영일지]웹미니 라이프 스킨 1.5.1 버전 : webmini life 1.5.1업데이트 내역- 최신글 제목 리스트 타입 추가 업데이트시 주의할점index.xml을 덮을경우 기존에 설정된 값들이 없어지므로 스킨편집 설정창을 새로 하나더 열어서 업로드하시고 기존 설정창에서 아무거나 수정 후 적용을 누르시면 기존 설정들이 다시 저장됩니다. 그후에 새로추가된 기능을 재설정하시면 됩니다. 스킨 구매하기
[운영일지]웹미니 라이프 스킨 1.4.2 버전 : webmini life 1.4.2업데이트 내역- 외부 RSS 주소 등록 지원- 자잘한 스타일 수정 외부 RSS 주소 ex)https://feedburner.google.com/를 사용할 경우 관리자에서 외부 RSS 주소를 등록하게 되면 푸터 하단에 주소가 변경됩니다.업데이트시 주의할점index.xml을 덮을경우 기존에 설정된 값들이 없어지므로 스킨편집 설정창을 새로 하나더 열어서 업로드하시고 기존 설정창에서 아무거나 수정 후 적용을 누르시면 기존 설정들이 다시 저장됩니다. 그후에 새로추가된 기능을 재설정하시면 됩니다. 스킨 구매하기
[여행]거제도 여행, 바람의 언덕 도장포 유람선에서 외도 보타니아 가기 두 번째 거제도 여행이다.10년 전쯤으로 기억하는데 그때는 날씨가 좋지 않아 외도 보타니아를 가보질 못해서 아쉬웠었다. 최우선적으로 외도를 가보자는 생각으로 일정을 잡았다. 어차피 '바람의 언덕'을 가야 하는 일정이 있었기에, 외도를 가는 여러 방법 중에서 우리는 '바람의 언덕' 도장포 유람선을 선택하게 되었다.주차장에 바로 도장포 매표소가 있으며, 주차는 그곳에 하면된다. (유람선 탑승객에 한함)  가격은 성인기준 1인당 입장료(11,000원) + 유람선(23,000원) = 34,000원 정도 했다.(참고로 외도에 상륙하지 않고, 유람선으로만 관광하실 거면 1코스 유람선만 지불하면 된다.)개인적으로 2코스 외도 관광까지 추천한다.출항시간대는 고정시간이 아니라서 미리 알아봐야 한다. 시간이 맞지 않을 경..
[Mac]맥에서 영문 첫글자 대문자로 변경 안되게 하기 맥에서 메모하다 보면 영문 첫글자가 대문자로 자동으로 변경될때가 있습니다.그럴경우 아래에서 설정을 변경해주면 됩니다. 시스템 설정 > 키보드 > 텍스트 입력 (입력소스 편집) '자동으로 단어를 대문자로 시작' 체크 해제 체크해제를 하면 첫글자가 대문자로 자동 변경되지 않습니다.
[React]npm과 yarn이란? react는 페이스북(Facebook, 현재 메타 Platforms)의 소프트웨어 엔지니어였던 **조던 워크(Jordan Walke)**가 개발했습니다. 그는 2011년에 React의 초기 버전을 만들었으며, 이는 Facebook에서 내부적으로 사용되던 XHP라는 PHP 기반 라이브러리에서 영감을 받았습니다.React는 처음에는 Facebook의 뉴스피드와 Instagram에 사용되었으며, 2013년에 오픈 소스로 공개되었습니다. 공개된 이후로 React는 웹 개발 커뮤니티에서 큰 인기를 얻었고, 현재는 전 세계적으로 가장 널리 사용되는 프론트엔드 라이브러리 중 하나로 자리 잡았습니다. 리액트를 사용하려면 npm or yarn을 통해 라이브러리를 내려받아야합니다. npm(Node Package Manag..
[Javascript]HTMLCollection과 querySelector의 차이 HTMLCollection과 querySelector (또는 querySelectorAll)의 차이는 주로 반환 객체의 형태, 동작 방식, 사용 사례에 있습니다. 이를 아래에서 자세히 비교합니다.1. 반환 객체의 차이메서드getElementsByClassName, getElementsByTagName, 등querySelector, querySelectorAll반환 객체HTMLCollectionElement 또는 NodeList실시간 업데이트문서가 변경되면 자동 업데이트문서가 변경되어도 업데이트되지 않음다중 요소 선택항상 여러 요소를 반환 (HTMLCollection)querySelector: 첫 번째 요소만 반환 querySelectorAll: NodeList로 모든 요소 반환예시// HTML 구조Ite..
[Javascript]HTMLCollection을 반환하는 주요 DOM 메서드 HTMLCollection을 반환하는 주요 DOM 메서드document.getElementsByTagName(tagName)특정 태그 이름을 가진 모든 요소를 선택합니다.예: document.getElementsByTagName('div')→ 태그를 모두 포함하는 HTMLCollection 반환.document.getElementsByClassName(className)특정 클래스를 가진 모든 요소를 선택합니다.예: document.getElementsByClassName('item')→ 클래스가 item인 모든 요소를 포함하는 HTMLCollection 반환.document.forms현재 문서의 모든 요소를 선택합니다.예: document.forms→ 문서의 모든 태그를 포함하는 HTMLColle..
[Javascript]DOM Script 이벤트와 선택자 이벤트HTML DOM에서 지원하는 스크립트 이벤트 종류는 웹 페이지에서 다양한 사용자 상호작용과 브라우저 동작을 처리하기 위해 사용됩니다. 주요 이벤트는 다음과 같은 그룹으로 나눌 수 있습니다.1. 마우스 이벤트onclick: 요소를 클릭했을 때 발생ondblclick: 요소를 더블 클릭했을 때 발생onmousedown: 마우스 버튼을 눌렀을 때 발생onmouseup: 마우스 버튼을 뗐을 때 발생onmousemove: 마우스가 요소 위에서 움직일 때 발생onmouseover: 마우스가 요소 위로 들어갈 때 발생onmouseout: 마우스가 요소를 벗어날 때 발생onmouseenter: 마우스가 요소 위로 들어갈 때 (버블링 없음)onmouseleave: 마우스가 요소를 벗어날 때 (버블링 없음)Click..
[운영일지]웹미니 라이프 스킨 1.4.1 버전 : webmini life 1.4.1업데이트 내역- 본문내 이전글/다음글 추가- '응원하기' 다크모드 지원  본문내에 이전글/다음글이 추가되었으며, 스킨편집에서 노출 설정이 가능합니다.관련글도 노출 설정이 스킨편집에서 가능하도록 수정되었습니다. '응원하기' 노출이 되는 블로그는 다크모드에서도 지원하도록 수정되었습니다.주의할점index.xml을 덮을경우 기존에 설정된 값들이 없어지므로 스킨편집 설정창을 새로 하나더 열어서 업로드하시고 기존 설정창에서 아무거나 수정 후 적용을 누르시면 기존 설정들이 다시 저장됩니다. 그후에 새로추가된 기능을 재설정하시면 됩니다. 스킨 구매하기
[운영일지]웹미니 라이프 스킨 1.3.4(패치) 버전 : webmini life 1.3.4업데이트 내역- 버전표기 오류 수정 (index.xml,  style.css)- 제목 그라데이션 설정 오류 수정 스킨편집에서 '제목 그라데이션 사용' 사용안할시 그라데이션 제거 되지 않은 문제 수정 기존 사용자는 아래 내용찾으셔서 해당 스타일 삭제해주세요. style.css.post-cover h2 { margin: 0 auto; font-weight: 600; font-size: 22px; line-height: 1.4; color: var(--defaultText); letter-spacing: -0.01em; overflow: hidden; background: linear-gradient(90deg, #8980ed..
[Javascript]많이 사용되고 유용한 JavaScript 라이브러리와 프레임워크 웹사이트에서 많이 사용되고 유용한 JavaScript 라이브러리들은 다양한 기능을 제공하며, 웹 개발을 더욱 효율적이고 편리하게 만들어 줍니다. 여기 몇 가지 인기 있고 유용한 JavaScript 라이브러리와 프레임워크를 소개합니다1. React용도: UI 구축설명: React는 Facebook에서 개발한 사용자 인터페이스(UI) 라이브러리입니다. 컴포넌트 기반 아키텍처를 사용하여 효율적으로 복잡한 UI를 관리할 수 있습니다. React는 Virtual DOM을 사용하여 성능 최적화와 빠른 렌더링을 제공합니다.추천 이유: 현대 웹 애플리케이션에서 가장 인기 있는 라이브러리로, 대규모 애플리케이션에 적합하고 많은 커뮤니티와 리소스가 존재합니다.링크: https://reactjs.org/ ReactReact..
[영화]25년전의 재미와 감동 그대로 글래디에이터2 관람 후기 바야흐로 글래디에이터 1을 본 게 군대시절이었다...이등병 때 1일 정비를 얻어서 눈치 보면서 본 기억이 난다. 군대 제대 후 집중해서 다시보긴 했는데, 명작으로 기억이 남았던 영화이다. 1편이 너무 명작이기에 2탄이 잘해봐야 본적이겠지라는 10%로의 생각을 갖고 영화를 관람하게 되었다.느낌은 1편과 비슷하면서 (초반 지루함도 비슷) 집중을 할 수밖에 없는 스토리와 분위기. 간단히 요약하자면 1편과 연결이 되고 주인공인 '막스무스'의 아들이 2편의 주인공이다.1편에 나왔던 꼬맹이가 2편에서는 주인공이며 아들이다. 솔솔히 재밌고 약간의 감동도 있다.개인적으로는 2편도 훌륭했으며, 1편을 안 본 사람도 2편을 보고 재밌어서 1편까지 찾아보게 되는 경우를 보았다. 런타임이 1탄과 비슷하게 좀 긴편이다.지금 이..
반응형