HTML 팁 줄 바꿈에는 태그가 있듯이 공백에는 를 입력하면 공백이 생겨납니다. HTML을 개발도구를 이용해서 정리할 때 A태그 안에 B태그가 포함되어 있으면 B태그는 TAB키를 눌러보기 좋게 정리해 주는 것이 좋습니다. 빠르게 보기 See the Pen Untitled by loginshin (@loginshin) on CodePen. I D : P W: address : 태그에 태그를 사용하면 type 속성에 따라 여러 텍스트 필드를 만들 수 있습니다. 즉, 사용자로 부터 좀 더 효율 적으로 정보를 입력받을 수 있습니다. 이런 식으로 양식을 만들 수 있는데 방법은 간단합니다. 이런 식으로 해석해 봤네요 추가로 정보가 입력하면 *모양으로 가려지는 input 태그를 만들어보겠습니다. I D : P W: ..

시간절약 이름성별나이 신정환남자24 최진영여자26 여자 시작 과거에 HTML은 table 태그로 레이아웃을 만들려고 사용하기도 했다고 하네요. 지금은 css를 이용한 태그를 사용하지만요 table 태그로 표를 만드는 건 어렵지 않지만 html을 사용하면서 그나마 번거롭다는 생각이 드네요. 위에 그림을 만들어보자면 이름성별나이 신정환남자24 최진영여자26 이런 느낌이겠네요. 하지만 마크다운이 없다면 당연히 text들이 전부 붙어서 나옵니다. 표 한칸 한 칸 안에 들어가는걸 table data라고 해서 태그로 감싸주겠습니다. 물론 닫아주셔야 합니다. 이름성별나이 신정환남자24 최진영여자26 table date 태그로 감싸줘도 바뀌지는 않습니다. 아직 table raw태그 즉, 로 각 태그들은 감싸주지 않았으..

제 깃허브 프로필 링크입니다. loginshin - Overview humaness. loginshin has 11 repositories available. Follow their code on GitHub. github.com 깃허브 프로필 꾸며보겠습니다. hidden Repositories를 만들면 your profile부분을 꾸밀 수 있는 구간이 나옵니다. 깃허브 계정과 같은 이름으로 레포지토리를 생성하면 생깁니다. 우선 만들기 전에 기본 모습은 아래 사진과 같습니다 제 닉네임 레파지토리 만들면 특별 레파지토리라고 고양이가 인사해 줍니다. 이때 README.md 파일을 자동으로 만들어지게 설정해 주세요. 마크다운, html로 꾸며줄 겁니다. 제 닉네임 레파지토리에 README.md 파일을 인식하고..

HTML에서 아무리 ENTER와 SPACE BAR을 눌러도 웹사이트에는 적용이 안됩니다. 간단한 띄어쓰기, 줄 바꿈마저 명령어로 동작합니다. 단락, 줄바꿈 : 줄을 바꿀 때 단락을 이요한 태그를 사용하거나 강제로 줄을 바꿀 수 있는 태그를 사용합니다. 위에 상태에서 F5키를 누르면 어떤 브라우저로 실행시킬지 물어봅니다. 저는 'chrome'을 주로 사용합니다. 이래저래 호환성문제때문에 크롬이 편하더라고요. 태그로 묶어 사용하 나는 넘어지는 그 순간 많은 생각을 한다. 집에 가스는 잠갔는지, 강아지 밥은 챙겨줬었는지, 우리집에 강아지가 있었는지 생각한다. 웹사이트에서 묶어준 태그끼리 뭉쳐 다른 단락은 다음 줄로 넘어간 모습입니다. 다시 태그를 지우고 태그를 사용해서 띄어보겠습니다. +) 많은 태그들을 로 ..

깃허브에서 프로젝트를 조금만 찾아보거나 링크타고 깃허브 들어갔을때 방문한 사람들을 위해 사용법을 적어둔 깃허브 페이지를 많이 보셨을겁니다. 예시) 제가 만약 네이팁브 캘린더나 텐서플로우 객체인식 모델을 사용하려하는데 파일만있고 사용법이 하나도 없다면 알아가기만해도 시간이 엄청 소비될겁니다. 어쩌면 사용을 못할지도 모르죠. 그래서 이번 포스팅에는 프로젝트 하나를 끝냈다면 README를 통해 프로젝트에 마지막 꽃단장을 해보겠습니다. 지금 깃허브 레파지토리 상위 페이지에서 README.md 파일을 읽고 파일 하단에 표시해주는 모습니다. README.md 파일을 꾸미면 저 위치에 표시되는거죠. md는 마크다운(markdown)의 확장자명입니다. 마크다운은 일반 txt보다는 스타일리쉬하게 html보다는 간결하게 ..

이번 포스팅에서는 내가 갖고 있는 영상을 움짤로 만드는 법을 다뤄보겠습니다. 움짤 이란 영상은 아니고 사진들을 여러장 이어 붙여 영상처럼 보이게 합니다. 즉, 1개의 파일에 여러 사진을 붙여 넣어 저장하는 방법 중 하나 입니다. 움직이는 사진이라고 생각하시면 좋겠네요. 동영상처럼 재생 버튼이 없는데도 자동으로 이미지가 빨리 바뀌면서 동영상이 재생되는듯한 장면을 보여줍니다. (예시) 목차 리모콘 초기화면 바로가기(index) 만드는 법 바로가기(maker) 자르는 법 바로가기(crop) 사이즈 조절 및 용량설정 바로가기(resize or optimize) 움짤을 만드는 프로그램도 다양하지만 가볍게 움짤 한번 만들어보자고다운로드하거나 프로그램을 구매하기 부담스러운 분들을 위해서 무료로 움짤로 변환해주는 사이..