web sprit

위와 같에 index_1.html 파일과 index_2.html 파일 2가지가 있습니다. 다른내용을 비교할 수 있는 방법을 알아보겠습니다. 방법은 2가지가 있습니다. Compare Selected 비교 ① 사이드바 파일 목록에서 첫번째 비교할 파일을 마우스 좌클릭! ② 다음 비교할 파일을 Ctrl + 마우스 좌클릭을 하여 선택한다. ③ 선택된 영역에서 마우스 우클릭! ④ Compare Selected 를 선택하여 파일을 비교. Select for Compare 후 Compare with Selected 선택비교 ① 첫번째 비교할 파일을 마우스 우클릭 후 Select for Compare 선택 ② 다음 비교할 파일을 마우스 우클릭 후 Compare with Selected 선택 파일을 비교합니다.

나와 같은경우 그래픽 탭을 누를경우 작업할 수 있는 화면이 아무것도 안나오게 되는데 이럴 경우 프리미어 상단 탭에서 창 > 작업영역(안나오는 작업영역 선택 후) > 저장된 레이아웃으로 재설정 을 눌러주면 해결된다. 나같은 경우 그래픽 탭을 누르면 화면이 안나오기 때문에 창 > 작업영역(그래픽 선택) > 저장된 레이아웃으로 재설정 을 눌러주어 해결했다.

프레임 이동 방향키만 이동시 1프레임씩 이동. Shift + 방향키 이동시 5프레임씩 이동. 무손실 압축하는 방법 형식 : Quick Time 비디오 코덱에서 앞축되지 않은 YUV 8비트 소스일치 버튼 누른다.

설치 위치 C:\Users(사용자)\user(사용자명)\.vscode\extensions 위 경로에 설치한 익스텐션을 확인할 수 있습니다. 보안이 있는곳에서 외부 익스텐션을 다운받아 설치할 수 없다면 이 경로에서 따로 USB에 저장해 설치한곳에 위 경로로 옮겨주면 이전 익스텐션을 사용할 수 있습니다.

vscode로 작업하다 보면 특정 속성에 마우스를 가져가 수정할하면 툴팁설명이 떠서 화면을 가립니다. 마우스를 다시 밖으로 옮기고 다시 빠르게 가져가 수정할 수는 있지만, 작업 시 정말 짜증이... 설명 툴팁이 안뜨게 하거나, 시간차를 두어 뜨게 하는 방법에 대해 알아보겠습니다. Delay 주기 Settings 에 들어가서 Editor> Hover : Delay를 검색해 줍니다. 아마 기본값이 300ms로 되어 있을겁니다. 0.3초... 저는 1500ms로 변경 해 주었습니다. 정말 쾌적합니다. 설명 툴팁 안뜨게 설정 이 설정은 정말 아예 화면에 안나타게 하는 방법입니다. Settings 에 들어가서 Editor> Hover : Enabled를 검색합니다. 체크가 되어 있는 부분을 풀어줍니다. 체를풀어주..

기본 단축키 Alt + Z 코드를 한줄로 보거나 한 화면에 보거나 하는 토글 단축키 Ctrl + K S 열려있는 탭 모두 저장. 단축키 설정 - Wrap with Abbreviation(Ctrl + Shift + G) Emmet에 있는 기능 명령창(Ctrl + Shift + P)를 열어 wrap을 검색 하면 아래 내용이 나오는데 "Wrap with Abbreviation" 선택해서 태그를 입력(ex: li, li*)하면 선택영역을 태그로 감싸준다. Emmet: Wrap with Abbreviation ----- O Emmet: Wrap Individual Lines Abbreviation 명령창에서 검색해서 단축키 지정 가능하다. 검색하여 나오는 단어에 마우스를 데어보면 우측에 톱니바뀌가 나오는데 클릭하..

VSCode 익스텐션 설치 경로 : C:/Users/사용자이름/.vscode/extensions IntelliSense for CSS class names in HTML - Visual Studio Marketplace Extension for Visual Studio Code - CSS class name completion for the HTML class attribute based on the definitions found in your workspace. marketplace.visualstudio.com 작업영역안에서 정의된 클래스(class)명을 자동완성으로 보여줍니다. 좋은점은 비슷한 클래스명의 분류를 도와줄 뿐만 아니라 중복클래스를 피할 수 있기때문에 매우 유용하다 생각이 듭니다. vs..

코딩툴로 서브라임을 사용하면서 자주 사용하는 기능인데 어느날 부턴가 단축키가 먹질 않았습니다. 내용을 찾아보니 아래 참고 URL로 확인할 수 있었습니다. 아예 기능이 없어진것이 아니기 때문에 다시 키설정을 통하여 사용하는 방법에 대해 알아 보겠습니다. 이 기능은 일종의 Emmet을 이용한 기능으로 단축키를 확인하기 위해서는 package 의 Emmet을 User에 단축키를 설정해 줘야 합니다. Preferences >> Package Settings >> Emmet >> Key Bindings 열린 화면에서 왼쪽이 Emmet 기본 설정부분이고 오른쪽이 User 부분으로 사용하고 싶은 단축키 부분을 User에 옮겨서 사용할 수 있습니다. 왼쪽에 Emmet 기본설정을 보면 태그로 감싸는 단축키가 주석으로 되..

VSCode를 처음 설치하면 소스 코드가 길어도 자동줄바꿈 되지 않고 가로스크롤이 생겨 우측으로 움직여야 나머지 코드가 보일 것입니다. 난 화면안에 스크롤이 생기지 않고 모든 소스가 나오는것을 원하기 때문에 설정에서 고쳐 사용 하겠습니다. File >> Preferences >> Settings 에 들어가 줍니다. 검색영역이 확인 되는데 검색 부분에 다음과 같이 작성해 줍니다. "wordwrap" 위 검색어 입력시 하단에 셋팅에 바로 검색되어 나오는데 Editor: Word Wrap 이 부분을 수정하셔야 합니다. off >>>on 으로 수정하고 다시 소스 코드를 확인해 봅니다. 그럼 가로스크롤 없이 한 화면에 모든 소스코드가 줄바꿈 되어 나오는 모습을 보실 수 있습니다.

css 네이밍 작업을 하다 보면 대부분 -(대시)로 이름을 짓는다. 기본적인 에디터에서 단어를 더블클릭하면 _(언더바)의 경우 언더바로 이어진 부분은 모두 선택이 가능하다. 그 반면 대시로 네이밍을 작성하여 마우스로 더블클릭을 하면 대시 전까지만 선택되게 된다. 이게 은근히 작업속도를 느리게 만드는 요인이기도 하다. VS Code 에서 대시를 사용하여도 더블클릭시 모두 선택할 수 있는 설정에 대해 알아 보도록 하자. VS Code를 실행하고 맨 하단 왼쪽에 톱니바퀴 모양 설정 버튼이 있다. 누르고 Settings로 들어간다. 그럼 검색창이 나오는데 wordSeparators 라고 적어주자. 그럼 다음과 같은 화면이 검색되어 나온다. 위의 빨간 박스 안을 주목하자. 안에 -(대시)가 존재하는데 대시만 지운..