황금빛 블로그

오늘은 vue에서 아코디언 메뉴 만드는 방법을 포스팅해보도록 하겠습니다.개요반복문을 사용해 생성한 각 아코디언 탭 컨텐츠는 개별적으로 열고 닫을 수 있다. (하나의 탭을 open했을 때 나머지 탭이 닫히면 안됨)우리가 이전에 jQuery 또는 Es6 자바스크립트로 아코디언 메뉴를 만들 때에는 for문 등의 반복문을 사용하더라도 간단하게 toggle이라는 함수를 사용해서 아코디언 기능을 만들 수 있었는데요 vue나 react에서는 약간의 차이가 있습니다.예를 들어 Es6에서 아코디언 아이템들이 여러개 있다고 하더라도 별도의 준비 없이 클릭하는 아이템에 해당하는 인덱스를 활용하여 아래와 같이 토글 함수를 이용해 간단히 클릭하는 item의 index를 열고 닫고를 처리할 수 있었습니다.item.classLis..

오늘은 간단하게 스마트 체중계 리뷰를 해보겠습니다. 요즘에 다들 집에 스마트 체중계 하나 씩은 있으실 것 같은데요 저 역시 기존에 1만원대 샤오미 스마트 체중계가 있었는데요 저렴하다고 해도 대부분의 체성분 측정이 되어 딱히 부족함 없이 사용했었습니다. 그런데 조금 더 비싼 체중계는 더 좋을 것 같은 욕심에 3만원 중반대의 요아이 스마트 체중계를 구매해보았습니다.네이버 블로그에도 많이 소개가 되었고 나름 검증이 되었나 싶어서 큰 맘 먹고 스마트체중계에 3만 5천원을 투자했는데요 결과적으로 실패로 돌아갔습니다.장점많은 정보를 보여주는 디지털 액정화면요아이 스마트 체중계의 가장 큰 장점은 체중계 자체에 있는 디지털 액정으로 체성분을 바로 확인할 수 있는 것입니다. 스마트폰과 연동이 되어서 앱으로도 체성분을 확..

안녕하세요 코딩하는 돌팔이 개발자입니다. 오늘은 vue.js에 대해서 간단히 소개해드리려고 합니다. 간단한 포스팅을 통해서 vue가 뭐 하는 것인지 어떤놈인지 대충 알아가셨으면 좋겠스니다. 렛츠고!?🤫프로그래밍에 관심 있으신 분들이라면 vue나 react에 대해서 들어보셨을 텐데요 이 두 도구 모두 SPA를 구현하는 기술들입니다.SPA란? SPA는 Single Page Application의 줄임말로 one페이지를 통해서 화면을 출력하는 어플리케이션을 말하는데요 즉, 단일 페이지 어플리케이션이라고 합니다. 아주 간단히 설명을 하자면, 기존의 웹사이트들은 일정 영역에 새로운 정보를 출력하거나 새로운 화면을 노출시키기 위해서 동기식으로 전체 화면을 다시 로딩(새로고침O)하는 방식이었다면 이 SPA 방식은 ..

오늘은 간단하게 티스토리 css 코드를 수정하는 방법을 알아보겠습니다. 최근에 아주 오랜만에 티스토리의 스킨을 변경하였는데요 기존에 전체 커스텀했던 스킨을 기본 스킨으로 변경을 하니까 어딘가 조금씩 심심하고 아쉬운 부분들이 보이더군요 그래서 앞으로 조금씩 스킨을 수정해보려고 하는데요 오늘은 그 첫번째로 메인 화면에서 리스트 썸네일 모서리를 부드럽게 둥글게 수정하는 방법을 알아보겠습니다.티스토리 css 수정하기아래 캡쳐 이미지를 보시면 우측의 썸네일 모서리가 직각인 것을 보실 수 있습니다. 너무 각이져있다 보니 부드러운 느낌으로 수정을 하고 싶은데요 어떤 부분의 css를 수정해야 하는지 추적해보도록 하겠습니다.수정위치 찾기먼저 크롬 브라우저를 기준으로 설명을 드리면 수정하고자 하는 요소에 마우스를 가져다 ..

이번에 나혼자 산다에서 제주도를 방문한 기안84의 모습이 방송되었는데요 이날 제주도에서 바이크를 대여하고 아버지의 위패를 모신 사찰에도 방문하는 모습들도 볼 수 있었습니다. 방송을 보던 중 갑자기 짙은 안개로 날씨도 어두워지고 비도 오는 궂은 날씨 속에서 어디를 가나 봤더니 도착한 곳은 저도 작년에 갔었던 금오름이었는데요기안84가 금오름 정상에 올랐을 때는 마치 한라산 꼭대기 같이 구름이 덮은 듯이 안개가 자욱해서 금오름의 분화구는 전혀 보이지 않습니다. 아쉬운 마음에 저는 작년에 사진으로 남겨두었던 금오름의 정상 모습을 다시 찾아보다가 포스팅을 하게 되었네요👍금오름금오름은 제주시 한림읍 금악리 산1-1에 위치한 해발 427.5m의 기생화산입니다. 정상에는 직경 1,008m의 원형 분화구가 있고 비가 ..