반응형 IT102 [html] 기본 문서 구조 - meta태그 html/css 를 사용하기 전에 문서 제일 상단에 등을 입력하여 현재 문서 타입이 무엇인지 어떤 문자를 쓰는지, 수집을 허용할것인지, 홈페이지 타이틀은 무엇인지, 간단한 소개 등 을 입력하여 다양한 브라우저들에서 마크업에 대한 일괄된 화면 표시가 될 수 있도록 도와준다. 아래 colorScripter에 어떤식으로 작성하는지 입력하고, 그옆에 주석처리하여 설명을 달아놨다. 태그는 검색에 대한 명령인데 index,follow는 수집을 허용하는 기본값(all)이고,허용하지 않을때에는 라고 입력해 주면 된다. 중간쯤에 있는 title태그는 on sunday :: on sunday 말 그대로 페이지의 타이틀이 되는 내용을 적으면 된다.하단이미지에 빨간 밑줄친 곳에 출력되는게 title태그이다. title 앞에 .. 2019. 12. 15. 티스토리 코드블럭 하이라이트 적용하기 (스크롤 생성) color script에 이어 새로 알게된 티스토리 새로운 에디터에서만 사용가능하다는 코드블럭입니다!! 티스토리에 유독 프로그램 언어 공유 및 기록 포스팅이 많았는데 직접 사용해보니 네이버 블로그에 비해 조금 더 편리하게 코드소스를 포스팅 할 수 있는 기능이 잘 활용되고 있어서 그랬던것 같다. 티스토리 관리페이지로 이동 티스토리 메인 페이지에서 톱니바퀴 아이콘을 클릭해서 플러그인 클릭해주세요~ syntax highlight라고 써있는 배너 클릭 플러그인들이 굉장히 많은데 그중 코드문법 강조 syntax highlight라고 써있는 배너를 클릭해줍니다. syntax highlight 코드 문법 강조 플러그인 적용 코드 문법 강조 설정창이 나오는데 아래에서 원하는 테마를 선택하여 적용 시켜주면 됩니다. 다양.. 2019. 12. 14. 블로그에 html 소스코드 쓰는 방법 'color scripter' 브라켓 에디터를 설치하고 확장프로그램까지 다 했으니 이제 블로그에 잘 올리면 되겠다~ 생각을 했었는데 html,css, javascript를 한페이지에 다 보이게 하려면 너무 길고보기도 않좋고 그걸 또 언제 일일이 캡쳐를 하고있나 고민하고었는데티스토리에 가독성 좋게 소스코드 넣는법 찾다가 color scripter를 발견했다. 이 로고를 클릭하면 color scripter로 바로이동합니다 ↓↓↓ 사이트 들어가면 보이는 화면인데 안에 내용은 잘 되는지 확인해보려고 내가 넣은 내용이여서 처음들어가면 아무것도 안쓰여 있는 텅텅빈 화면이다. 설정하고, 코드 작성한 다음 이미지 하단에 빨간 네모(클립보드에 복사) 클릭해서 잘 붙여넣기만 잘하면 끝이다. 1. 상단에 있는 설정창에서 언어 선택한다.다양한 언어를 지원.. 2019. 12. 14. Bracktes 자주 사용하는 브라켓 단축키 Ctrl + / 주석처리 / 주석처리 해제 Ctrl + Shilte + / 부분 주석 (드래그 한 부분만 주석처리) Ctrl + b 드래그 + 단축키 멀티커서 사용 Ctrl + d 현재 커서가 있는 줄 복사 Ctrl + L 현재 커서가 있는 한줄 선택 Ctrl + Shift + d 현재 커서가 있는 줄 삭제 Ctrl + Shift + ↑, ↓ 현재 커서가 있는 행 위, 아래로 이동 Ctrl + g 입력칸에 숫자 입력하면 숫자 줄로 이동 Ctrl + e 편집(css편집하기 굉장히 쉬움) Ctrl + 마우스 왼쪽 클릭 커서 생성 Ctrl + h 단어검색(한번에 여러글자 수정할 때 사용) Ctrl + q 브라켓 종료 Ctrl + w 현재 파일 닫기 Ctrl + Shift + L 확장프로그램 beautify실행.. 2019. 12. 13. Bracktes 브라켓 확장기능 'ftp 연결하기' 브라켓에디터도 전에쓰던 에디트플러스처럼 ftp를 연결해서 쓸수 있다는 얘기에 찾아서 바로 연결해봤다. 다운 받아야 하는 확장 프로그램은 Synapse (브라켓 확장 프로그램 설치하는 방법은 2019/12/11 - [IT/RE:VIEW] - Brackets 브라켓 에디터 설치 및 필수 확장 기능 ↑↑↑ 위 포스팅을 참고해서 설치하면 된다.) Synapse를 설치하고 나면 제일 오른쪽 파란색으로 보이는 아이콘이 생기는데 클릭하면 Synapse가 활성화된다. 왼쪽에 이렇게 화면이 나오면 오른쪽에 있는 플러스버튼을 누르고 ftp로 연결할 사이트정보를 입력하면된다. (더하기 버튼 안보이면 왼쪽 메뉴창을 오른쪽으로 더 늘리면 나온다) 빨간 네모박스가된 부분만 입력하면 된다. host 주소(ex. ~~.dothome.. 2019. 12. 12. Brackets 브라켓 에디터 설치 및 필수 확장 기능 코딩 공부를 시작한지 벌써 8개월이 지나가는 동안 내가 썼던 HTML편집기는 3가지 종류이다. 제일 처음 사용한 편집기는 에디터플러스 그다음은 서브라임텍스트 마지막 브라켓. 요즘은 에디터플러스와 브라켓을 주로 사용하고 있는데 여러 확장 기능을 설치하고 사용하다보니 브라켓 에디터가 사용하기 편리하다고 느껴져서 앞으로는 브라켓만 사용하게 될 것같다. ↑ 위에 있는 이미지를 클릭하면 브라켓 에디터 윈도우용 다운로드창이 열립니다. 다운 받아서 설치하는방법은 next만 눌러서 하면 되니, 어렵지 않아서 패스~ 몇가지 확장 프로그램 설치 한 상태인 내 브라켓 화면. 이제부터 브라켓을 좀더 사용하기 편하게 확장 프로그램 설치해야되는데 아래 사진에서 오른쪽에 빨간색으로 표시간 부분(블럭모양)을 클리하면 설치하는 팝업창.. 2019. 12. 11. 갤럭시 노트텐 플러스 - 삼성페이 (탭탭오 카드) 아 드디어 노트텐 설정하는거 끝났다~~ 하는 순간 처음 갤럭시 넘어오고나서 삼성페이 교통카드 사용하는걸 한참 찾아다녔던게 생각나서 안올릴수가 없었다 ㅠㅠ 일반 후불결제 되는 교통카드는 삼성페이 들어가면 교통카드 설정해서 사용하면 되는데 삼성탭탭오 카드 자체에있는 교통카드 할인도 받으면서 편하게 삼성페이 교통카드 기능도 쓰고 싶어서 찾아보다가 발견한 방법이다! 삼성카드앱 우선 삼성앱카드 어플을 다운받으면 아래 사진처럼 화면이 보이는데 빨간 동그라미한 교통카드 눌러서 등록하면 된다! 삼성앱카드 어플만 받으면 간단하게 끝난다!! (삼성앱카드 쓰면서도 저기에 교통카드 있는줄 몰라서 한참을 찾아다녔다 ㅠㅠ) 교통카드 사용 등록까지 했으면 사용준비 끝. 이용하는 방법은 nfc 기본모드 또는 카드모드로 설정하고 교통.. 2019. 12. 7. 갤럭시 노트텐 플러스 - 분할화면, s펜 기능 갤럭시 노트텐 플러스를 쓴지 벌써 3달이 넘어갔는데 아직 한번도 안써본기능, 아예 몰랐던 기능들이 노트텐을 쓰면 쓸수록 자꾸 생겨난다. 핸드폰이 이렇게나 좋아졌다니, 아이폰 쓸땐 생각지도 않았던것들이 자꾸 생겨나서 신기하다ㅋㅋ 노트텐 플러스 분할화면, 팝업화면으로 멀티테스팅 하는방법 1. 홈화면에서 최근사용한 앱보기를 합니다. (왼쪽아래 메뉴버튼 클릭!) 그러면 아래 이미지처럼 최근 사용한 앱이 차례대로 보이는데 여기서 빨간색 동그라미로 표시한 아이콘 부분을 더치해 줍니다. 아이콘을 터치하면 아래와 같은 앱 설정 알림창이 뜨는데 2,3번째 메뉴에있는 '분할 화면으로 열기' / '팝업 화면으로 보기' 둘중에 원하는 설정을 클릭해줍니다. (팝업은 위에 띄워서 위치를 이동하고 투명도 조절이 가능하고, 분할은 .. 2019. 12. 5. 갤럭시 노트텐 플러스 - 기본설정3 2019/12/04 - [IT/RE:VIEW] - 갤럭시 노트텐 플러스 - 기본설정1 갤럭시 노트텐 플러스 - 기본설정1 2~3개 포스팅으로 나눠서 올릴 예정인 갤럭시 노트텐 플러스 기본설정 첫번째 포스팅! 노트텐 사고나서 후기 포스팅은 아래에 있습니다~ ↓↓ 2019/11/30 - [IT/RE:VIEW] - 갤럭시 노트텐 플러스 아이폰.. carina16.tistory.com 2019/12/05 - [IT/RE:VIEW] - 갤럭시 노트텐 플러스 - 기본설정2 → 에 이어서 하는 불러오는 중입니다... 마지막일것 같은 갤럭시 노트텐 플러스 기본설정 3번째 포스팅입니다. 5. 디바이스 케어 디바이스 케어는 핸드폰 최적화하는 기능 비슷한 것 같다. 설정 - 디바이스케어에 들어가면 위에 사진처럼 오른쪽 상단.. 2019. 12. 2. 이전 1 ··· 8 9 10 11 12 다음 반응형
