잡코더

Beautify 코드가 들여쓰기가 지저분해지는 경우가 존재한다. 이를 보완하기 위한 확장 기능이다. 바로가기 키를 설정 해야한다. Beautify file의 경우 파일 전체의 들여쓰기를 수정하기에 원치않는 수정이 일어날 수 있다. Beautify selection 은 선택한 부분만 수정한다. 그래서 Beautify selection 만 단축키를 설정하자. Code -> 기본설정 -> 바로 가기 키 여기서 사용할 수 있는 단축키를 모두 볼 수 있다. Live Server Go Live를 선택하면 출력을 웹에서 바로 확인할 수 있다. 우클릭으로 확인할 수도 있다.

웹 표준(Web Standard): W3C에서 지정한 웹에서 사용되는 표준 기술이나 규칙을 의미 이 표준 기술들을 기준으로 브라우저가 만들어 진다. 하지만, 표준 기술을 해석하는 차이와 새로운 기술삽입으로 조금씩 차이가 생긴다. 대부분의 경우 표준화 제정 단계의 ‘권고안(REC)’에 해당하는 기술을 표준이라 생각하면 된다. 웹 접근성 모든 사용자들(고령자, 장애인 등)에게 동등한 접근성을 같도록 웹 콘텐츠를 제작하는 방법 —> 영상 자막넣기, 마우스를 사용 못해도 키보드로 제어가능, 이미지에 대체 텍스트를 제공하는 방법 크로스 브라우징 웹을 이용할 수 있게 해주는 프로그램 내가 만든 홈페이지가 각 브라우저에서 동일한 결과물로 출력이 되야하는데 이를 만드는 행위가 크로스 브라우징 이다. 조금은 다르게 구동..

강의 자료 블로그 https://heropy.blog/ HEROPY 웹디자인과 웹개발 기술을 공유하는 HEROPY 온라인 블로그입니다. 오프라인 지식 공유도 매회 진행합니다. 감사합니다. heropy.blog HTML: 뼈대를 담당하며 제목, 문단, 표, 이미지, 동영상 등을 정의하고 그 구조와 의미를 부여하는 정적언어로 웹의 구조를 담당한다. CSS: 색상, 크기, 폰트, 레이아웃으로 예쁘게 꾸미기를 담당한다. JS: 콘텐츠를 바꾸고 움직이는 등 페이지를 동적으로 꾸며주는 역할을 하는 프로그래밍 언어로 웹의 동적처리를 담당한다. HTML, CSS: 정적언어 (만들어져 있는 것만 갖고 화면에 표시한다.) JS: 동적언어 (상황에 맞게 꾸며 줄 수 있다.) 분업을 확실히 할수록 좋다.