본문 바로가기

분류 전체보기518

[JS] VS Code로 HTML, JavaScript 개발 환경 구축/실행(@맥, 윈도우) # Visual Studio Code 에디터로 HTML, JavaScript 개발 환경 구축/실행하는 방법 1. VS Code 설치 2. 폴더지정, 파일 생성 3. JS파일 실행(Code Runner) 4. HTML 실행(Open In Browser, Live Server) 1. VS Code 설치 ▶ Visual Studio Code 사이트 가서 OS에 맞게 다운 받는다. code.visualstudio.com Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.. 2020. 10. 3.
맥(Mac): 사파리 브라우저 → 개발자 도구(콘솔) 활성화/사용 방법 맥북 사파리 브라우저는 개발자 도구가 기본적으로 비활성화되어 있다. 아래 순서대로 하면 사파리에서도 개발자 도구를 쓸 수 있다. # 사파리 개발자 도구(콘솔) 활성화 방법 1." Safari > 환경설정" 에 들어간다. 2. "고급" 탭 들어가서, "메뉴막대에서 개발자용 메뉴 보기" 항목 체크 3. 개발자용 도구 메뉴가 생긴다. 4. 개발자용 > "웹 속성 보기"나 "JavaScript 콘솔 표시" 등을 를 클릭한다. * 개발자 도구 단축키 : Command + Option + I 5. 크롬 개발자 도구처럼 잘 나온다. 6. '콘솔' 을 누르면 자바스크립트 콘솔도 잘 나온다. 테스트로 test.js 파일에 console.log("hello world"); 를 찍어봤다. 사파리 개발자 도구 활성화/사용 방.. 2020. 10. 3.
차이나 짬뽕 : 부산 다대포항역 중국집 (짜장면, 짬뽕, 탕수육) "저렴한 짜장면, 맛있는 짬뽕" # 영업시간 오전 11시 ~ 새벽 2시 (마지막주 목요일 휴무) # 위치 부산 사하구 다대로 553 (TEL : 051-265-1255) http://naver.me/GWKBl25H # 간판 다대포항역 2번출구 바로 앞 2층 # 내부 동네 중국집 분위기. 나름 오픈키친? # 메뉴판 짜장면 3,500원!!! 메뉴엔 없지만 양장피 25,000원. # 상차림 짜장면, 짬뽕, 탕수육 소(小) 주문. # 짜장면 3,500원 짜리 짜장면! 저렴한 가격임에도 양파와 고기가 적당히 들어가 있다. 면발은 쫄깃하고, 춘장은 달달한 소스처럼 느껴진다. 가성비가 참 좋다! # 짬뽕 가게이름이 차이나 "짬뽕" 이라 주문해봤다. 불맛이 많이 나는 스타일은 아니고, 그냥 정말 딱 맛있는 짬뽕이다. .. 2020. 10. 3.
맥(mac): 특수문자, 이모티콘, 원문자, 괄호 문자, 통화/수학기호, 화살표 입력 방법→①Ⓐ㉮㈀€¥∫≒ 맥북에서 기호나 이모티콘은 물론! ① Ⓐ ㉮ ㈀ € ¥ ∫ ≒ → 같은 원문자, 괄호문자, 통화기호, 수학기호, 화살표 등을 입력하는 방법을 정리합니다. ❖ Mac OS 에서 특수문자, 이모티콘, 원문자, 괄호문자 등을 입력하는 법 1. '이모티콘 및 기호' 입력창 열기 2. '문자 뷰어' 열기 3. 기호 카테고리 추가 1. '이모티콘 및 기호' 입력창 열기 ▶ 첫번째 방법 : 단축키( Command + Control + Space ) - 최신 맥 OS라면, ( fn키 + e ) ▶ 두번째 방법 : 메뉴막대>입력메뉴 '이모티콘 및 기호 보기' ▶ 세번째 방법 : 편집 > '이모티콘 및 기호' ▶ 원하는 기호를 찾아서, 클릭/더블클릭 하면 입력됩니다. *원하는 기호/문자가 없다면, 아래 순서를 참고합니다... 2020. 10. 2.
(No 설치) 움짤 GIF 파일 크기/용량 줄이기(사이즈 조절 방법) 프로그램 설치 없이! 온라인 웹사이트에서 클릭 몇번으로! GIF움짤 사이즈 줄이는 방법을 정리하겠습니다. ※ 동영상 → GIF움짤 변환 방법은 아래 글을 참고하시기 바랍니다. curryyou.tistory.com/164 (No설치) 동영상→GIF 움짤 변환 방법(MOV/AVI/FLV/MPEG/MP4 to GIF, 크기/사이즈 조정 가능) 프로그램 설치 없이! 온라인 웹사이트에서 클릭 몇번으로! 동영상을 gif(움짤)로 변환하는 방법을 정리하겠습니다. (크기/사이즈 조정도 가능합니다) ❖ 동영상 ▷ GIF(움짤) 변환 방법 1. ezgif.com/vi curryyou.tistory.com ❖ GIF 파일 사이즈/크기 줄이는 방법 1. ezgif.com/resize 접속 2. GIF 파일 업로드 3. GIF.. 2020. 10. 2.
(No설치) 동영상→GIF 움짤 변환 방법(MOV/AVI/FLV/MPEG/MP4 to GIF, 크기/사이즈 조정 가능) 프로그램 설치 없이! 온라인 웹사이트에서 클릭 몇번으로! 동영상을 gif(움짤)로 변환하는 방법을 정리하겠습니다. (크기/사이즈 조정도 가능합니다) ❖ 동영상 ▷ GIF(움짤) 변환 방법 1. ezgif.com/video-to-gif 접속 2. 동영상 업로드 3. GIF로 변환 4. GIF파일 다운로드 *(옵션) 크기/사이즈 조정 1. ezgif.com/video-to-gif 접속 ▶ ezgif.com/video-to-gif 사이트 접속 후, '파일선택'을 눌러 동영상을 선택합니다. 2. 동영상 업로드 ▶ 1) 동영상이 잘 선택되었다면, 2) 'Upload Video' 버튼을 누릅니다. * 최대 100메가까지 업로드 가능합니다.(2020.10기준) 3. GIF(움짤)로 변환하기 ▶ 1) 동영상이 업로드 .. 2020. 10. 2.
티스토리 블로그: 페이지 내 원하는 특정 위치로 스크롤 이동 방법(책갈피 목차 하이퍼링크) 코딩을 전혀 몰라도! 정말 쉽고 간단하게! 티스토리 블로그에서 특정 단어, 문장, 이미지를 클릭하면 원하는 위치로 이동하는 방법을 정리해보겠습니다. (클릭하면 아래로 이동합니다) ❖ 티스토리 블로그 책갈피 링크 만드는 방법 1. 글 작성(목차, 목적지) 2. HTML 모드 전환 3. 목적지에 id 추가 4. 목차에 a태그 추가 1. 글 작성 : 평소처럼 블로그에 글을 쓰면 됩니다. ▶ 목차 작성 : 목차를 작성합니다. * 1번, 2번 목차를 만들었습니다 ▶ 목적지 작성 : 목차를 클릭하면 이동할 목적지를 작성합니다. * 2번 목적지엔 '이미지'를 첨부해 넣었습니다 2. HTML 모드 전환 : 글쓰기 모드를 HTML모드로 바꿉니다. * 어렵지 않으니 걱정 마세요^^ ▶ HTML 전환 : '기본모드'를 클릭.. 2020. 10. 1.
아이폰(iOS) 화면녹화 방법(+ 마이크 소리 포함 화면기록) 별도 앱 설치 없이! 아주 쉽고 간단하게! 아이폰 화면 녹화 방법을 정리합니다. ◈ 아이폰 화면녹화 방법 1. 제어센터에 '화면기록' 추가 : 설정 > 제어센터 > 제어항목사용자화 : + '화면기록' 2. 제어센터 열기 : 화면을 밑에서 위로 쓸어 올리기 3. '화면기록 모드' 실행 : "화면기록" 아이콘 길게 누르기 4. 녹화 시작 : "기록시작" 누르기 5. 녹화 종료 : "기록 중단" 누르기 * 녹화된 영상은 기본 사진 앱에 저장됩니다 1. 제어센터에 '화면기록' 추가 ▶ '설정'에 들어갑니다 ▶ '제어센터'에 들어갑니다 ▶ '제어항목 사용자화'에 들어갑니다. ▶ '화면기록' 항목의 '+' 를 눌러 추가합니다. ▶ 아래와 같이 추가되면 성공! 2. 제어센터 열기 ▶ 화면을 밑에서 위로 쓸어 올립니다.. 2020. 9. 30.
맥(Mac) : 맥북 화면녹화 방법(+마우스 클릭 표시 화면기록) 아주 간단하게 ! 별도 프로그램 설치 없이! 맥북 화면 녹화하는 방법을 정리합니다. ❖ 맥북(Mac) 화면 녹화 방법 1. 스크린샷 도구 : Command + Shift + 5 ▷ "전체화면기록" or "선택화면기록" 2. QuickTime Player : QuickTime Player 실행 ▷ "파일메뉴 > 새로운화면기록" * Mac OS 최근 버전부터는 QuickTimePlayer의 녹화기능이 스크린샷 도구(1번 방법)으로 통합되었습니다. 그럼 상세한 사용법을 정리하겠습니다. # 1 번째 방법: 스크린샷 도구 1 Step : 스크린샷 도구 실행 ▶︎ 단축키 : Command + Shift + 5 2-1 Step : 전체화면 녹화 ▶︎ 전체화면을 녹화하려면, 4번째 아이콘을 클릭합니다. ▶︎ 카메라 커.. 2020. 9. 30.

티스토리툴바