나의 일대기 안녕하세요. 2011년도부터 웹 개발로 직장 생활을 시작한 카힐입니다. 저는 2018년도까지 직장 생활을 하다가 프리랜서로 전향하여 현재는 10년 차가 넘은 풀스택 개발자입니다. 음 10년차라고 말하지만, 솔직히 요즘일을 시작하시는 5년차라고하시면 과거의 5년차하고는 다르다고 단호히 말씀드릴 수 있을 것같네요. IT는 야근이 많다? 이거 좀 라떼는 같은데... 진짜 저 때는 말이죠... 요즘 야근은 야근도 아니었습니다. 매일 새벽 4~5시까지는 기본에 그냥 다음날까지 계속 일하는 경우도 무지 많았었죠. 그렇다고 야근수당...? 휴가가 자유롭다...? 그런 거 없던 것 같네요. 그렇다고 너무 노예였던 거 아니냐? 라고 하실 텐데, 나름 주변에 비하면 준수한 연봉을 받았던 것 같습니다. 저는 특..
#01 정의 및 특징 #01-01 태그 글을 작성 할때는 문단을 나누는 경우가 생깁니다. 그 한문단을 구성할때 사용하는 태그입니다. #02-02 태그 일반적으로 줄 바꿈을 하기위해 (Enter) 를 사용해도 HTML 문서 내에서는 텍스트들이 다 붙어 있는 현상을 보실 수 있습니다. 이럴 때 태그를 사용해줌으로써 줄을 바꿀 수 있습니다. #02 사용처 #01-01 태그 해당 태그는 style을 적용하여 문단 효과를 주기도 합니다. 그러므로 정확하게 구분이 필요한 문단의 경우에 사용을 하고 일방적으로 줄을 바꿀 시에는 잘 사용하지 않습니다. #02-02 태그 문단 내에서 줄을 바꿔야 할 때 사용합니다 #03 사용 방법 안녕하세요! 카힐 블로그에 오신 걸 환영합니다. HTML의 기본 태그 중 p, br 태그의..
#01 정의 및 특징 단어나 문장을 굵게 표현하기위해 사용 단어나 문장의 의미를 강조하기 위해 사용 단, 과도한 강조는 텍스트의 내용을 모호하게 만들기 때문에 꼭 사용해야 할 때만 사용 #02 두 태그의 차이 "두 태그 모두 굵고 강조를 위해 사용을 하는데 무슨 차이가 있나?" 라는 생각을 많이 하셨을거에요. 눈에 보이지 않는 한가지 큰 차이가 있답니다! #02-01 태그 정말로 단순하게 텍스트를 진하게만 표시해줍니다. 그 외 다른 기능은 없습니다! #02-02 태그 텍스트를 진하게 표현 해주는 것 뿐만 아니라, "브라우저 자체에서 이 부분은 중요하구나" 를 인식합니다. 바로 브라우저에서 지원하는 웹 접근성(Web Accessibility)에 큰 기여를 합니다. 특히 스크린 리더 기능을 사용 시 태그에 ..
#01 정의 및 특징 클릭 시 페이지를 이동하게 하기 위해 사용 태그 내부에는 이동하고자 하는 URL이 작성 사용자가 해당 링크를 클릭하면 다른 페이지로 이동 기본적으로 a 태그는 html 자체적으로 파란색으로 변경 또한 a 태그는 텍스트 뿐만 아니라 이미지, 각종 태그를 포함하여 제작 가능 #02 사용처 웹페이지 원하는 위치에 링크를 만들 수 있다 nav 메뉴에 사용한다 게시판 목록을 구성할 때 사용한다 그리드 형식으로 구성할때도 사용한다 (박스 전체가 A 태그로 쌓여있다) (예 : https://lottomaker.co.kr/board/list/news/all/1) 무궁무진한 사용방법이 존재한다 메일 주소, 전화하기 기능을 사용할 때 사용한다 #03 사용 방법 로또메이커 바로가기 로또메이커 새창열기 ..
#01 정의 및 특징 블록을 나타내는 요소로, 다른 요소를 묶어 그룹화하는데 사용한다. 사용자 CSS나 SCRIPT를 사용하여 하기 위해 사용 레이아웃 스타일을 적용할 때에도 사용 (display:block;) 의 기본 스타일을 지니고 있어서 사용 시 (width:100%;) 를 작성할 필요 없음 다만, 디자인의 관련된 기능(그룹화)만 수행하기 때문에 다른 HTML 요소에 비해 별다른 기능 없음 #02 사용처 다른 요소들을 묶어 묶음을 만들기 위해 사용됩니다. 따라서 이 태그는 CSS를 사용하여 스타일을 적용하거나 레이아웃을 조정하기 위해 흔히 사용되고 JavaScript 코드를 사용하여 다양한 동작을 실행할 때 이 태그를 활용할 수도 있습니다. 즉, 구조를 구성 하거나 선택 영역을 정할 때 사용 #03..
#01 정의 및 특징 웹 사이트의 내용 중 독립적인 컨텐츠를 나타내는 태그로서 각각의 컨텐츠에는 앞에서 배운 제목()이 표시되어야합니다. 태그와는 서로 자식 요소로 사용 할 수 있지만, 의 자식 요소로는 사용하면 안됩니다. #02 사용처 블로그 게시물, 뉴스 기사, 리뷰 등으로 사용되며 이 태그는 블로그 게시물과 같은 독립적인 콘텐츠들을 감싸는 곳에 많이 이용합니다. #03 사용 방법 뉴스1 내용1 뉴스2 내용2 # 무료강의 바로가기
