My Tech Blog (vscode)

1. Object (객체)  2. DOM (Document Object Model)2-1. DOM(문서객체모델) 문서객체모델(DOM) HTML CSS JS  2-2. innerHTML vs textContent 오늘은 문서객체모델에 대해서 배워보았다 2-3. querySelector vs getElementByID요즘에는 어차피 다 라이브러리 쓰지만 DOM 활용해보기 h1태그 내용 변경 a 태그 생성 ul태그 생성   2-4. addEventListener 난버튼이지롱 2-5. 예제1_counting 0 증가 감소 2-6. 예제2_반복문 출력..

Visual Studio Code (VSCode)에서 Python을 설치하고 사용하는 방법 1. Python 설치일단 주의할 점은 Python 공식 웹사이트에서 다운로드하기 마이크로소프트 스토어 앱 다운 X 중요한 점!설치 과정에서 반드시 "Add Python to PATH" 체크박스를선택해야 환경변수에 자동으로 등록함.(이 옵션을 선택하지 않으면 VSCode에서 Python을 실행할 때 문제가 생길 수 있음)시스템 > 환경변수에 파이썬 직접 등록해 주어야 함 이렇게 두 개 등록해 주어야 함. C:\Python39 또는 C:\Users\YourUser\AppData\Local\Programs\Python\Python39 (설치 경로)C:\Python39\Script 2. VSCode에서 Python 확장..

⚠️문제 오랜만에 VSCode를 들어왔더니 Git 확장 탭에 아래와 같은 오류가 발생Too many changes were detected.Only the first 10000 changeds will be shown below. 해석너무 많은 변경이 있습니다.첫번째 10000개의 변화만 아래 보여드립니다.  이건 오류라고 하기도 그렇고 코드를 짜는데 지장은 없지만, 신경 쓰여서 빨리 해결하고 싶은 분들이 계실 거라고 생각합니다. 이걸 잘못 손대면 컴퓨터의 파일이나 폴더 등을 날려 멘붕에 빠지게 됩니다. git clean 함부로 하시면 안돼요. 특히 저같은 경우에는 VSCode에서 해당 경고를 처리하려고 할 때마다 이클립스 경로가 틀어져서 Eclipse Launcher에 접속할 수 없는 문제가 뒤따라 옵..

이번 포스팅은 코딩 애플 영상에서 보기좋게 잘 요약된 부분만 가져왔다.공부하려고 블로그 하는 건데 다 아는 건 앞으로 시간 들여서 포스팅 하지는 않을 것이다.점점 포스팅이 귀찮아지고 있다. 명령어나 코드를 실행할 때마다 출력 결과나 화면이 어떻게 되는지 스크린샷해서 계속 보여줘야 하기 때문이다.코드 원하는대로 고치는 것도 노가다 + 시간 순삭인데기록 까지 남기는건 얼마나 부지런한 사람들인가MBTI P인 나로써는 점차 블로그에 기록 남기는 것도 힘들어지고 있다.(그냥 혼자 알고 끝내고 싶은 유혹이) ⚡git diff (잘 안쓰는 방식)- 최근 commit vs 현재 파일의 차이점을 보여준다.- `j`, `k`로 스크롤 조작, `q` 키로 종료- 단점 : 보기가 힘들다. ⚡git difftool- Vim 에..

⚡깃허브 웹에서 단축키 하나로 바로 코드 여는 법(Feat. VSCode) 수정하고 싶은 레파지토리를 클릭한다.나는 html_css을 클릭해주었다.  키보드에서 . 을 눌러보자. 그러면 주소창의 github.com이 github.dev로 바꿔면서웹에서 바로 편집할 수 있는 상태가 된다. 레파지토리가 VSCode로 웹 창에서 열리고 그 자리에서 수정 후 바로 커밋도 된다.코드는 수정할 데가 없어서 간단하게 READ.md 파일에 텍스트를 몇 자 적어 봤다.이렇게 변경사항이 생기면 좌측의 소스제어 아이콘에 숫자 1이 뜬다.  VSCode에서 소스 제어 탭(버전 제어)에 표시되는 숫자 "1"은 현재 작업 디렉토리에서 변경되었거나 추가되었지만 아직 Git에 스테이징되지 않은 파일이 하나 있다는 것을 의미한다. 소..

✅ 문제Live Server, 127.0.0.1 페이지가 작동하지 않습니다.127.0.0.1에서 전송한 데이터가 없습니다.ERR_EMPTY_RESPONSE✅ 해결법1. Extension > Live Server > 확장 설정 > Use Local IP 체크   위의 방법이 안 먹히면 내장개발서버가 사용하는 포트번호를 변경 해 보자. 기본적으로 Live Server는 127.0.0.1:5500 포트에서 실행됨. 그러나 이 포트가 다른 애플리케이션에서 이미 사용중이면 포트 충돌이 일어남. 포트설정 > 포트 번호를 5500이 아닌 5501, 5502 등으로 변경 해 주면 문제 해결 2. 포트 번호 변경하는 법다시 타이핑하고 편집하기 귀찮에서 제 노션에 적어 놓은 거 캡쳐 했습니다    ✅그래도 문제 해결이 안..

vscode 확장프로그램(extension) 내가 써본 유용한 vscode 익스텐션 리스트  ✅ VSCode(Visual Studio Code) 다운로드 및 설치 Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.code.visualstudio.com ✅ Extension 탭 들어가기 ✅ Au..

VS Code에는 약어를 이용해서 코드를 빠르게 생성할 수 있는 기능이 내장되어 있어요. 약어 사용법을 같이 익혀볼까요? 약어 입력 후 Tab키나 Enter키를 누르면 태그가 자동으로 생성돼요. HTML 약어 ✅ 태그 생성하기태그 이름을 입력한 후 Tab키 누르면 좌우 입력하지 않고 빠르게 코드 생성 가능약어생성된 태그header ✅ 아이디명, 클래스명 생성#(샵)은 아이디를 의미div#아이디명약어생성된 태그div#container ✅ 자식요소와 함께 생성.(점)은 클래스명 의미>는 자식요소 의미중괄호 { } 안에는 태그 안에 생성될 내용(Content) 입력 약어생성된 태그div.logo > a {logo}logo ✅ 형제요소 생성+는 형제 요소 생성약어생성된 태그p+pdiv.item+div.item..