써치킴의 우당탕탕 개발 블로그

모든 파일 공백 설정 방법 Code > 기본 설정 > 설정 tab size 검색 Editor : Tab Size > 2(원하는 공백) 설정

VS code 단축키 현재 행 복사 : option + shift + 화살표 현재 행 삭제 : command + shift + K 현재 줄 이동 : option + 화살표 현재 행 주석 : command + / 일괄 주석 : option + shift + A 축소/확대 : command + -/+ 파일/폴더 열기 : command + o 모든 명령 표시 : command + shift + p 모든 파일 저장 : command + option + s 사이드바 열기/닫기 : command + b 이름으로 파일 검색 : command + p 편집기 닫기 : command + w 바꾸기 : command + option + f 들여쓰기 : tab 내어쓰기 : shift + tab 이전/다음 편집기 열기 : co..

Live Server 개발을 위해 임시로 로컬서버에 오픈하는 것이다. 생성된 html 파일을 브라우저에 출력하기 위해 Live Server 확장팩 설치 Live Server 사용법 html 파일 우클릭 > Open with Live Server 클릭 그 결과, 브라우저에 작성한 코드가 출력된다.

태그 이름 변경을 위해 Auto Rename Tag 확장팩 설치 해당 확장팩을 설치하면 다른 설정없이 바로 태그 앞/뒤에 있는 태그를 자동으로 변경해준다.

코드의 가독성을 높이기 위해 Beautify 확장팩 설치 좌측 바 > 확장팩 선택 beautify 입력 해당 확장팩 설치 Beautify 사용법 1. 기능기여도 선택 2. HookyQR.beautify 복사 3. 상단 Code > 기본 설정 > 바로가기 키 OR command + shift + p > 바로 가기 키 열기 4. HookyQR.beautify 검색 5. Beautify selection > HookyQR.beautify 더블클릭 6. alt + cmd + l 기입(사용자 편한대로) > Enter 해당 지저분한 코드를 드래그하고 Beautify 단축키를 사용하면 지저분한 코드를 깔끔하게 정리할 수 있다!

바탕화면에 임의의 폴더를 만들고 html 파일을 생성 ! 입력 첫번째 자동완성에서 Enter 또는 Tab 키를 누르면 자동으로 html 구조가 완성된다.

오픈소스 어떤 제품을 개발하는 과정에 필요한 소스 코드나 설계도를, 누구나 접근해서 열람할 수 있도록 공개하는 것. Apache License 아파치 소프트웨어 재단에서 자체 소프트웨어를 적용하기 위해 만든 라이센스. 개인적/상업적 이용, 배포, 수정, 특허 신청이 가능. MIT License 메사추세츠공과대학(MIT)에서 소프트웨어 학생들을 위해 개발한 라이센스. 개인 소스에 이 라이센스를 사용하고 있다는 표시만 지켜주면 되며, 나머지 사용에 대한 제약은 없음. 따라서, 프로젝트 소스 코드에 외부에서 가져온 오픈소스의 라이센스 내용만 정확히 명시하면 충분. 그런데 대부분 프로젝트에서는 자동으로 오픈소스가 같이 빌드(웹 사이트 최종 결과를 만드는 행위)되기 때문에 따로 관리할 필요는 없음. BSD Lic..

특수 문자 용어 Backtick, Grave 백틱, 그레이브 ₩ Tilde 틸드, 물결 표시 ~ Exclamation mark 익스클러메이션, 느낌표 ! At sign 엣, 골뱅이 @ Sharp, Number sign 샵, 넘버, 우물 정 # Dollar sign 달러 $ Percent sign 퍼센트 % Caret 캐럿(~ 이상을 표현할 때 사용) ^ Ampersand 엠퍼센드 & Asterisk 에스터리스크, 별표 * Hyphen, Dash 하이픈, 대시, 마이너스 - Underscore, Low dash 언더스코어, 로대시, 밑줄 _ Equals sign 이퀄, 동등 = Quotation mark 쿼테이션, 큰 따옴표 " Apostrophe 아포스트로피, 작은 따옴표 ' Colon 콜론 : Semi..

비트맵 정교하고 다양한 색상을 자연스럽게 표현. 확대/축소 시 계단 현상, 품질 저하. 일반적인 대부분의 사진 이미지. 벡터 수학적인 정보로 이루워져있기 때문에 확대/축소에서 자요로움, 용량 변화가 없음. 정교한 이미지(인물, 풍경 사진)를 표현하기 어려움. 비트맵 이미지 JPG(Joint Photographic coding Experts Group) Full-color와 Gray-scale의 압축을 위해 만들어졌으며, 압축률이 훌륭해 사진이나 예술 분야에서 많이 사용. 손실 압축 > 용량을 적은 장점, 이미지를 반복 저장하면 화질이 낮아지는 단점이 있다. 표현 색상도(24비트, 약 1600만 색상)가 뛰어남. 이미지의 품질과 용량을 쉽게 조절 가능 가장 널리 쓰이는 자주 보는 이미지 포맷 투명도 미지원..

웹 표준(Web Standard) '웹에서 사용되는 표준 기술이나 규칙'을 의미. W3C(표준화 제정 기구)의 표준화 제정 단계의 '권고안(REC)'에 해당되는 기술. 따라서, 구글, 마이크로소프트, 애플과 같은 브라우저 공급업체(Browser Vendors)에서도 웹 표준에 의거해서 해석하고 해석된 결과로 브라우저를 만드는 것. 이렇게 다른 회사에서 다른 사람이 브라우저를 만든거고 동작하는 환경은 조금씩 다를 수 있다. 그러므로 브라우저에서 동작하는 내용들도 일부 다를 수 있고, 개발자가 페이지를 만들 때 브라우저마다 개발에 대한 결과가 다를 수 있다. 그래서 나온 개념이 크로스 브라우징이다. 크로스 브라우징(Cross Browsing) 조금은 다르게 구동되는 여러 브라우저에서, 동일한 사용자 경험(같..