Author 부빠기

HTML 태그 요약 및 정리

개요 HTML 태그 요소 정리를 하고, 기록을 위해서 작성을 해본다.태그를 많이 있어 각 사용 쓰임에 따라 정리를 따로 해봤다. HTML5 새로 포함된 태그 요약 HTML5에 새로 포함된 태그들이 있다. 이러한 HTML5 태그(요소)는 더 나은 문서 구조를 제공한다. 태그 설명 <article>… Continue Reading →

[네이밍 규칙 정리] Camel case, Kebab case, Snake case, Pascal case

개발을 하다보면 여러가지 네이밍 규칙을 마주하게 된다.프로젝트를 혼자 하는 것도 있지만 대부분 2명이상과 할 때가 많다.네이밍 규칙을 만들면 정리가 되고,파일, 폴더, 변수, 클래스, 컴포넌트 등 바로 직관적으로 의미를 알 수 있어서 네이밍 규칙은다수 프로젝트에서는 필수라고 볼 수 있다. 단어 사이의… Continue Reading →

[Mac ] 윈도우OS와 맥OS에서 많이 사용하는 단축키 비교

맥을 사용하면서 윈도우에서 사용하는 것처럼 단축키가 필요할 때가 있는데맥에서 필자 기준으로 ‘자주 사용하는 단축키’를 정리하면서WindowOS와 MacOS 단축키 비교해보았다. 수정하겠다..자주 사용하는 단축키가 아니라 많이 사용하는 단축키로..들어가기 앞서 MacOS 키는 아이콘으로 대체 했다. 여기서만 언급하고 아래 표에서는 아이콘으로만 사용하겠다. ⌥ (option)⌘ (cmd /… Continue Reading →

[Mac ] 맥북 마우스 휠 스크롤 방향 바꾸는 방법

개요 맥북을 처음 구매 하고 사용했을 때 당황했었다.맥북의 트랙패드나 매직 (무선)마우스를 사용했는데 스크롤 방향이 뭔가 이상했다.검색을 해보니 MacOS에서 스크롤 방향이 반대로 되어 있는 것이고설정에서 바꿀 수 있어 맥북 처음 사용자를 위해 공유한다. 방법 설정은 간단해서 요약 다음과 같다. -> 시스템 설정 -> 마우스 -> 자연스로운 스크롤 활성화 해제(or 설정) 1…. Continue Reading →

강아지 다이어트 사료 데이스포 테라픽 체중조절용 추천 🐾

탄이 소개 탄이에 대한 성장일기를 남기려고 했으나보호자의 게으름으로 인해 탄이 성장일기는 제대로기록이 되지 않고 있었다.(탄이 미안🙏) 탄이에 대해 짧게 소개하겠다.탄이는 23.03.24에 태어났다. 8주가 지난 23.05.24에 보호하기 시작했다. 사진 몇개로 탄이의 자랑을 하고,다이어트 사료에 대해 작성하겠다. 탄이가 다이어트 사료 먹이기 시작한… Continue Reading →

[내돈내산] 로지텍 MX VERTICAL 무선마우스 후기 🖱️

개요 이번 내돈 내산 후기는 로지텍 MX 버티컬 무선 마우스이다.오래전부터 구매를 하려고 장바구니에 담아두고 있었다.이번에 구매를 하게 되었다. 사용전 이전에 글을 남겼던 키보드 상품후기에서 Magic Mouse 블랙을 사용중이라고 했었다. 맥북을 사용할 때는 트랙패드를 사용하지 않을꺼면 이만한 마우스도 없는거 같다. 그러나… Continue Reading →

🎮 메이플스토리 월드

메이플스토리를 시작하다. 20년전 그때 그시절 메이플스토리 시작 OBT이지만 향수를 느끼고 싶어 시작을 했다. 들어왔을 때 이름 자체가 바뀌었지만 브금이며, 시작할 때며 그때 향수가 불러온다. 예전에는 30렙인가 40렙인가까지 찍고 더이상 안했던거 같은 느낌인데.. 우선 썬콜부터 시작을 했다3차전직이 안나와서 천천히 시간날 때마다… Continue Reading →

참고 사이트

https://velog.io/@jiseung

React. DOM엘리먼트에 텍스트 삽입

innerHTML말고 dangerouslySetInnerHTML를 사용하는 것이 좋다. 참고사이트

메인 최신글에서 카테고리 제외시키

functions.php

Git 브랜치 종류

[React] npm 설치 시 reason: self signed certificate in certificate chain 에러 해결 방법

필자는 리액트 설치를 할 때 에러가 났지만 react뿐만 아니라 npm, vue 등 설치시에 에러가 발생할 수도 있다. 이런 에러는 SSL 문제이다. npm config set strict-ssl false -g 이렇게 명령어를 치면 해결 될 수 있다. SSL 관련 용어는 아래 다음과 같다…. Continue Reading →

Git fork 클라이언트 사용하기

Git GUI 클라이언트 중에 근래 사용하는 것은 git fork클라이언트입니다. 인터페이스가 제일 깔끔한 것은 Git Kraken이지만 멀티 계정 및 비공개 repository 등 모든 항목을 이용하려면 려면 결제를 해야 사용할 수 있습니다. github desktop은 github에 한정되어 있으며 여러 계정을 사용할 수 없습니다…. Continue Reading →

마인크래프트 구매 방법

요즘 마인크래프트 다시 많이 시작하는 거 같습니다.그래서 저도 관심을 가지게 되었는데요. 2022년 초에는 스타크래프트가 떠오르더니,말에는 마인크래프트가 떠올라 구매 방법을 알아보겠습니다. 위 갈무리에 보이는 것처럼 네이버 검색창에 ‘마인크래프트’를 검색하시면 됩니다.마인크래프트는 위 갈무리에서 보이는 것처럼 다양한 디바이에서 이용이 가능합니다.Window, Mac, Linux, PS3,… Continue Reading →

VS Code 확장 프로그램 추천

개요 2019년 VS Code 설치 및 확장 프로그램 추천을 올린적이 있습니다.아래 이전에 추가한 확장 프로그램에 이어 확장 프로그램을 추가 공유합니다. 확장 프로그램 추천 Live Server 쉽게 서버를 띄울 수 있었고 웹 브라우저에서 바로 확인 가능하며, 실시간으로 반영되어 편리한 확장 프로그램입니다…. Continue Reading →

카카오 먹통으로 인한 대체 가능 메신저는 어떤 것이 있을까?

개요 안녕하세요.지난 10월 15일에 SK C&C 데이터 센터가 화재남으로써 카카오 전체 먹통이 되었는데요. 대체 가능한 메신저 및 다른 메신저들은 어떤 메신저들이 있는지 알아보겠습니다. 전 세계 대부분의 사람들에게 모바일 메신저는 Facebook과 WhatsApp의 두 가지 플랫폼으로 구성됩니다. 전체적으로 25억 명이 넘는 사람들이… Continue Reading →

송해 할아버지 없는 카타르 2022 월드컵

지난 추석에 페이스북을 보다가 축구 커뮤니티에서 엘리자베스2세 여왕 서거로 인하여 월드컵 얘기가 나왔습니다. 내용은 다음과 같습니다. 그래서 얼마 전에 돌아가신 송해 할아버지가 생각나서 출생을 검색을 해보았습니다. 송해 할아버지는 1927년 생입니다. 엘리자베스 2세 여왕은 1926년 생입니다. 송해 할아버지가 한살 적었지만 월드컵은… Continue Reading →

소프트웨어 개발자의 종류

소개 개발자란? 개발자는 소프트웨어, 웹 사이트, 응용 프로그램 및 기타 시스템에서 작업, 구축 및 생성하는 기술 전문가입니다. 종종 개발자는 응용 프로그램 및 소프트웨어의 소스 코드를 효과적으로 작성하고 디버그하기 위해 코딩 지식이 필요합니다. 개발자는 종종 컴퓨터를 사용하여 다양한 목적으로 코드를 작성하고… Continue Reading →

2022년 8월 3주차 주간 TIL📝

자바스크립트 Set set 객체는 새 Set 객체를 만든다.자료형에 관계 없이 원시 값과 객체 모두 유일한 값을 저장할 수 있다. 설명 set 객체는 값 콜렉션으로, 삽입 순서대로 요소를 순회할 수 있다. 하나의 set 내 값은 한 번만 나타날 수 있다. 즉,… Continue Reading →

8월 2주차 주간 회고록 TIL 📝

2022.08.08(월) 기록적인 폭우로 인하여 수도권 및 경기도에 엄청난 폭우가 내렸다.그론 인해서 많은 곳이 침수 당해 피해를 생겼다.예전에 태풍으로 인해 루사, 매미… 많은 이재민이 발생 되었다. 동작역은 잠겨도 퇴근시간부터 운행을 못했고, 다음날까지 이어졌다.강남역도 마찬가지이며, 반포, 강남쪽에는 침수되는 차가 많이 나왔다.위에 사진들은… Continue Reading →

Mac에서 `(backtick)문자 입력 방법 및 영문 대문자 유지 방법 이모티콘 및 기타 기호 입력방법

개요 안녕하세요.Mac을 처음 사용하는 유저들에겐 다소 키보드 위치랑command(⌘)키, option(⌥), control(⌃)키가 익숙하지 않는데요.맥린이 입장에서 하나씩 하나씩 팁들을 공유하도록 하겠습니다.의외로 헤맬 수 있는 부분을 공유합니다. 한영 변환 방법 맥을 이전에 사용하는 사람들은 control(⌃) + space 키를 할 수 있던 것으로 알고 있습니다.현재도… Continue Reading →

CSS 방법론

오래전부터 올린 다는 것이 게을러 작성을 못했다가 근래에 다시 글을 올리면서 이 방법론도 꼭 공유하면 좋겠다 생각이 들어 공유를 합니다. 고수들은 읽지 않아도 됩니다 😅 시작하기 CSS 방법론 만들어진 게기는 CSS 활용도가 높아지고 대규모 프로젝트가 많아짐에 따라, 복잡한 설계의 필요성을… Continue Reading →

[내돈내산] 로지텍 MX Keys Mini for Mac 구매후기

개요 맥북을 구매한 후 키보드와 터치패드로 충분히 사용을 할 수 있을 거라고 생각했습니다.그러나 그거 나의 착각이였습니다. 거북이를 피해기 위해 거치대를 샀더니 맥북 키보드를 사용할 수 없어 블루투스 키보드를 알아보는 도중에 예전부터 봤던 로지텍 키보드를 구입하기로 했습니다. 이전에는 윈도우용 MX Keys… Continue Reading →

MAC OS에서 NPM으로 Eacces 오류 수정하는 방법!

개요 루트 권한으로 사용하여 Node.js와 npm을 설치했다면 npm ERR! Error: Eacces 오류가 발생합니다. 패키지를 설치할 때마다 ‘sudo’를 사용하여 npm 명령에 접두사를 붙어야 하는 불편한 결과가 나옵니다.이러한 문제는 Node.js 웹사이트에서 제공하는 .pkg 설치 프로그램을 사용한 결과로 보입니다. 따라서, 매번 sudo npm… Continue Reading →

npm WARN config global –global, –local are deprecated. Use –location=global instead. 해결 방법

개요 node.js 설치를 하려고 하다가 버전 확인을 하는데 node -v 은 제대로 되는데 npm -v이 계속 npm WARN config global –global, –local are deprecated. Use –location=global instead 뜨길래 검색 후에 해결 방안이 있어서 공유합니다. 해결방법 Power Shell을 관리자 권한으로 실행한다. Set-ExecutionPolicy Unrestricted -Scope CurrentUser -Force… Continue Reading →

[내돈내산] 이쏘코리아 맥세이프 3in1 고속충전기

안녕하세요. 👋 최근에 구입한 따뜻한 상품 이쏘코리아 회사의 맥세이프 3in1 고속무선충전기에 대해서포스팅을 하도록 하겠습니다. 구입하게 된 계기 우선 이 상품을 구입하게 된 것은 애플워치, 에어팟, 아이폰을 같이 사용하는데휴대용으로 충전할 수 있는 것을 찾게 되었습니다. ​ 검색을 하다가 이쏘코리아 맥세이프 3in1… Continue Reading →

[내돈내산] Macbook Pro

개요 바야흐로 2022.03.06(일) 애플 프로모션이 끝나기 하루 전날(?) 내 생애 처음으로 사는 맥북 프로를 고민을 길게 하지 않고 질러버렸습니다. 그런데!!금방 올 줄 알았던 맥북프로는 생각보다 오래 걸렸습니다.. 😢 83일만에 도착했습니다.킹치만 100일전에…90일전에 도착해서 얼마나 다행인지 모릅니다. 중국 공장의 코로나 확진자로 셧다운으로… Continue Reading →

엑셀 이미지 저장 쉽게 하는 방법

엑셀에서 이미지를 가져오려면 이미지를 선택 후 그림판 같은 곳에서 붙여넣기 해서 가져와야 하는 불편함이 있었습니다. 이것을 좀 더 쉽게 이미지를 저장하는 방법을 공유드립니다. 확장명을 zip파일을 변경합니다. 테스트.xlsx 파일을 테스트.zip로 변경하면 됩니다. 압축 된 파일(zip)을 압축해제 합니다. 압축해제 폴더로 들어갑니다. xl… Continue Reading →

Font Awesome과 함께 Vue.js를 사용하는 방법

기본 사용 방법 설치 1. 기본 Font Awesome SVG라이브러리를 설치한다. 2. 다음 Font Awesome 아이콘 패키지를 설치한다. Font Awesome Free Solid를 사용하지만 더 많은 아이콘 세트를 사용할 수 있다. npm i –save @fortawesome/free-solid-svg-icons 3. 그런 다음 Font Awesome Vue 구성… Continue Reading →

gulp plugin 업데이트

구문이 계속 변경이 될 수 있기 때문에 플로그인을 업데이트를 해줘야 한다. 일괄 업데이트를 해야하는데 이것이 생각보다 플로그인 방법은 생각보다 간단하다. 라이브러리 설치 npm-check-updates 설치한다. npm install -g npm-check-updates 버전 체크 npm-check-updates -u 위의 명령어로 package.json에 있는 dependency 정보를 읽어 현재… Continue Reading →

« Older posts

© 2024 부빠기별 — Powered by WordPress

Theme by Anders NorenUp ↑