본문 바로가기
반응형

전체 글32

비주얼스튜디오 코드 띄어쓰기시 글자 지워지는 문제 비주얼 스튜디오 코드에서 코딩 편집 중 코드 중간에 글자 입력, 띄어쓰기 시 작성한 코드가 지워지는 상태가 되어 불편함을 겪을 때가 있다. 이것은 덮어쓰기 모드가 활성화된 상태로 모드를 전환하여 해결할 수 있다.비주얼스튜디오 코드 편집중 글자 지워지는 이유 비주얼스튜디오는 기본적으로 삽입 모드가 활성화되어 텍스트 사이 커서를 놓고 입력시 기존 코드가 지워지지않고 입력된다. 하지만 덮어쓰기 모드가 활성화되면 기존 글자가 지워지고 대체되는 방식으로 편집된다. 비주얼스튜디오코드 삽입 모드와 덮어쓰기 모드 전환키보드의 Insert 키를 눌러 간단하게 모드를 전환할 수 있다.  삽입모드에서는 기존 텍스트를 유지하면서 코드를 추가할 수 있으며, 텍스트를 확장하는데 적합하다. 가장 일반적으로 사용하는 입력 방식이다... 2024. 12. 20.
자바스크립트로 스크롤시 CSS 배경색 변경하기 | window.scrollY 스크롤을 내리면 헤더의 색상이 변경되는 코드를 자바스크립트로 작성하였습니다. addEventListner와 classList, requestAnimationFrame() 메서드가 사용됩니다.자바스크립트로 스크롤 시 CSS 변경하기헤더의 배경색을 transprent로 투명하게 설정했는데 스크롤을 내렸을 때 밝은 배경에서는 헤더가 잘 안보이는 경우가 있습니다. 이럴 때 자바스크립트로 검정색 배경색으로 바꾸는 방법을 알아보겠습니다.[CSS] 스크롤 시 바꿀 디자인 작성하기header.scrollColor{    background-color: black;    animation: changeColor 0.5s ease-in-out;}@keyframes changeColor{    0%{        opaci.. 2024. 10. 31.
웹사이트 호스팅 신청하기 | 카페24 매니지드 워드프레스 빌드업 워드프레스를 개설하기 위해 카페24 웹 호스팅을 신청하였습니다. 워드프레스 초보자가 시작하기 좋은 월 1GB용량의 1,100원의 빌드업을 신청하였으며 호스팅 환경 설정과 도메인 연결, 기본적인 워드프레스 설정방법을 설명합니다.카페24 매니지드 워드프레스 호스팅 신청하기 워드프레스를 개설하기 위해 먼저 호스팅 신청을 했습니다. 호스팅 사이트의 종류에는 아마존의 AWS, 요즘 뜨고있는 클라우드웨이즈 등 많이 있지만 국내에서 서비스되면서 가격이 저렴한 카페24를 선택하였습니다. 한국 서버 사용으로 속도가 빠르고 문제가 발생할 때 언어 소통에 불편함이 없을 것을 기대할 수 있고 워드프레스 초보자에게 가장 적합한 호스팅 사이트로 판단했기 때문입니다.카페24 호스팅 신청 방법먼저 호스팅 요금제를 선택합니다. 제가 .. 2024. 10. 21.
웹사이트 도메인 구매하기 | 호스팅케이알 .com 워드프레스를 개설하기위해 호스팅 케이알에서 .com 도메인을 구매하였습니다. 연 1만원대의 저렴한 가격으로 이용할 수 있으며 도메인 구매 방법과 구매시 네임서버를 설정하여 간단히 호스팅 연결하는 방법을 설명합니다.호스팅 케이알에서 도메인 구매하기도메인은 웹사이트의 주소를 식별하는 이름을 의미합니다. 기본 도메인보다 .com이나 .co.kr과 같은 검증된상위 도메인을 이용했을 때 웹사이트 신뢰도가 더 높게 평가될 수 있습니다. 도메인 구매 사이트는 후이즈, 가비아, 카페24, 네임칩 등 다양한 사이트가 있지만 .com 도메인이 연 15,400원의 가격으로 저렴한편인 호스팅 케이알을 선택하였습니다.호스팅 케이알 도메인 구매 방법1. 호스팅 케이알 도메인 검색창에서 원하는 도메인을 검색합니다. 자신이 정한 웹.. 2024. 10. 21.
문서 객체 모델(DOM)과 노드의 기본 개념 문서 객체 모델(DOM)은 웹 개발에 있어서 매우 중요한 역할을 합니다. DOM을 자바스크립트로 제어하여 화면에 새로운 요소를 추가하거나 기존 구성 요소를 변경하는 등 다양하게 활용할 수 있습니다.이 글은 DOM의 기본 개념을 설명합니다.문서 객체 모델(DOM)이란?DOM이란, 웹 브라우저가 html 문서를 해석한 것을 객체화한 모델 구조를 의미합니다. html의 구성 요소인 등을 트리 구조의 객체 모델로 변환하여 이 트리 구조를 DOM 트리라고 합니다. 각 구성 요소들은 노드라고 하며 서로 부모, 자식, 형제 관계를 형성하게 됩니다. 자바스크립트로 DOM을 조작해 페이지 요소를 변경하거나 추가하는 등의 동적으로 다룰 수 있습니다.노드의 종류와 예시DOM은 html 문서의 각 요소를 노드로 나타냅니.. 2024. 10. 6.
스마트폰 크기에 맞추는 반응형 웹 디자인하기 | 미디어쿼리 화면 크기가 다양한 기기에서 웹페이지를 볼 때 모두 같은 크기의 요소와 디자인을 본다면 한 화면에 내용이 잘리거나 너무 작게 표시되어 보는 데 불편함을 겪을 것입니다. 이 글은 다양한 기기에서 최적화된 웹페이지를 구현하는 반응형 웹 디자인의 기본 개념을 설명합니다.반응형 웹 디자인이란?반응형 웹 디자인은 다양한 디바이스 (데스크톱, 태블릿, 스마트폰 등)에서 웹 페이지의 콘텐츠가 디스플레이 크기에 맞게 최적화된 스타일로 조정되도록 하는 디자인 기법입니다.  html, css, 미디어쿼리를 사용하여 구현되며, viewport를 설정하고 미디어쿼리를 정의하는 방식으로 화면의 요소들을 유동적으로 조정시킵니다.viewport 설정하기viewport는 디바이스의 화면 크기를 의미하는 것으로, viewport를 설.. 2024. 10. 6.
블로그에 웹 폰트 적용하기 | 구글 폰트 ,티스토리 북클럽 테마 블로그나 웹사이트를 꾸밀 때 글꼴은 디자인적으로 큰 영향을 미칩니다. 그러한 글꼴 변경을 별도의 다운로드 없이 웹 폰트를 이용하여 쉽고 간단하게 글꼴을 적용시킬수 있습니다. 이 글에선 티스토리 북클럽 테마에 '구글 폰트'를 이용한 폰트 적용 방법을 설명합니다.구글 폰트로 블로그에 웹 폰트 적용하기구글 폰트는 구글에서 제공하는 무료 웹 폰트 사이트로 전세계적으로 널리 사용되고 있습니다. 약 1천 개의 무료 글꼴을 제공하며 다양한 언어의 폰트를 이용할 수 있습니다. 웹 폰트란? 폰트를 다운로드 받지 않고도 코드 입력만으로 폰트를 표시할 수 있게 하는 기법입니다.구글 폰트 사용 방법구글 폰트를 사용하려면 폰트를 고르고, html에서 웹폰트 코드를 작성하고, css에서 폰트를 적용할 태그를 지정해야합니다. 다음.. 2024. 10. 5.
롤 로그인 오류 발생 및 해결 방법 | 롤 클라이언트 무한로딩 최근 롤 무한로딩 오류가 한번씩 발생하고 있다. 해당 오류는 리그오브레전드 클라이언트 창에서 로그인 시 발생하는 문제로,  간단하게 다른 방법으로 우회 로그인하여 롤을 플레이할 수 있는 해결 방법을 작성하였다.롤 로그인 오류 발생현재 롤 로그인 오류로 게임 자체를 진행하지 못하는 오류가 발생하고 있다. 로그인 오류는 리그 오브 레전드 클라이언트 창에서 로그인 시 "플레이어 정보를 불러오지 못했습니다. 여기에서 서비스 상태를 확인하신 후 다시 시도해주세요."라는 메시지와 함께 종료 버튼을 클릭할 수 있다. 종료 버튼을 클릭하면 클라이언트가 아예 종료되어 로그인 자체가 불가한 상태이다.롤 로그인 오류 발생 시점리그 오브 레전드 공식 홈페이지의 서비스 상태 페이지에서 오류 진행 상태를 확인할 수 있다. 해당 .. 2024. 9. 11.
큐플레이 아바타 꾸미기 및 움짤 저장 - 여자 캐릭터 9개 큐플레이 여자 아바타 꾸미기 및 움짤 저장 넥슨 30주년 기념 이벤트로 큐플레이 아바타를 꾸며 움짤로 저장할 수 있게 되었다. 이 이벤트는 7-8월 두 달간 진행되어 기간이 끝나기 전에 여러 캐릭터를 코디해 이미지를 다운로드 받아 놓았다. [큐플레이 아바타 만들기]에서 생성 할 수 있으며 자세한 내용은 [넥슨 30주년 큐플레이 이벤트] 페이지에서 확인할 수 있다.  큐플레이 여자 캐릭터 이미지 다운로드큐플레이 남자 캐릭터를 다수 생성해 다운로드 받았다. 단순히 캡처된 정적 이미지가 아닌 움직이는 움짤로 저장할 수 있어서 훨씬 역동적이고 2000년대 아바타 감성이 느껴진다. 내 마음대로 배경과 소품을 최대한 사용해 화려하게 꾸며보았다. 이 글에 직접 만든 여캐 9개를 공유하였으며 움짤 이미지 아래의 다운로.. 2024. 8. 28.
큐플레이 아바타 꾸미기 및 움짤 저장 - 남자 캐릭터 9개 큐플레이 남자 아바타  꾸미기 및 움짤 저장넥슨 30주년 기념 이벤트로 큐플레이 아바타를 꾸며 움짤로 저장할 수 있게 되었다. 이 이벤트는 7-8월 두 달간 진행되어 기간이 끝나기 전에 여러 캐릭터를 코디해 이미지를 다운로드 받아 놓았다. [큐플레이 아바타 만들기]에서 생성 할 수 있으며 자세한 내용은 [넥슨 30주년 큐플레이 이벤트] 페이지에서 확인할 수 있다. 큐플레이 남자 캐릭터 이미지 다운로드큐플레이 남자 캐릭터를 다수 생성해 다운로드 받았다. 단순히 캡처된 정적 이미지가 아닌 움직이는 움짤로 저장할 수 있어서 훨씬 역동적이고 2000년대 아바타 감성이 느껴진다. 내 마음대로 배경과 소품을 최대한 사용해 화려하게 꾸며보았다. 이 글에 직접 만든 남캐 9개를 공유하였으며 움짤 이미지 아래의 다운로드.. 2024. 8. 27.
넥슨 30주년 이벤트 큐플레이 아바타 만들기 및 베스트 드레서 콘테스트 큐플레이 아바타 만들기 이벤트넥슨 홈페이지에서 넥슨 30주년 기념으로 [추억의 큐플레이 아바타 만들기] 이벤트가 진행되고 있다. 해당 이벤트는 그 때 그 시절 감성이 느껴지는 큐플레이 아바타를 꾸미고 콘테스트에 참여하면 추첨을 통해 선물을 받을 수 있는 이벤트이다. 이벤트 보상으로 당첨되면 온라인 문화상품권 3만원과 넥슨캐시 3만원을 받을 수 있다. 이벤트 기간[1차] 2024년 7월 1일(월) 오전 11시 ~ 2024년 7월 31일(수) 오후 11시 59분까지[2차] 2024년 8월 1일(목) 오전 0시 ~ 2024년 8월 31일(토) 오후 11시 59분까지※이벤트 참여는 로그인하여 아바타를 생성 완료한 후 콘테스트에 제출할 수 있으며 아바타 생성과 이미지 다운로드는 로그인 없이도 가능하다. 이벤트 추.. 2024. 8. 26.
구글 스프레드시트 | 기본 단축키 및 유용한 기능 모음 구글 스프레드시트 단축키 및 유용한 기능 모음구글 스프레드시트는 엑셀 대용으로 쓰이는 스프레드시트 프로그램으로 열과 행으로 이루어져 있으며, 데이터를 쉽게 관리하고 분석할 수 있다. 기본적인 베이스는 마이크로소프트 엑셀과 비슷하지만 서식 사용 방법이나 기능 사용에 있어서 차이가 있다. 다음은 구글 스프레드시트의 기본적인 단축키와 유용한 기능 사용 방법에 대한 설명이다.[목차]기본 단축키셀 단축키셀 포인터 이동 키날짜 및 시간 입력특수문자 사용방법셀 너비 넓히기열 크기 조절행 크기 조절모든 수식 표시시트 이동자동 채우기 기능주석 추가링크 삽입기본 단축키 프로그램 종료 Alt + F4 바로 저장 Ctrl + S 파일 열기 Ctrl + O 복사 Ctrl + C 인쇄 설정 Ctrl + P 붙여넣기 Ctrl + .. 2024. 8. 14.
롤 뱅가드 오류 코드 및 해결 방법 모음 롤 뱅가드란?롤 뱅가드는 라이엇 게임즈의 보안 소프트웨어이며 리그오브레전드, 롤토체스, 발로란트를 실행할 때 필수로 설치하여 불공정한 치트 프로그램을 차단하는 안티치트 프로그램이다. 그러한 부정행위와 불법 프로그램을 사용한 유저는 게임 정지 사유에 해당한다.롤 뱅가드 오류 문제뱅가드를 통해 핵 유저가 없는 클린한 게임 환경을 유지시킬 순 있지만 게임 구동에 있어서 여러가지 에러와 충돌 문제가 발생하고 있다. 뱅가드 오류메세지는 물론이고 클라이언트나 접속 문제 등이 최근 자주 발생함에 따라 유저들의 불편감이 잦아지고있다.뱅가드 오류 코드라이엇게임즈 리그오브레전드 홈페이지 고객지원에 2024년 6월 5일 작성된 뱅가드 오류코드이다. 리그오브레전드를 로드하려고 할때 VAN으로 시작하는 오류 코드가 표시되는 경.. 2024. 8. 10.
엔비디아 지포스 익스피리언스 | 게임 화면 밝기 조절하기 엔비디아 설정으로 컴퓨터 화면 밝기 조절하기 엔비디아 그래픽카드를 사용한다면 컴퓨터에 엔비디아 설정 드라이버를 설치하여 컴퓨터 화면이 어두울 때 쉽게 화면 밝기를 조정할 수 있다. 엔비디아 설정으로 밝기를 조절하는 방법은 '엔비디아 제어판'으로 바탕화면 컬러를 조절하는 것과 '지포스 익스피리언스 게임 필터'로 게임의 필터를 조절하는 것 두 가지가 있다. 화면 감마 조절이란?화면 감마 조절은 디스플레이의 밝기와 대비를 조정하는 과정이다. 감마는 디스플레이의 입력 신호와 출력되는 밝기 사이의 비선형 관계를 나타낸다. 감마 값을 조정함으로써 화면의 밝기, 특히 중간 밝기 영역을 변경할 수 있다. 감마 조절의 목적감마 조절은 밝기와 명암비를 최적화하여 화면의 시각적 품질을 향상시킴특히 사진, 비디오, 게임 등의.. 2024. 8. 2.
롤 채팅 안쳐짐 원인 및 해결방법 롤 인게임에서 채팅 안되는 오류 발생롤 랭크 게임 중 초반 10분 동안에는 채팅이 잘 쳐지다가 시간이 어느정도 지나면 채팅창은 켜지지만 키보드를 쳐도 글자가 안쳐지는 오류가 발생했다. 채팅창을 esc키를 눌러 끄면 qwer키 스킬은 잘 작동하고, tab키를 눌러 인터넷 검색창에 글자를 치면 글자가 잘 쳐지는것을 보면 키보드의 문제가 아닌 것을 알 수 있었다.롤 채팅 오류 해결 과정오류 발생 원인을 찾아보았지만 결국 뱅가드 문제로 결부되고 고칠 방법이 없다는 내용밖에 없었다. 롤은 채팅을 안 칠 수록 다툼없이 게임할 수 있고 핑을 활용하면 채팅이 안되도 할만하지 않을까 해서 채팅 없이 게임을 해보았지만 팀원과 소통이 안되고 플레이 의도를 전달할 수 없으니 답답해서 채팅 오류를 꼭 해결하고 싶었다.롤 채팅 .. 2024. 8. 1.
구글 드라이브로 컴퓨터,핸드폰 사진 파일 백업/동기화하기 구글 드라이브를 설치하여 파일 백업/동기화하기구글 드라이브를 데스크톱에 다운로드하면 '내 컴퓨터' 폴더의 'Google Drive'를 통해 컴퓨터 자료들을 드라이브로 동기화 및 백업할 수 있다. PC 또는 Mac에서 문서, 사진, 동영상 등 모든 파일을 바로 엑세스 할 수 있으며 브라우저, 휴대폰, 태블릿 등 모든 플랫폼에서 구글드라이브를 원활하게 사용할 수 있다. 동기화란?클라우드 서비스 또는 기기 연결을 통해서 핸드폰이나 태블릿, 컴퓨터 등 여러 기기에서 같은 데이터를 사용할 수 있게 하는 것을 말한다. 연락처, 캘린더, 사진, 파일 등 다양한 데이터를 동기화 할 수 있다.백업이란?핸드폰, 컴퓨터 등의 데이터를 복사해서 안전한 장소(클라우드 서비스, 외장 하드디스크)에 저장하는 과정을 말한다. 백업의.. 2024. 7. 30.
비주얼 스튜디오 코드 글씨 크기,UI 크기 변경 방법 비주얼 스튜디오 코드 글씨 확대/축소비주얼 스튜디오 코드에서 코드를 작성하다 보면 화면의 글씨가 너무 작아 불편할 때가 있다. 그럴 때 수행할 수 있는 글씨 크기를 확대 및 축소하는 방법과 단축키, 인터페이스 UI 크기 변경 방법들을 정리하였다.목차메뉴 탭을 이용하여 글씨 크기 변경단축키를 이용하여 글씨 크기 변경에디터 글씨 크기 변경Zoom Level을 통한 인터페이스 크기 변경메뉴 탭을 이용하여 글씨 크기 변경메뉴 탭을 이용한 글씨 크기 변경으로 실시간으로 글씨 크기를 조절할 수 있다. 메뉴, 탐색기 등의 전체적인 UI 크기 변경에 해당한다.  영어비주얼 스튜디오 코드 상단 메뉴바의 'View'를 클릭한다.'Apperance' 탭의 'Zoom in'을 눌러 글씨를 확대한다.'Zoom Out'을 눌러 .. 2024. 7. 29.
비주얼 스튜디오 코드 한영 언어 변경하기 비주얼 스튜디오 코드 한영 언어 변경하기비주얼 스튜디오 코드에서 인터페이스 언어를 한글 또는 영어로 변경하는 방법을 설명한다. 원하는 언어 팩을 설치하여 언어를 변경할 수 있다.영어를 한국어로 변경하는 방법비주얼 스튜디오 코드 언어를 한국어로 변경하기 위해서는 먼저 한국어 언어 팩을 설치해야 한다.비주얼 스튜디오 코드를 연다.왼쪽 사이드바의 'Extentions' 아이콘을 클릭하거나 단축키 'Ctrl + Shift + X' 키를 눌러 확장 메뉴를 연다."korean language pack"을 검색한다."Korean Language Pack for Visual Studio Code"를 찾아 'install'을 클릭해 설치한다. 언어 팩을 설치했다면 비주얼 스튜디오 코드의 기본 언어를 변경할 수 있다. 우.. 2024. 7. 29.
롤 클라이언트 무한로딩 오류 원인 및 해결 (계정 문제) 해당 글은 계정 정지에 관한글으로, 롤 클라이언트 자체 문제에 대한 해결방법은 다음 글을 참고하세요. 롤 로그인 오류 발생 및 해결 방법2024년 9월 10일 오후부터 발생한 롤 로그인 오류가 아직 해결 진행중에 있다. 해당 오류는 롤 클라이언트 창에서 로그인 시 발생하는 문제로,  간단하게 다른 방법으로 우회 로그인하여 롤을 플wkqkwkqk.tistory.com롤 클라이언트 오류 발생롤을 플레이하기 위해 라이엇게임즈 홈페이지에서 설치파일을 다운로드하였다. 내 컴퓨터 윈도우에 설치를 마무리하고 클라이언트를 실행시켜 뱅가드까지 설치받아 게임 계정을 로그인했지만 무한 로딩 상태가 되면서 다른 UI들이 나오지 않는 오류가 발생하였다.오류 해결 과정롤을 제어판에서 완전히 삭제하고 재설치 해보기도 하고 한창 뱅.. 2024. 7. 27.
설치 없이 웹에서 무료 엑셀, 워드, PPT 이용하기 별도의 설치 없이 무료로 엑셀, 워드, PPT 이용하기기존에 사용하던 마이크로소프트의 엑셀은 현재 'Microsoft 365'를 다운로드하여 매월 또는 매년 결제를 하는 유료 구독 시스템으로 이용할 수 있다. Microsoft 365는 월 8,900원으로 엑셀, 워드, 파워포인트, 드라이브 등 여러 앱을 이용할 수 있지만 문서 및 엑셀 기능을 무료로 사용하고 싶을 때 이용할 수 있는 두 가지 방법을 소개한다.1. Google Workspce 제품 이용하기구글 워크스페이스를 이용하여 로그인만으로 구글 워드, 스프레드시트, 프레젠테이션 등을 이용할 수 있다.  Google Workspce 기능Docs(워드 프로세싱), Sheets(스프레드시트), Slides(프레젠테이션 작성 도구) 기능템플릿을 통해 이력서.. 2024. 7. 25.
반응형