IT/Coding4 비주얼 스튜디오 코드(Visual Studio Code) 설치, 한국어 세팅하기 코딩을 할 때, 가장 먼저 설치해야 하는 프로그램은 비주얼 스튜디오 코드(Visual Studio Code) 입니다. 파이썬, html, css, 자바스크립트, C언어 등 모든 프로그래밍 언어를 편리하게 작성할 수 있는 도구입니다. 설치 방법 네이버에 "비주얼 스튜디오 코드" 검색 맨 위에 나오는 Visual Studio Code 홈페이지에 들어갑니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. V.. 2023. 8. 24. HTML이란 무엇인가? HTML의 모든 것, 태그란? (HTML=HTML5) HTML이란? 간단히 말해서 웹 문서를 만드는 언어입니다. 그리고 HTML은 HyperText Markup Language의 줄임말입니다. 여기서 HyperText란 문서를 서로 연결해주는 링크를 의미합니다. 그러니까 즉, 링크 = 서로 연결한다는 의미입니다. Markup이란 "표시한다" 라는 뜻인데, 그러니까 웹 브라우저에 텍스트, 이미지 등을 표시한다는 뜻입니다. HTML의 기능 HTML의 기능은 웹 브라우저에 보여줄 내용을 결정하는 것입니다. 그리고 문서끼리 연결합니다. HTML 문서의 구조 HTML 문서는 워드와 같은 일반 문서와 달리 정해진 형식에 맞추어 작성해야 합니다. 기본적으로 위와 같이 생겼습니다. 가장 먼저, DOCTYPE html> 로 시작합니다. 현재 문서가 HTML5 언어로 작성한.. 2023. 8. 17. 개발 초보 꿀팁! 개발자 도구 F12 사용법! 개발자 도구란? 코드를 요렇게 바꾸면? 이 홈페이지의 모양이 요렇게 바뀌겠구나, 속도가 빨라지겠구나, 버그가 고쳐지겠구나 뭐 이런 것들을 테스트해볼 수 있는 도구입니다. 개발자 도구 사용법! 개발자 도구 실행법 F12 키를 누릅니다. 창모드로 변환하는 법 우측 상단의 점 세개를 누른 후, 창 두 개가 겹쳐져 있는 모양의 아이콘을 누릅니다. 한국어로 언어 변경하는 법 ← 우측 상단의 설정 아이콘을 클릭한 후, Preferences - Language에서 Korea - 한국어로 변경해줍니다. 개발자 도구를 한 번 닫은 후 다시 F12를 눌러 개발자 도구를 실행하면 변경된 언어가 적용됩니다. 개발자 도구 사용 예시! 좌측 상단의 화살표 모양 아이콘을 누른 다음, 아이콘이 파란 색으로 변한 상태에서, 홈페이지의.. 2023. 8. 16. [css]흑백 필터의 선명도를 낮추는 법 필자는 이미지에 흑백 필터 기능이 있는(하지만, 마우스 오버하면 원본으로 돌아가는) 홈페이지를 운영하고 있다. 그런데 완전 흑백 말고, 흑백 필터의 선명도를 낮출 수 있는 방법은 없을까 고민하던 중, 방법을 찾았다. filter: grayscale(1); ←이 "1"이 선명도를 나타내는 것임. 0에 가까울 수록 흐릿하고, 1이 가장 선명함. 그리하여 filter: grayscale(1) 부분의 "1"을 "0.2"로 수정함. 선명도를 낮춤. 이러면 덜 흑백흑백 하겠지? filter: grayscale(1) → filter: grayscale(0.2) 수정. 결과 : 약간 흑백 필터가 연해졌다. 컬러가 좀 보이네 :) 2023. 7. 20. 이전 1 다음
