분류 전체보기
-
Edge(엣지) 로그인 계정정보 삭제 (자동완성 기능 삭제)컴퓨터 알아가기/알아두면 편한 팁 2023. 4. 9. 19:30
인터넷을 사용하다 보면 사용기록을 지우고 싶은 경우가 있습니다. 사용하는 프로그램별 사용기록에 대한 삭제 방법이 약간씩 차이가 나지만 기본적으로 '설정'에서 전부 적용할 수 있습니다. 보통 인터넷 사용기록과 쿠키 등은 잘 삭제를 하는데 다음과 같이 자동완성 기능에 대해서는 헷갈리고 잘 모르는 경우가 있습니다. 해서 이 부분에 대한 방법을 정리하고자 합니다. 금일은 마이크로소프트사의 엣지를 기준으로 하고자 합니다. 1. 현상 : 과거 로그인 계정정보가 그대로 보임 2. 해결 방법 해결방법은 같은 내용이지만 두군데서 처리할 수 있습니다. 먼저 상기 그림의 '개인정보관리'를 클릭하거나 브라우저 우측 상단위 점 세개(...)를 클릭하면 설정 화면으로 들어갈 수 있습니다. ① 설정 / 프로필 설정에서 프로필 항목..
-
[Git & Github] Git과 Github의 이해컴퓨터 알아가기/Git & Github 2023. 4. 4. 19:30
지난시간 Git과 Github에 대해 프로그램을 설치하고 Git 명령어를 이용하여 Github에 저장을 하는 실습을 해 보았습니다만, 사실 약간만 내용이 변경이 되도 GIthub에 제대로 저장이 되지 않는 상황이 발생하는데요. 물론 전문 개발자들은 이런 문제들은 아무것도 아니지만 저같은 초보에게는 상당히 어려운 문제로 다가 섰습니다. 해서 기왕이면 수박 같핥기식의 공부보다는 시간이 걸리더라도 이해가 될 수 있게 정리하는게 중요하다고 판단하여 원리적인 이해를 바탕으로 진행해 보고자 합니다. 가장 크게 Github에 대해 에러가 많이 났던 것을 정리하자면 다음과 같습니다. ① 내가 만든 자료를 어떤 컴퓨터에서도 Github에 저장하고 싶은데 에러가 난다. ② GIthub내 잘 못 올린 내용이 있다면 수정하고..
-
Git 과 Github 사용법 : Git설치 및 Github 저장 (일반적 프로세스)컴퓨터 알아가기/Git & Github 2023. 4. 3. 23:05
개발자들이 Github에 자신이 개발중이거나 개발을 협업하는 코드를 쉐어하기 위해 클라우드에 저장을 해서 사용을 많이 하고 있는데요. 개발자가 아니더라도 코딩을 공부하거나 하는 경우 Github를 사용하는법을 알고 있으면 편할 듯 합니다. 그래서 오늘은 Github에 저장을 하는 방법을 정리해 보려고 합니다. 특히 이 글을 정리하게 된 계기는 기본적인 윈도우내 CMD명령어도 정리할 필요성도 있고 두번째 장에서 설명할텐데 오랜된 Github내 파일 정리 특히 삭제를 하고 싶은 내용을 잘 설명한 곳을 찾을 수 없어서 나름대로 정리를 해 보고자 합니다. 1. Git과 Github 이 부분에 대한 정의는 많은 곳에서 찾을 수 있습니다. 정의만 쓴다면 머리속에 남지 않으니 이해하는 바를 정의하는게 훨씬 나을 듯 ..
-
JavaScript 입문 : Canvas 이론 정리 - 변환 Transformations (Save, Restore)컴퓨터 알아가기/JavaScript 2023. 1. 9. 19:30
오랜만에 글을 쓰고자 시간을 내 봅니다. 공부라는 것이 항상 조금이라도 해당 분야에 대해 감을 유지해야 하는데 메인 직업이 아니다보니 약간 소홀하게 되네요. 다시한번 힘을 내어 하고자 하는 결과를 가져오고자 합니다. 단, 이런 결심의 한계는 최종 목적지까지 정해 놓은 시일이 늦어지더라도 스스로에게 관대하여 생각보다 진도에 대한 일정이 늦추어 진다는데 있네요. 다시 내용을 정리하고자 하면 앞부분까지 원치않는 복습을 해야만 약간 감이라도 잡을 수 있는 것 같습니다. 오늘은 지난시간 마우스 이벤트를 이용하여 간단한 그림판을 만드는 작업을 해 보았는데 CSS에도 있는 기능인 변환 또는 변형을 나타내는 Transformations에 대해 알아보고자 합니다. 역시 Canvas 이론 정리는 '1분코딩의 Canvas ..
-
JavaScript 입문 : Canvas 이론 정리 - 그림판 만들기 (이미지 적용 및 이미지 저장)컴퓨터 알아가기/JavaScript 2022. 12. 26. 19:30
그림판을 사용한다는 것은 기본적으로 나만의 디자인을 만들수 있다는 것이고 해당 이미지를 저장하는 기능을 담아야 합니다. 따라서 만들어진 캔버스 그림판 기본형태에 이미지를 적용하는 방법과 별도로 그려진 이미지를 저장하는 기능을 탑재해 보도록 하겠습니다. 본 내용은 '1분코딩의 HTML5 Canvas 라이브 강좌'를 기본으로 공부하고 있습니다. ▒ 이미지 적용하기 1. 이미지 버튼 만들고 그림판 적용 같은 방식으로 이미지 버튼을 하나 만들겠습니다. 사용할 이미지는 기존 코끼리 이미지를 활용하도록 하겠습니다. 상기 그림판을 보면 컬러버튼 옆에 꼬끼리 이미지가 보입니다. 2. 컬러와 이미지 구분 그림판에 컬러만 있다면 data-color로 event.target을 잡을수 있으나 이제는 컬러와 이미지를 구분해야 ..
-
JavaScript 입문 : Canvas 이론 정리 - 그림판 만들기 (컬러버튼 만들고 색상별 선 그리기)컴퓨터 알아가기/JavaScript 2022. 12. 25. 19:30
지금까지 기본적인 캔버스 이론을 공부하면서 작동이 되는 원리를 중점으로 보았습니다. 도형을 만들고 마우스이벤트를 통하여 원하는 선을 그려 보았습니다. 이러한 원리를 기준으로 '약식 그림판'을 만들어 보도록 하겠습니다. 역시 본 내용은 '1분코딩의 캔버스 라이브 강좌'를 기본으로 공부하고 있습니다. 1. 그림판 기본 구조 반지름이 10인 작은 원으로 캔버스 위 선을 그려 보았으니 이제 그리는 선의 색상을 다양하게 만들어 클릭시마다 색이 변경되어 그림을 그리는게 기본 개념입니다. 한 5가지 정도 색상에 대한 버튼을 만들고 클릭이벤트를 통하여 버튼 색을 바꾸는 이벤트를 고려해야 하는데 각 버튼을 이벤트타겟에 대입시키면 되겠습니다. ① 컬러버튼 만들기 버튼이 들어가는 태그를 만들고 해당 버튼의 클래스명을 통하여..
-
JavaScript 입문 : Canvas 이론 정리 - 마우스이벤트 활용하여 선 그리기컴퓨터 알아가기/JavaScript 2022. 11. 26. 19:30
지난 시간 캔버스 위치(좌표 읽기)에 대하여 조금 깊이 공부를 해 보았습니다. 결국 캔버스의 크기를 임의로 만들어도 전체 화면을 기준으로 수치를 계산하여 빼 줌으로써 정확한 마우스 클릭 지점에 원을 그릴 수 있었습니다. 이제 마우스 이밴트를 통하여 선을 캔버스에 그리는 방법을 공부할 텐데요. 최종 목표는 우리가 흔히 사용하는 그림판을 만들어 보는 겁니다. 관련 강좌는 '1분코딩의 HTML5 Canvas 라이브 강좌'를 기본으로 공부하고 있습니다. 1. 마우스이벤트에 대한 이해 캔버스위에 자유곡선으로 그림을 그린다는 것은 마우스를 클릭해서 움직일때 그려지는 것이고 마우스를 클릭하지 않으면 그림을 그리지 않는 원리입니다. 이때 사용하는 이벤트가 움직이는 것은 'mousemove', 마우스를 누르는 것은 'm..
-
JavaScript 입문 : Canvas 이론 정리 - 마우스 이벤트로 좌표 이해 및 (clientX, clientY, offsetLeft, offsetTop) 클릭되는 지점 원 그리기컴퓨터 알아가기/JavaScript 2022. 11. 25. 19:30
이번 시간에는 캔버스 위에 마우스로 작은 원을 찍는 개념을 보고자 합니다. 이를 위해서는 캔버스와 화면에서 위치를 나타내는 속성에 대한 이해가 필요한데 강좌의 내용과도 다른 내용도 있어 자신만의 환경에 맞는 상황들을 분석해 가면서 위치에 대한 개념을 잡는게 중요하다고 봅니다. 역시 본 내용은 '1분코딩 HTML5 캔버스 라이브 강좌'를 기본으로 공부해 보고자 합니다. 1. 원 그리기 함수 만들기 캔버스 위에 클릭이벤트를 활용한 원 그리기 함수를 만들어 봅니다. 마우스를 클릭하면 x, y축으로부터 100씩 떨어진 반지름 10인 원이 다음과 같이 그려집니다. 여기까지야 쉽게 만들수 있습니다. 2. 매개변수(event) 속성 확인 궁극적 목적은 마우스를 클릭하는 지점마다 원을 그리는 것이기 때문에 매개변수로 ..