본문 바로가기

vsC3

Visual Stuido Code 설정 바꾸기 1. 색 테마 바꾸기 설정 - 테마 - 색 테마 원하는 색 테마를 선택 2. 웹 브라우저 바로 확인하기 확장 - live server 검색 - 설치 작업한페이지 - 마우스 오른쪽 버튼 클릭 - open with live sever 클릭 크롬 새창 화면이 열리면서 바로 확인가능 2023. 2. 14.
2월 13일 (1) HTML - 웹 개발 시작하기 1. 웹 개발 웹 브라우저 화면에 보이는 겉모습을 만드는 것이 전부가 아니다. 웹 사이트는 사용자에게 제공할 기능, 서비스까지 모두 담아야 한다. 서버 vs 클라이언트 프런트엔트 개발 vs 백엔드 개발 기본페이지, 웰컴파이, 웰컴페이지 - 처음 웹 사이트에 들어갔을 때 웹페이지의 상단 제어하는 부분(주소창, 제목 등) 서비스를 제공하는 부분(화면 부분) - 프런트엔드 엔드 포인트 ------------ 엔드 포인트 기본영역 HTML, CSS, JS HTML - 웹 문서의 뼈대 CSS - 웹 문서를 꾸밈 JS - 사용자 동작에 반응 과거 : 정적인 페이지가 주, 변하지 않음 현재 : 동적인 페이지, 뉴스 등 변화함 배울 기술 제이쿼리 스프링 2. 웹 개발 환경 만들기 웹 브라우저 크롬, 엣지, 파이어폭스,.. 2023. 2. 13.
Visual Studio Code 단축키 ! + enter lang 부분만 "en"을 "ko"로 수정 title도 수정 Ctrl + S 한줄 코딩하고 저장하기(필수) Shift + Alt + F (윈도우) 코딩 정렬하기 Shift + Tab 앞으로 내어쓰기 Ctrl + Shift + L 변경하려는 단어를 선택하고 Ctrl + Shift + L 단축키를 누르면, 선택한 단어와 같은 단어가 모두 선택된다. 단어를 수정하면, 동시에 수정이 된다. Ctrl + 스페이스 자동완성기능 다시 보고 싶을 때 주석처리 하고 싶은 부분 블록 + Ctrl + / 주석처리 alt + 커서 원하는 위치에 커서를 여러 개 놓고 삽입하거나 삭제할 수 있다. 2023. 2. 13.