당연하게도 HTML 에는 수 많은 태그(=요소)들이 존재한다. 이번에는 그 중에서도 학습을 하면서 사용해본 기본적인 태그들 중 , , 에 대해 알아보려 한다. 1. , , ... , 요것은 제목! - h1 요것은 부제목! - h2 이건 뭐라 부르지? - h6작성 내용의 제목(heading)을 나타내는 태그  태그류는 영역에 작성, 1부터 6까지의 넘버링을 갖는다.찾아본 내용들이 다 '제목' 이라는 표현을 사용하는데 나의 경우 'md(Markdown, 마크다운)' 에서 사용하는 '#' 과 비슷하다 느껴 텍스트의 중요도 표현이나 문서를 구분짓는 용도로 이해하였다., 의 경우 다른 일반 텍스트와 확연히 차이가 보여 자주 사용하겠지만 나머지 넘버들은 일반 텍스트보다 눈에 띄지도 않고 크기..

'VS code' 를 통해 'html' 문서를 작업할 때 'html:5' 를 입력하면 아래와 같은 기본 틀이 자동 구성된다. 하나하나 뜯어보자! 1. HTML5 - 기본 구성(틀)  1-1.  현재 문서가 'HTML5' 문서임을 정의'DOCTYPE' 이란 단어는 아마 'DOCUMENT TYPE(문서 타입)' 의 줄임말로 보인다. 1-2.  HTML 페이지(문서를 의미하는 듯)의 루트 요소(최상위)루트 요소인 만큼 한 HTML 페이지에 하나가 존재하는게 아닐까라는 생각을 해본다.해당 요소의 태그 안에 작성된 lang="en" 구문은 해당 요소에 포함되는 모든 기본언어를 영어로 지정하겠다는 의미이다. 예시의 경우 루트 요소인 에 작성해 해당 페이지의 기본언어가 영어로 설정되었다.lang 속성 을 ..

1. 학습 오늘은 웹 개발 기초 강의 2주차를 완강하였다. 강의 주 내용은 저번 주차에서 배운 HTML, CSS 를 다시 사용해서 복습의 느낌으로 실습을 진행하고 해당 실습에 Javascript 를 적용해보고, Javascript 를 다루는 실습을 추가적으로 진행하게 되었다. 아무래도 저번 TIL 에 적은 것 처럼 강의를 듣는 것 만으로는 궁금한 점을 다 채울 수 없어 강의 완강 후 따로 필요한 내용을 찾아 학습하였다.  먼저 강의 학습마다 'html:5' 라는 명령어를 사용해 기본적인 구성(틀)을 불러오는데 물론 해당 기능은 VS Code 에서 구현한 기능이겠지만 어쨌든 구현한 이유가 '이게 HTML5 문서의 기본적인 구성이 아닐까?' 라는 생각이 들어 명령어 사용 후 출력되는 코드의 구성을 한 번 뜯..

1. 학습 본캠프 시작이라 그런지 OT 및 특강도 있었고 새로운 팀과 만나면서 학습에 크게 몰두하기가 어려웠다. 오늘은 '웹 개발 기초' 강의의 1주차 부분을 학습하였는데 학습 내용을 정리하다보니 정리 내용이 마음에 들지 않았다. 강의를 막상 따라해서 같은 결과를 내긴했지만 뭐랄까 '이걸 내가 제대로 학습했나?' 라는 생각이 들었다. 일단든 생각은 사용한 태그나 속성에 대해서 명확하게 모른다는 점이 큰 것 같다. 강의 자체가 웹 개발의 전체적인 흐름을 파악하는 것에 초점이 맞춰져 있어 개념에 대한 설명부분에서 만족하지 못해서 그런지 스스로 좀 더 찾아 학습해야 할 것 같다. 강의는 일단 빠르게 학습하고 이번 주에 시간이 남을 때 개념적인 부분을 좀 더 채우면 만족하게 되지 않을까?  2. 과제 오늘은 S..

※ 참고 : 해당 게시글은 각 언어의 함수 또는 기능을 세세하게 다루지 않았습니다. 실습에 사용한 내용을 정리한 글인 점을 알립니다.  HTML, CSS 그리고 Bootstrap 을 활용한 실습에서 구현한 내용을 정리하는 것이 목적이다. 실습 결과 이미지이다. 위와 같은 결과를 출력하기 위해 작성한 코드를 하나씩 뜯어보며 되짚어 보려한다. 아래는 실습에 사용한 코드이다. 나만의 추억 앨범 추억 저장하기 앨범 이미지 앨범 제목 앨범 내용 ..

Map 객체에 요소를 추가할 때 반드시 'key' 값의 존재 여부를 확인('key' 는 중복이 없어야 하기 때문)하여야 한다. 필요에 따라 'key' 가 존재하면 해당 'key' 의 'value' 의 값을 수정하거나 존재하지 않는다면 기본 값을 지정해 Map 객체에 추가하는 경우도 있다. 자체적으로 기능을 구현해 사용해도 되지만 이러한 기능을 가진 메서드가 이미 구현되어있으니 바로 'Map.getOrDefault()' 이다. 오늘은 해당 메서드를 다루어 파악해보자. 1. 기본 문법Map map = new HashMap();map.getOrDefault(key, default-value);  'getOrDefault()' 메서드는 2개의 파라미터를 요구하는데 하나는 'key' 값이고 다른 하나는 'key'..