HTML에서 이미지 관련 img 태그 및 링크 표현

01.이미지 삽입을 해주는 태그 태그는 줄바꿈이 없는 inline 요소이다. 이미지를 삽임하려면 태그를 사용한다 태그는 종료 태그 없이 사용한다. 태그의 속성 src="/mingyu/mingyu.jpg" ☞ 문서에 표시할 이미지 파일을 지정한다. width="780px;" ☞ 이미지의 가로 폭 을지정한다 (px,% 단위) height="780px;" ☞ 이미지의 세로 폭 을지정한다 (px,% 단위) alt="이미지가없어요" ☞ 이미지가 표시되지 않을 때 대체 텍스트를 입력한다. usemap="#맵이름" ☞ 클라이언트 (웹브라우저) 측의 이미지 맵을 지정한다 width,height 속성의 경우 둘중 하나만 지정되면 나머지 하나는 원본 크기에 비례해서 자동으로 지정된다. 02.하이퍼링크 삽입을 하는 태그 기..

• format_list_bulleted Mark Up/HTML
• · 2020. 3. 18.
• textsms

[Linux] Rsync 란? 알기쉽게 설명하는 Rsync

Linux Rsync 알기쉽게 설명하는 Rsync 동시에 많은 서버 환경에서 작업을 하다 보면 rsync를 많이 접하게 됩니다. 뭔가를 맞춰주는것 같은 느낌은 받는데 정확히 몰랐던 개념. 함께 알아보도록 합시다. Rsync란? Rsync(Remote synchronization) 의 약자로 직역하자면 원격 동기화 라는 뜻. 원격으로 file(.html .php .jsp 등)과 디렉토리(/data , /etc 등)를 복사하고 동기화 하기위해 사용하는 툴. 쉽게 말해 A서버에서 B,C,D,E 등 다수의 서버로 사용자가 원하는 특정 디렉토리 및 파일을 쉽게 동기화해주는 것. Rsync의 장점 원격지 서버의 패스워드를 일일이 기억하지 않아도 파일 및 디렉토리의 카피가 가능하다. 파일을 효율적으로 복사하고 동기화..

• format_list_bulleted OS/Linux
• · 2020. 3. 18.
• textsms

데이터베이스 시딩 (Seeder)

Laravel framework 라라벨 Seeder 에 대해서 Seeder를 왜 사용할까? 마이그레이션과 함께 사용하면 초기 DB 스키마 생성시 데이터를 쉽게 조작 할 수 있다. 때문에 프로젝트를 처음 구성할 때, 기본적으로 들어갈 데이터들을 만들어 놓을 수 있다. 테스트 더미 데이터들을 넣기 용이하다. Seedeer 작성 및 사용해보기 Seeder를 생성하기 위해서는 php srtisan 명령어를 실행하면 끝난다. 생성된 모든 seeder들은 your_laravel_project/database/seeds 디렉토리에 위치한다. //AdmUsersTableSeeder.php seeder 생성 php artisan make:seeder AdmUsersTableSeeder seeder 클래스는 기본적으로 ..

• format_list_bulleted Laravel
• · 2020. 3. 18.
• textsms

라라벨 http 사이트 https로 전환하며 Helpers 정의

라라벨 사이트 HTTPS 적용 시 helper 재정의 하기 asset() -> secure_asset() 기존 asset() 함수는 HTTP요청의 현제 scheme를 이용하여 asset을 사용하기 위한 URL을 생성하는 함수. secure_asset() 함수는 HTTPS를 이용하여 asset을 사용하기 위한 URL을 생성한다. //기존 $url = asset('img/photo.jpg'); //변경 $url = secure_asset('img/photo.jpg'); url() -> secure_url() url() 함수는 주어진 경로에 대한 전체 URL을 생성한다. secure_url()함수는 주어진 경로에 대한 전체 HTTPS URL을 생성한다 경로를 전달하지 않으면 Illuminate\Routing\..

• format_list_bulleted Laravel
• · 2020. 3. 18.
• textsms

[Google Chrome] 크롬 광고차단 google chrome adBlock 설치 및 해제 하기

크롬 광고차단 크롬 광고차단 확장프로그램 adBlock 설치 및 해제하기 안녕하세요! 민규입니다. 오늘은 구글 크롬 브라우저에서 지원하는 광고 차단 확장프로그램 adBlock 설치 및 해제 방법을 알려드릴게요. adBlock을 설치하면 구글 크롬 브라우저에서 자체적으로 각 사이트에 설치된 광고들을 제거하고 보여줍니다. 그렇기 때문에 저같이 열심히 포스팅하는 사람들에게 조금이나마 위안이 되는 광고수익이 줄어들게됩니다ㅠ 그래도 너무 많은 광고 때문에 사이트들 보기 불편하셨던 분들이라면 도움이 될까 하여 포스팅합니다. adBlock 설치하기 Chrome 웹 스토어 에서 adBlock 을 검색한다. Chrome에 추가 버튼을 클릭한다. 팝업창이 열리면 확장 프로그램 추가 버튼을 클릭한다 크롬 브라우저 주소창 옆..

• format_list_bulleted ETC/개발 IDE 설정
• · 2020. 3. 18.
• textsms

[블로그광고] 컴알못도 가능한 티스토리 애드센스 적용하기 완벽 정리!!!

[블로그수익 두 번째] 구글 애드센스 티스토리에 구글 애드센스 (Google AdSense) 적용하기 안녕하세요! 민규입니다. 정보를 찾기위해 검색을 하고, 자신이 원하는 정보에 해당하는 포스팅을 읽고 정보를 얻는 정보화 시대. 포스팅을 하는 사람으로써 구글애드센스는 누구나 다 한번쯤 들어봤을거에요. 오늘은 필자가 사용하는 블로그 사이트! 티스토리에 구글 애드센스를 적용하는 방법을 알려드릴게요. 티스토리 블로그를 운영하시는분들 중 아직 구글 애드센스를 적용하지 않았다면?! 이 포스팅을 통해 꼭 적용하세요! 하나. 구글애드센스 사이트에서 계정을 생성한다. 둘. 구글 애드센스 홈에 있는 script 를 복사한다. 셋. 스킨편집에 들어가 html 상단부분에 태그를 찾아 복사한 코드를 붙여 넣어준다.​ 자신의 ..

• format_list_bulleted 재테크/월급 외 소득
• · 2020. 3. 17.
• textsms