조절 2

유튜브 영상을 iframe 으로 가져갈때 높이가 가로가 자동으로 조절되도록하는 CSS 코드와 태그

일반적으로 유튜브에서 유튜브 영상을 퍼가기 하면 자동으로 가로와 높이가 조절이 않됩니다. 가로를 100%으로 CSS 를 적용해도 세로 사이즈 조절이 않되는 문제가 있습니다. 그래서 세로 사이즈를 jQuery 나 오리지널 자바스크립트 등을 사용해서 높이를 계산해서 하는 경우가 있는데요. 이러한 경우에도 문제가 있습니다. 스크립트가 실행될때 가로나 높이 계산이 잘 않되는 경우가 있기 때문입니다. 물론 드물게 일어나는 현상이지만 완벽하다고 보기는 어렵습니다. 그러나 아래의 코드로 하면 반응형으로 유뷰트 영상이 비율이 잘 유지되어 나타납니다. 저처럼 유튜브 영상 높이 조절문제 해결방법을 찾으시던 분들에게 도움이 되셨으면 좋겠습니다. CSS코드 HTML 코드 iframe 의 src 에 유튜브 링크 주소를 넣어주세..

IT News 2022.12.23

VSCode 에서 설정파일 변경하기 : 에디터 가로 사이즈 변경 및 글자 수 변경(word wap)

VSCode 에서 설정변경은 setting.json 파일을 수정해야 합니다. 해당 파일을 열기 위해서 Ctrl + P 키를 누르면 아래의 이미지와 같이 상단 중앙에 검색할 수 있는 입력창이 나오는데요. 여기서 settings.json 을 입력하고 선택을 하면 설정파일을 수정할 수가 있습니다. 기본적으로 설정 내용을 변경하러 들어가보면 아래와 같이 editor.rulers 부분이 나오는데요. VSCode 에디터에서 우측에 새로로 된 실선으로 글자 수가 넘어가게 되면 자동으로 줄 바뀜이 되는 선을 조절 할 수가 있습니다. 현재는 값이 80 입니다. "editor.rulers": [ 120 ], editor.rulers 의 값을 80 에서 120 으로 변경하면 아래의 이미지와 같이 실선이 더 우측으로이동한 것..

IT News 2022.01.23