프론트 기초 2

프론트엔드 기초3 (VSCODE)[운동하는IT]

강의들으면서 정리한거라 양해부탁드려요 ㅎㅎ  codepen.com 이 사이트는 간단하게 html, css, js 사용하기 좋음 html은 바로 바디 영역으로 들어간다. css는 링크로 연결하지 않아도 바로 적용됨 js도 연결하지 않아도 적용됨. 회원가입하고 사용하면 저장도 가능함 reset.css cdn(jsdelivr.com 꺼 사용) " target="_blank" rel="noopener">https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css"> 요거 사용 권장 브라우저의 기본 스타일을 초기화하기 때문에 메인 css보다 앞에 복붙한다. 파일명.min.확장자와 같이 min(Minify 단어의 약어)키워드는 파일이 난독화나 경략화 되었다는 것을 의미합..

IT 공부하기 2022.09.19

프론트엔드 기초2 (VSCODE)[운동하는IT]

전 개발을 할 때 vs코드로 개발을 했습니다. 물론 다른 도구들이 있지만 저한텐 vs코드가 직관적으로 느껴져서 많이 사용했어요 그래서 vscode 사용할 때 알면 좋은걸 정리했어요     vscode 컨트롤 쉽프트 피 입력창 컨트롤 오 파일, 폴더 열기 밑에 보라색의 상태바는 는 아무것도 없다는 표시 프로젝트 단위는 폴더 혹은 디렉토리라 부른다. 컨트롤 에이는 전체 선택 beautify 확장자는 지저분항 코드를 깔끔하게 작성해줌 컨트롤 쉽프트 피 누르고 HookyQR.beautify 검색후 해야함 꺽세표시 있는 것을 태그라고 하며 슬래시가 없는 앞에 있는 부분은 열린태그 슬래시가 있는 건 닫힌태그라고 함 auto rename tag 확장자는 앞에 태그를 바꾸면 뒤에 태그도 바꿔줌 라이브 서버 확장자는 오..

IT 공부하기 2022.09.19
반응형