IT이야기/기타 2023. 2. 17. 0
레노버 태블릿 Y700 반글화 및 문제점 해결방법
레노버 내수용 태블릿 초기 반글화 하기 제가 레노버 Y700을 구매했습니다. ㅎㅎ 중국 내수용 제품이다 보니 한글화부터 이것저것 설정해야 할 것이 많은데 잊어버리지 않기 위해 정리 차원에서 정리했습니다. 1. 처음 설정 처음 태블릿을 실행시키면 중국어로 나오게 됩니다. 중국어를 모른다면 일단은 영어로 설정을 해 놓고 시작하는 것이 좋습니다. 다음 화면 와이파이를 잡아 줍니다. 다음 화면 Game Mode는 우측 하단 Next 버튼을 클릭합니다. 다음 화면 PC Mode도 Next 버튼을 클릭합니다. 다음 화면 LeCloud도 Skip 버튼을 클릭합니다. 다음 화면 Recommended apps도 Skip 버튼을 클릭합니다. 다음 화면 System Navigation 도 둘 중 하나를 선택하고 Go 버튼을..
IT이야기/기타 2023. 2. 13. 0
아파트 천정에 붙은 와이파이 AP 초기화 하는 방법
입주를 했을 때부터 천정에 둥그런 WIFI가 달린 것을 보았습니다. 사실 이게 WIFI라는 것을 알았지만 기본 속도가 최대 300Mbps밖에 되지 않아서 거들떠도 보지 않았습니다. 아파트마다 설치된 장비가 업체도 다르고 모델도 다르겠지만 저희 집에 붙어 있는 장비는 MAP-11NCV3라는 AP입니다. 이 글을 읽으시는 분들은 아마도 이것 때문에 오셨을 확률이 높겠지요? WAN : 전원이 들어왔는지 네트워크선이 연결되었는지 확인 WLAN : 무선 WiFi가 동작하는지 확인 전원 스위치 : 뽀족한 것으로 눌러야 전원이 토글 됨 리셋 스위치 : 5초 이상 길게 누르면 제품이 초기화됨 기본 WiFi 접속 정보 기본 WiFi에 접속하는 비밀번호는 입주시점에 알려줍니다. 하지만 몇 년이 지나고 살던 사람이 바뀌고 ..
IT이야기/기타 2023. 2. 10. 1
레노버태블릿(M10PLUS 3세대, P12) 공장초기화하는 방법
레노버 태블릿을 가지고 있는데 공장초기화해야 할 일이 있어서 실제로 해봤습니다. 인터넷에 잘 나와있지 않아서 공유 차원으로 작성합니다. 만약 태블릿을 중고로 판매할 목적으로 초기화를 해야 한다면... 반드시 구글 로그아웃을 하고 초기화를 해야 합니다. 그렇지 않으면 구매한 상대방이 구글로 로그인 할때 이기기는 재설정 되었습니다. 라는 메시지와 함께 구글 락이 걸려버리게 됩니다. 분실한 태블릿을 보호하기 위해 구글에서 기본으로 락이 걸리도록 해 놓은 안전 장치입니다. 본인이 초기화 해서 사용할때는 문제가 없지만 중고로 판매할 경우는 꼭 구글 로그아웃하는것을 잊지 마세요. 1. 전원 끄기 먼저 전원을 꺼 줍니다. 공장초기화 때는 전원 버튼과 음량 버튼을 활용하여 메뉴 선택과 실행을 합니다. 전원 버튼 볼륨 ..
WEB개발이야기/VScode 2023. 2. 7. 0
VScode의 package.json에서 AWS의 S3로 배포하는 방법
React.js나 Vue.js 등의 Package 프로젝트로 개발을 할 때 쉽게 AWS의 S3로 배포하는 방법에 대해서 공유합니다. 먼저 AWS의 S3의 버킷은 이미 생성되어 있다는 가정입니다. S3 버킷 생성 아래와 같이 버킷이 생성되어 있습니다. 목차는 S3의 버킷입니다. 버킷의 이름이며 잘 기억해 놔야 합니다. 리전, 그러니까 실제로 물리적으로 파일이 저장되는 위치라고 보시면 됩니다. 기억해놔야 합니다. 액세스는 퍼블릭으로 되어 있어야 외부에서 접근이 가능합니다. IAM 권한 부여하기 이제 외부에서 접근하기 위해서 IAM에서 권한을 부여해야 합니다. 좌측 메뉴에서 사용자를 선택합니다. 보안 자격 증명 탭을 선택합니다. 중간쯤에 위치한 액세스 키를 발행합니다. 발행을 하면 Access key ID와 ..
IT이야기/컴퓨터 2023. 2. 2. 0
Hello Giga WiFI와 IPTIME 공유기를 이지메쉬(Mesh) 망으로 연동하기
LG 헬로비전의 인터넷을 설치하면 상품 종류에 따라 Giga WiFi 유무선 공유기를 하나 무상으로 제공을 해줍니다. 제가 받은 공유기는 머큐리에서 제작한 MC-G500입니다. 저는 IPTIME의 A8004T 공유기와 머큐리의 MC-G500 공유기를 활용하여 Mesh WiFi를 구성하려고 합니다. 처음에는 IPTIME 제품끼리만 Mesh가 가능한 줄 알았는데, 설치해보니 이기종도 설치가 가능했습니다. 나는 왜 인터넷과 TV을 LG 헬로비전으로 바꾸었을까? 인터넷망 구성 저는 최근 지어진 아파트에 살고 있고 단자함이 별도로 존재하고 있습니다. 단자함에는 전화망, TV망(동축케이블), 인터넷망(UTP 케이블)이 구성되어 있습니다. 제가 구성한 망은 아래와 같습니다. 1번 : 단자함 먼저 LG 헬로비전의 광케..
IT이야기/컴퓨터 2023. 2. 1. 0
나는 왜 인터넷과 TV을 LG 헬로비전으로 바꾸었을까
이번에 집 인터넷과 방송을 SK브로드밴드에서 LG 헬로비전으로 변경하였습니다. 기존에 SK브로드밴드도 모바일 결합을 하면 가격이나 품질 등에서 나쁘지는 않았으나 약정의 족쇄에서 풀려나기도 했도 사은품이나 월비용 등 기타 여러 가지를 고려해서 변경했습니다. 다행히 저희 집이 LG 헬로비전 서비스가 가능한 지역이라 여러 가지로 비교해 보고 결정을 했습니다. LG 헬로비전은 SK, KT, LG 같은 대기업에서 시작한 곳이 아니고 영세한 지역 케이블에서 시작한 업체입니다. CJ에서 지역 케이블을 인수하여 운영했었는데 그때는 동축 케이블망을 사용하여 인터넷 품질이 완전 똥망이였습니다. 근래 LG로 넘어가면서 LG U+ 망을 같이 사용하게 되면서부터 혜자스러워졌습니다. 그리고 원래 출신이 케이블방송이었기 때문에 방..
IT이야기/시놀로지 2023. 1. 10. 0
STRAPI V4 새 게시판(Content-Type) 만들고 권한 설정하기
프론트앤드 개발자에게 꼭 필요한 백앤드를 책임질 STRAPI Headless CMS STRAPI 최신 버전을 도커 이미지로 만들어서 시놀로지에 올려 서비스하는 방법 STRAPI V4의 무조건 알아야 하는 기본적인 관리자 화면 설명 STRAPI V4의 무조건 알아야 하는 기본적인 관리자 화면 - Settings(설정) 설명 STRAPI V4 새 게시판(Content-Type) 만들고 권한 설정하기 Strapi를 설치했으니 이제 한번 게시판을 만들어보겠습니다. Strapi에서는 콘텐츠 타입(Content-Type)이라고 합니다. Content-Type Builder에서 만들면 됩니다. Content-Type Builder 생성하기 Content-Type Builder 메뉴를 선택합니다. Create new ..
IT이야기/시놀로지 2023. 1. 6. 0
STRAPI V4의 무조건 알아야 하는 관리자 화면의 Settings(설정) 설명
프론트앤드 개발자에게 꼭 필요한 백앤드를 책임질 STRAPI> Headless CMS STRAPI 최신 버전을 도커 이미지로 만들어서 시놀로지에 올려 서비스하는 방법 STRAPI V4의 무조건 알아야 하는 기본적인 관리자 화면 설명 STRAPI V4의 무조건 알아야 하는 기본적인 관리자 화면 - Settings(설정) 설명 이전 포스팅에서 STRAPI V4의 무조건 알아야 하는 기본적인 관리자 화면 설명을 했습니다. 그중 Setting 부분은 중요하기도 하고 내용도 많기 때문에 여기에 별도로 포스팅을 하려고 합니다. Settings Settings은 Strapi의 전체적인 기능에 대한 설정을 하는 화면입니다. GLOBAL SETTINGS GLOBAL SETTINGS은 Strapi에 대한 일반적인 설정을 ..
IT이야기/시놀로지 2023. 1. 5. 0
STRAPI V4의 무조건 알아야 하는 관리자 화면 설명
프론트앤드 개발자에게 꼭 필요한 백앤드를 책임질 STRAPI> Headless CMS STRAPI 최신 버전을 도커 이미지로 만들어서 시놀로지에 올려 서비스하는 방법 STRAPI V4의 무조건 알아야 하는 기본적인 관리자 화면 설명 STRAPI V4의 무조건 알아야 하는 기본적인 관리자 화면 - Settings(설정) 설명 얼마 전에 시놀로지의 도커에 STRAPI V4를 이미지로 만들어서 서비스하는 방법을 포스팅했습니다. (위의 링크를 참조하세요.) 이번에는 STRAPI V4의 백 앤드 관리자 화면에 대해서 가장 기초적인 설명을 하도록 하겠습니다. STRAPI는 Bronze Silver Gold의 유료 서비스와 완전히 무료인 Community Edition을 서비스하고 있습니다. 보통은 Community..
IT이야기/시놀로지 2022. 12. 13. 0
Headless CMS STRAPI 최신 버전을 도커 이미지로 만들어서 시놀로지에 올려 서비스하는 방법
예전에는 제로보드, 워드프레스 같은 CMS(콘텐츠 매니지먼트 시스템)를 주로 사용해서 카페(게시판)나 블로그 등을 만들어 서비스하는 것이 대세였습니다. 현재는 Frontend의 발달로 인해 백앤드 위주로 서비스되는 Headless CMS가 부상을 하고 있고 그 중심에 STRAPI가 있습니다. STRAPI STRAPI는 쉽게 말하면 워드프레스 같은 CMS에서 백앤드쪽의 부분만 담당하는 서비스라고 보시면 됩니다. 프론트앤드는 react.js로 개발하든, vue.js로 개발하든 알아서하고 백앤드는 STRAPI에서 제공하는 RESTful or GraphQL로 데이터를 주고받도록 하는 것입니다. 그렇게 확보된 콘텐츠는 STRAPI에서 관리할 수 있습니다. 자세한 설명은 아래의 링크를 참조하세요. 프론트앤드 개발자..
IT이야기/Google프로그램 2022. 11. 28. 0
[Google Sheets] 소계 합산할때 유용한 SUBTOTAL 함수 활용하기
구글 시트나 엑셀에서 소계가 포함된 계산을 할 때 요긴하게 사용할 수 있는 함수 중에 SUBTOTAL 함수가 있습니다. 이 함수는 구글 시트뿐 아니라 엑셀에도 동일하게 존재합니다. SUBTOTAL() 함수가 필요한 상황 시트의 열(세로)에 대한 부분 합을 계산해 줍니다. 아래의 2개의 동일한 합계를 구하는데, 첫 번째의 합계는 1,600,000원이고 두 번째의 합계는 1,200,000원입니다. 정상적이라면 오른쪽처럼 1,200,000원이 나오는 것이 맞습니다. 체험비와 식사비는 소계가 적용되어 있기 때문에 모두 더한다면 중복 계산이 되기 때문입니다. 1,600,000 : 소계까지 더해진 금액이므로 틀린 값입니다. 1,200,000 : 소계가 중복 계산되지 않기 때문에 맞는 값입니다. 이렇게 소계가 포함된..
IT이야기/Google프로그램 2022. 11. 25. 0
[Google Sheets] 구글 시트 행과 열 고정하는 방법
스프레드시트를 사용하다 보면 내용이 많아질 경우 헤더나 타이틀을 고정해야 편리할 때가 있습니다. 이번 시간에는 그 헤더나 타이틀을 고정하는 방법을 포스팅하려고 합니다. 1번은 행을 고정한 모습입니다. 2번은 열을 고정한 모습니다. 행 고정하기 행 고정하기는 시트의 첫 번째 행, 두 번째 행은 기본적으로 고정을 할 수 있습니다. 또한 현재 커서가 위치한 자리를 기준으로 고정을 할 수도 있습니다. 먼저 고정하기 원하는 행을 선택해 놓습니다. 상단 메뉴에서 보기를 선택합니다. 고정을 선택합니다. 고정에 대한 메뉴를 선택합니다. 행 고정 없음 : 행 고정을 초기화합니다. 행 1개 : 첫 행, 그러니까 1번 행을 고정합니다. 행 2개 : 두 번째 행, 그러니까 2번 행을 고정합니다. 2행까지 : 현재 선택되어 있..
IT이야기/Google프로그램 2022. 11. 23. 0
[Google Sheets] 구글 시트 조건부 서식의 모든 것
구글 시트도 엑셀처럼 조건부 서식이 가능합니다. 조건부 서식이란 셀의 내용이 특정 조건에 해당할 경우 그 셀 또는 그 라인의 스타일을 변경할 수 있는 기능입니다. 조건부 서식 조건부 서식은 크게 2가지로 나눌 수 있습니다. 해당 조건에 맞는 경우 자기 자신 셀의 스타일을 변경하는 일반 조건부 서식과 다양한 조건과 서식을 적용할 수 있는 맞춤 수식이 있습니다. 일반 조건부 서식 일반 조건부 서식은 간단하게 조건을 설정할 수 있는 장점이 있습니다. 다만 자기 자신의 셀에 대해서만 서식을 지정할 수 있습니다. A에서 E까지의 컬럼 중에 점수가 50점 이하인 경우 셀에 표시를 해라라는 조건부 서식입니다. 조건은 텍스트, 날짜, 숫자에 대한 다양한 조건을 한 번에 편리하게 지정할 수 있지만 서식이 적용되는 범위는..
IT이야기/Google프로그램 2022. 11. 17. 0
Google Sheets에서 드롭다운 목록 만들기
안녕하세요. 구글 시트에서 드롭 다운 목록 만들기에 대해서 설명하겠습니다. 드롭 다운 목록은 다양한 곳에 활용되는데요. 저는 여행 일정표에 적용하는 예제로 설명을 하려고 합니다. 드롭 다운 목록은 크게 2가지 방법으로 사용하는데요. 그중에 하나는 범례를 이용해서 만드는 방법이 있고, 직접 항목을 입력해서 만드는 방법이 있습니다. 1. 범례를 이용해서 만드는 방법 가장 많이 이용하는 방법으로 별도의 범례 시트를 만들어서 목록 리스트를 만들어 놓고 연결하여 사용하는 방법입니다. ▲ 일자를 적용해 볼 텐데요. 위와 같이 드롭 다운 목록에 1일차 ~5일차까지 적용되어 있는 것을 볼 수 있습니다. ▲ 범례라는 시트를 하나 만들어서 이곳의 항목을 참조해서 불러오게 하는 것입니다. 만드는 방법 드롭 다운 목록은 데이..
IT이야기/Google프로그램 2022. 11. 7. 0
Google Sheets 시작하기
Google Sheets(줄여서 Sheets)를 사용하는 방법입니다. 일단 설명은 PC에서 작업하는 것을 기준으로 하며, 웹브라우저에서 URL 접근을 통해 시작할 수 있습니다. 다양한 웹브라우저가 있지만 아무래도 같은 구글에서 만들어진 크롬을 사용하는 것이 호환성 면에서 좋을 것 같습니다. Google Drive 열기 Sheets를 사용하기 위해서는 https://sheets.google.com로 직접 접근하는 방법과 https://drive.google.com 로 접근하는 방법이 있습니다. 아니면 처음부터 문서 자체의 URL로 접근하는 방법도 있고요. https://sheets.google.com https://drive.google.com 직접 문서 URL로 접근 사람마다 개인차는 있으나 저는 일단 ..
IT이야기/Google프로그램 2022. 8. 24. 0
Google Workspace 무료 사용 방법
구글이 자신들의 수익모델은 광고라고 하면서 천사처럼 많은 유용한 서비스를 무료로 제공하다가 거의 독점적인 지위를 획득 한 다음에 돈을 내라고 하는 모습을 슬슬 보이고 있습니다. 마음에 들지 않지만 대안이 없는 상황에 울며 겨자 먹기로 비용을 지불하게 됩니다. 그러나 괘심하긴 해도 완성도 높은 서비스를 처음에 무료로 제공해 주니 개인 사용자 입장이라면 나쁘게만 보기도 어렵기는 합니다. 그런 서비스 중에 Google Workspace가 있는데 이 서비스도 기업에서 사용하면 유료의 비용을 지불해야 하지만 개인이라면 대부분 무료로 사용할 수 있습니다. Google Workspace에는 아래의 프로그램들이 포함되어 있습니다. Google Workspace Docs : MS워드 같은 워드프로세서 프로그램 Sheet..
WEB개발이야기/React.js 2022. 7. 14. 0
React.js에서 JSX사용하기
JSX란? React에서 JSX는 필수 요소는 아니지만 React를 코딩하는데 많은 편리함을 더해주는 확장 문법이라고 보면 됩니다. JSX란? - React 공식웹사이트 React에서는 본질적으로 렌더링 로직이 UI 로직(이벤트가 처리되는 방식, 시간에 따라 state가 변하는 방식, 화면에 표시하기 위해 데이터가 준비되는 방식 등)과 연결된다는 사실을 받아들입니다. React는 별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하는 대신, 둘 다 포함하는 “컴포넌트”라고 부르는 느슨하게 연결된 유닛으로 관심사를 분리합니다. 이후 섹션에서 다시 컴포넌트로 돌아오겠지만, JS에 마크업을 넣는 게 익숙해지지 않는다면 이 이야기가 확신을 줄 것입니다. React는 JSX 사용이 필수가 아니지만, 대부분..
WEB개발이야기/React.js 2022. 7. 11. 0
React.js의 아주 기초적인 사용법
React를 공부하기 시작했습니다. 아주 간단한 것부터 알게 된 것을 기록해 볼까 합니다. React는 프레임워크라기보다는 라이브러리라고 할 수 있습니다. 그렇기 때문에 기존의 HTML에 간단하게 React를 적용할 수 있습니다. 먼저 가장 기본적인 HTML은 아래와 같습니다. React.js 적용하기 react.js를 적용하기 위해서 먼저 react.js javascript CDN을 적용해야 합니다. 이제 이 HTML 문서는 React를 실행시킬 수 있습니다. 간단하죠? 한번 간단하게 적용해 보겠습니다. 먼저 react가 발현될 dev를 지정합니다. 보통은 id="root"를 많이 사용하나 바꾸어도 상관없습니다. 그리고 react 문을 작성합니다. react도 javascript이므로 javascrip..
IT이야기/무료프로그램 2022. 6. 16. 0
컴퓨터 최적화 프로그램 구라제거기 사용법
컴퓨터, 특히 게임을 하다 보면 사양이 충분함에도 불구하고 자꾸 렉이 걸려서 짜증이 나는 경우가 있습니다. 그럴 경우 해결하는 방법이 여러 가지가 있지만 그중에서 컴퓨터에 불필요하게 설치되는 보안 프로그램들도 한몫합니다. 은행이나 관공서 웹사이트에 접속을 하게 되면 키보드 보안 프로그램부터 다양한 프로그램들이 자동으로 설치가 됩니다. 그 웹사이트에서 일을 볼 때는 필요하겠지만 그 일이 끝난 다음에서는 그냥 컴퓨터의 리소스를 잡아먹는 민폐 프로그램이 되어 버립니다. 그런 민폐 프로그램들을 삭제해 주는 최적화 툴이 구라제거기 입니다. 구라제거기 설치법 이름이 좀 구리지만, 저는 이런 이름 좋아합니다. 너무~ 한국적이야.. 먼저 개발자님의 블로그 사이트로 이동을 합니다. 티스토리 블로그를 사용해서 배포를 하고..
IT이야기/Google프로그램 2022. 6. 9. 0
Google캘린더(달력)에 대한민국 휴일 표시하기
구글 캘린더에 대한민국 휴일을 표시하는 설정에 대해서 소개합니다. 네이버 달력이라면 그냥 기본으로 나오겠지만 구글캘린더의 경우는 별도의 설정을 해 주어야 합니다. 휴일의 표시는 각 나라의 휴일을 구글에서 미리 작성해 놓은 것을 내 캘린더에 불러와 적용하는 방식으로 되어 있습니다. 대한민국 공유일 표시하기 먼저 설정화면으로 이동합니다. 캘린더 화면의 우측상단의 설정 아이콘을 클릭합니다. 메뉴 중 설정을 클릭합니다. 설정화면 중 좌측 메뉴에서 캘린더 추가 메뉴를 선택합니다. 관심분야와 관련된 캘린더를 선택합니다. 지역 공휴일의 모두 둘러보기를 선택하면 각나라의 휴일을 선택할 수 있습니다. 우리는 대한민국의 휴일을 선택합니다. 캘린더에서 공휴일 보기 대한민국 휴일에 대한 설정을 했다면 이제 보기 좋게 표시하면..
IT이야기/Google프로그램 2022. 6. 9. 0
Google캘린더(달력)에 음력 표시하기
구글의 서비스 중 캘린더는 매우 유용한 무료 서비스 입니다. 무엇보다도 안드로이드를 사용한다면 구글캘린더는 더할나위 없는 일정관리 툴이라 할 수 있습니다. 폰, 태블릿, 데스크탑 등 대부분의 디바이스에서 실시간 동기화도 됩니다. 다만 구글 캘린더의 한가지 아쉬운점이라면 전세계를 대상으로 하다보니 아무래도 인터페이스 면에서 한국에 최적화 되어 있지는 않다는 것입니다. 캘린더의 서드파티로 어느정도 커버는 가능하지만 약간 아쉬운 점은 어쩔 수 없습니다. 음력 표시하기 그래도 다행히 음력의 표시는 서드파티없이 기본기능으로 설정이 가능해서 설명을 해 볼까 합니다. 설정하기 ▲ 먼저 캘린더의 우측 상단에 있는 톱니모양 아이콘을 클릭합니다. 메뉴중 설정 메뉴를 선택합니다. 보조캘린더를 한국으로 선택하면 날짜 옆에 음..
IT이야기/맥북 2022. 3. 24. 0
맥북 한영 전환키를 윈도우처럼 변경하는 방법
윈도우를 사용하다가 맥 OS로 넘어가게 되면 당장 키보드 사용에서 불편함을 겪게 됩니다. 앞으로 맥 OS만 계속 사용한다면 맥 OS의 한영 전화키인 Command + Sppace 버튼을 사용하거나 키보드의 왼쪽에 있는 한/A키를 익숙하게 사용하면 됩니다. 하지만 저같이 윈도즈와 맥 OS를 번갈아 사용할 경우는 맥 OS의 한영 전환키를 윈도우즈의 키처럼 스페이스바 옆에 있는 command버튼으로 변경하는 것이 편리합니다. 한영 전환키를 기본 시스템에서는 변경할 수 없고 Karabiner라는 유틸리티 프로그램의 도움을 받아야 합니다. 먼저 https://karabiner-elements.pqrs.org 에 접속을 합니다. 다운로드 및 설치하기 자신의 OS 버전에 맞는 설치 파일을 다운로드하고 설치를 합니다...
IT이야기/맥북 2022. 2. 24. 0
MacOS의 현재 프로세스 보기와 강제종료하기
맥북을 사용하다 보면 가끔씩 사용하는 프로그램이 죽어버리는 경우가 있어요. 이게 맥OS에서만 발생하는 것은 아니고 윈도 OS에서도 발생하는데, 윈도를 주로 사용하는 저로서는 쉽게 해결할 수 있으나 MacOS에서는 어디를 어떻게 손봐야 할지 난감한 경우가 생기더라고요. 그래서 MacOS에서 현재 진행되고 있는 프로세스가 무엇이 있으면 자원은 얼마나 잡아먹고 있는지 보는 방법과 그 프로세스를 강제로 종료시키는 방법을 말해 보려고 해요. 증상 저는 이전에 Docker를 맥북에 설치를 했는데, 어느 순간부터 컴퓨터를 켜면 이 Docker가 실행은 되는데 정상적으로 실행이 되지 않고 에러를 뱉어 내고 있었어요. exit버튼을 아무리 눌러대도 종료가 안돼요. 그래서 찾아봤습니다. 해결 방법 윈도에서는 작업관리자라고..
WEB개발이야기/VScode 2022. 2. 21. 1
[VScode 익스텐션] Visual Studio Code에서 클립보드에 저장된 Image 붙혀넣기 - Paste Image
마크다운(Markdown)으로 글쓰기를 할 때 이미지 붙여넣기에 대해 매우 유용한 익스텐션이 있어서 소개해 드릴게요. 캡처 프로그램으로 캡처를 하고 바로 마크다운 문서에 붙여넣기 하면 바로 이미지가 반영이 되고 이미지는 별도의 폴더에 저장이 되도록 구성되어 있어요. [Extension] Paste Image 이미지를 클립보드에서 마크다운/asciidoc(또는 다른 파일)로 붙여넣기를 할 수 있어요. Paste Image 설정하기 Paste Image를 몇 가지 설정하면 나에게 맞게 커스터 마이징 할 수 있어요. 모든 부분을 설명하기는 어렵고, 간단하게 몇 가지 설정하는 방법입니다. Base Path : 기본이 되는 폴더의 경로입니다. 입력값은 ${currentFileDir} 및 ${projectRoot}..
WEB개발이야기/VScode 2022. 2. 18. 0
Visual Studio Code에서 코드조각(Snippets)을 슬기롭게 사용하는 방법
Visual Studio Code (이하 VS code) 자체만으로도 매우 훌륭한 툴이지만 코드 조각(Snippets)을 잘 활용한다면 더 쉽고 빠르게 코딩을 할 수 있어요. 코드 조각(Snippets)이라고 하면 핸드폰의 단축키처럼 특정 문자를 입력하면 그에 해당하는 코드가 자동으로 작성이 되는 것을 말해요. 저는 주로 Markdown으로 티스토리나 구글 블로거로 포스팅할 때 주로 사용해요. 기본 구성을 자동으로 해주기 때문에 상당히 편하죠. 내장 코드 조각 (Built-in snippets) 먼저 VS code를 설치하면 기본으로 설치되어 있거나 스니펫 익스텐션을 설치하면 사용할 수 있는 코드 조각들이 있어요. 이것만으로도 상당히 편리한 코드 생활이 가능하죠. 예를 들면 위의 애니메이션 이미지처럼 h..
WEB개발이야기/VScode 2022. 2. 17. 0
VScode(Visual Studio Code)소개와 설치하기
코딩을 하기 위한 편집기라면 TextEditor과 IDE로 나뉠 수 있을 거예요. 그중에 IDE는 특수한 환경이나 언어에 특화된 에디터라 매우 편리한 점은 있지만 범용적으로 사용할 수는 없는 거예요. 하지만 텍스트 에디터는 html, css, javascript, typescript, python, Markdown, C 등등.. 다양한 환경이나 언어에서 범용적으로 사용할 수 있기 때문에 나름 인기가 높습니다. 라떼~ 개발자라면 울트라 에디터, 에디트 플러스, 노트패드 등등.. 을 아실 텐데요. 이 텍스트 에디터의 현재 버전이 Visual Studio Code라고 할 수 있어요. 윈도의 메모장, 위드 패드 등이 1세대, 울트라 에디터, 에디트 플러스 등이 2세대라면 서브라임텍스트(Sublime Text),..
WEB개발이야기/Git 2022. 2. 11. 0
error: RPC failed; curl 18 transfer closed with outstanding read data remaining이 발생했을 때 문제해결
git을 이용하여 Clone 하는 도중.. error: RPC failed; curl 18 transfer closed with outstanding read data remaining 에러가 발생했다면 이렇게 한번 해보세요. 문제 원인 error: RPC failed; curl 18 transfer closed with outstanding read data remaining를 해석해 보면 미해결 읽기 데이터가 남아 있는 상태에서 curl 18 전송이 종료되었습니다. 라는 뜻이네요. 문제의 원인은 네트워크의 문제로 인해 연결이 끊기고 git clone 종료된 상황이라고 합니다. 보통 네트워크 상황이 좋지 않고 대량의 파일을 Clone 할 때 발생할 수 있다고 합니다. 해결 방안 한 번에 모든 파일을 g..
VSCODE 블로그포스팅/블로그포스팅 설명서 2022. 2. 10. 0
[nJo2] markdown blogPosting for vsce의 구매정보 등록 방법
[nJo2] markdown blogPosting tistory-blogger for vsce 소개 바로가기 Visual Studio Code의 익스텐션인 [nJo2] markdown blogPosting for vsce로 블로그에 글을 쓰기 위해서는 제품을 구매하고 획득한 Product ID와 CODE를 제품에 등록/설정을 해야 합니다. 그 설정하는 방법은 아래와 같습니다. 1. 구매하기 [구매자] 판매 사이트에 접속을 합니다. https://shop.njo2.com 접속하기 ▲ 상품 중 VScode Markdown으로 Blogger 글쓰기 또는 VScode Markdown으로 Tistory 글쓰기를 선택하고 구매 합니다. [구매자] 입금을 합니다. 구매를 하면 MY > 구매리스트에 구매 목록과 입금 ..
